Design challenge — Part IV

InDesign, Tips

So the basic design of the ad is starting to take shape. I’ve set up the space for the client’s message and ad at the top, the event locations at the bottom, and the space for the calendar text in the middle. Now to setting up the style sheets for the calendar text. This will make it easier to color match the calendar text to the locations.

First, I enter some of the sample text of local events provided by the ad rep. Each entry has the day, a letter that coordinated to the location guide at the bottom, and a description of the event and the time.

Next I set up the style sheets. This time I used character style sheets because there will be more than one style per paragraph in this set of text. I started with the date, which is simply Times 8 pt bold (I know, kind of lazy to use Times, but why waste time looking through the hundreds of other fonts when I’d probably end up using something that looks exactly the same to the typical reader?)

Then I set up style sheets, based on the date style, corresponding to each of the letters in the location guide at the bottom. Each is named for the letter with the text set to the same color. I initially set the whole text box in the date style sheet, then highlighted the text to be changed and chose the appropriate style sheet (the eyedropper tool comes in handy here, actually). As we add to or change the calendar information, we can just choose the proper style for the text, rather than having to remember which color goes with what.

Here’s a look at how May and June were initially looking

At this point, the ad rep took a copy to the client to see for the first time, thus beginning the revision process. That will be in the next installment.

Design challege — Part III

InDesign, Tips

In the last post, I showed how created some of the design details for a calendar of events one of our clients wants to sponsor, and how to use a script in InDesign CS2 to create a grid. Now, I’ll get into creating the backgrounds for the calendar items and setting up style sheets for easier text handling.

First, the main part of the ad, where the text for the events will go. I divided the page into two columns (Layout menu/Margins and Columns). The gutter is only p6, but I think it will work since the text will be ragged right.

I drew a text box in the left column, then set that for 3 columns (Object/Text Frame Options) with a bit wider gutters (6 pt). I duplicated that, resized it, and duplicated that one for the two text boxes in the right page column. Each text box was then set to have three columns.

Each text box represents a different month, so each needs a header and a different color. I drew text boxes for the headers first, and created gradient fills for them (go to the swatches panel and choose “new gradient swatch” from the flyout menu). Then I typed the months, setting the left margin (Type menu, tabs) in a little bit so the letters aren’t right up against the edge. Then I copied and pasted the text, changing the month, for each header. I then drew boxes as backgrounds for each month’s text and gave them matching gradients, which I also set a transparency on to make the text easier to read.

Now that that is set up, I’m going back to the bottom section (do you get the feeling I have a short attention span?) Actually, I have a good reason. The calendar items are color coordinated with the locations. So I need to set those up, first. I type the info for the first location, setting up paragraph styles as I do so. I want to be able to have each text box set so when I start typing, it will be set in the style for the name of the organization, then switch to the style for it’s address. That’s done by using the “next style” option in the Paragraph Style general settings.

For the lower right box, the client wanted a Memorial Day greeting, so I found some appropriate artwork on Metro. Then I added a letter to each box, giving each one a different color. When we enter the text for the calendar, it will be color-coordinated to these letters. You’ll see, in the next installment.

Design challenge — Part II

Illustrator, InDesign, Tips

In my previous post, I began to outline a challenge from one of our ad reps to design a calendar of events that one of our clients wants to sponsor. I’ll continue with some info about some of the details, including using a CS2 script to make a task much less tedius.

In the sample ad the client provided, there’s a thin chevron graphic separating the sections. I’ve never really done a chevron before, but found this simple tutorial. I created it about four times as big as I needed just so it would be easier to work with, and followed the tut. I made the lines fit the color scheme I was using, put in a background and dropped it into InDesign, reducing it to 25% size and set a transparency of 50% on it.

Next, I started adding some detail to the top section by drawing lines. Then I went to work on the bottom. I added the chevron piece there, too, and drew a box filled with a color matching the chevrons and setting a 50% transparency on it, too.

The bottom section contains information on the locations around the community where events take place. I could have drawn each box individually, or drawn one and then copied and pasted, but there’s a faster way: using a script. (Note: In CS5, this became a built-in feature. Check out this tut).

Draw a box and while it is selected, go to window/automation/scripts. For this one, I needed to go to the Samples folder, then Applescripts. There’s one called MakeGrid.applescript. With the box selected, I double-clicked that script, entered the information, and voila! Separate boxes, evenly spaced.

In upcoming posts, I’ll discuss setting up the main portion of the ad, with the calendar. We’ll talk gradients and style sheets. Questions? Leave them in the comments or feel free to tweet me up @DesignsbyJunO.

Design challenge — Part I

Illustrator, InDesign, Tips

On Thursday, one of the ad reps walked into our work area and asked “Who wants a challenge?” I wasn’t busy, and I’m always willing to try and stretch my design wings.

One of her clients wants to sponsor a calendar of local events for the summer, and had given her a similar ad from another paper as an example. He wanted it exactly like that ad, in fact. Challenge accepted.

I knew it wouldn’t be difficult for me to recreate the design — most of it could be done in InDesign with fairly simple tools and features. The challenge would be to make it easy for anyone who didn’t create the ad to update the text easily. That’s best accomplished using style sheets.

But first, the actual design, step by step. There’s lots of work involved, so I’ll break this up into different parts.

Our ad rep thought for our paper, this ad would work best as a 4 column by 15 inch ad, so I created an InDesign document to that size. Then I set some guide rules for the top section, where the client’s content about their business and a small testimonial ad are on the sample ad. I did the same for the box on the bottom.

Then I went to Illustrator to design the background for the top section. I started with an orange box with radial gradient. There’s a faint starbust in the sample ad. Now, there are plenty of tutorials of how to make a starburst in Illustrator, and it’s fun to do, but I found one on Metro that I downloaded awhile back to save time on designs like these. I copied and pasted that into the Illustrator document, put it on its own layer, resized, changed the color and dropped the transparency.

For some texture, I keep some images of old papers handy on my desktop. I grabbed one that I thought looked good, sized it and placed it where it looked most interesting, then dropped the transparency on it, too.

Draw a box to create a clipping mask, and then drop into InDesign.

In the next post, I’ll continue with some of the small design details. If you have questions or need more detail on some of the steps, let me know in the comments.

Thanksgiving Day greeting house ad

Design, Print ads

2013 Thanksgiving Day greeting

In 2013, my advertising manager said the publisher wanted some full-page holiday greeting ads, and she allowed each of us to do one. I chose to do Thanksgiving, and even though it was the closest one, I wanted to challenge myself. I sketched the basic design on paper, scanned it and converted it to a vector drawing in Illustrator, where I was able to enhance the lines, add color and patterns, the text and The HDN logo.

I had a lot of fun doing this, and it was a great learning experience in using Illustrator. I was glad we were able to run it in color, too! Thankful my employer gives people opportunities to stretch their wings and see what they can do.