Home > Illustrator > Designing for Magazine & Newspaper Ads in Illustrator

Designing for Magazine & Newspaper Ads in Illustrator

I spend a large percentage of each day creating Newspaper and Magazine Advertisements through the design firm I work for. I’d say a good 70% of each day is focused primarily on that.

If you’re familiar with doing these types of ads, you’ll know that you get some of the weirdest dimensions to work with; forget the difference between picas and pixel, or inches vs. points: I’m talking when the work order slides onto my desk with a 3-column inch by 4.997 inch height…

Okay, so you get the specs and you’re looking at something like: 4.265″ wide x 4.997″ high (or whatever). The thing about Illustrator is that when you create a new document, it only goes two decimal places out and that’s just not okay to lob off your client’s ad-space (even if it is virtually nothing).

I’m writing this article to explain the best practice method I’ve come up with over the years; hopefully it will help you streamline your workflow by removing the struggle you might face if you happen to set up your document wrong in the beginning.

I’m writing this for Illustrator CS3, but CS4 works the same. Other versions of Illustrator have these option but they may be placed a little different.

If you’re ad is smaller than a sheet of paper, simply choose the standard document size to begin with.

fig01

We do this because our advertisement has a 3-decimal place dimension, but Illustrator only allows 2 for the document size…

Now at this point, I always set up my center points (using the guides and Rulers); this just makes alignment easier during the actual design process.

fig02

Now create a rectangle in the size of your design: to make the rectangle to exact specs, choose the rect. tool and click once in the artboard area. A dialog box will pop up and you can set the dimensions in the width and height fields. Here is where Illustrator will allow you to create a 3-decimal (or even 4) shape.

fig03

Make sure the rectangle doesn’t have a stroke, and choose a simple color (it really doesn’t matter) like black. Then center the Rectangle using the premade guides we set up before.

fig04

Now you need a duplicate of this shape. My favorite method for this is – select the rectangle, and press Control + F (Command +F for Mac users). This duplicated the object and places it directly above the first.

fig05

Now a very important step (explained later) is to set your crop area. I’m explaining this for Illustrator CS3 not for CS4 because it’s slightly different results in CS4.

To set the crop area, select the top Rectangle and choose Object -> Crop Area -> Make.

fig06

This sets the crop area and removes the second rectangle (in CS4 the rectangle won’t go away so you will really only need the one).

fig07

So now you have crop marks, and a rectangle you don’t want left -  that’s okay, because now we’re going to put that last rectangle to good use!

Select that last rectangle and choose View -> Guides -> Make Guides.

fig08

Alright! Now we have Center Guides, Crop marks, and a Rectangle Guide.

fig09

Now I like to keep my Guides and my Artwork separate. Create a new layer; name the Guide layer “Guides”, and the Art layer “Art”. I prefer to lock the Guides layer so I don’t accidentally select something in it and move it.

fig10

95% of the ads I create need to be published as Press-Quality PDF’s. The reason to set the crop marks in advance to the exact dimensions is so when you save to the PDF format, the artboard will be cropped perfect without the need to post-crop it from within Acrobat.

This system also works great if the output is for JPG (make sure to choose RGB rather than CMYK in those cases).

I hope you find this useful; I’ve found that this method shaves minutes off every design I do!

Categories: Illustrator Tags:
  1. Allen Mather
    April 3rd, 2009 at 11:52 | #1

    Setting document size and guides using these steps really helps to assure the final output is to spec’ and let me export press-ready files quickly.

    Setting the crop area has eliminated any awkward cropping in Acrobat.

    As always, doing the work up-front is worth the time and effort.

    Thanks!

  2. June 16th, 2009 at 12:13 | #2

    Great little tip here. I’m new to ad design so this is most helpful. I was actually trying to figure out how to center the crop area on a page, using the crop area tool. It seems either that can’t be done or I’m not smart enough to figure it out. But using a rectangle is brilliant — it centers easily, then can be made into a crop area using Object -> Crop Area -> Make (as you describe above). Thanks much!

  3. June 16th, 2009 at 15:06 | #3

    I’m glad you found this tutorial useful Aaron!
    Here’s a tip: If you use the steps I described in this walkthrough by making the document size 8.5×11″, you can center your rectangles (no matter their size) by changing their X coordinates to 4.25, and their Y coordinates to -5.5

    Thanks for the feedback!

  4. Jennifer
    January 13th, 2010 at 15:58 | #4

    Thanks so much for this tip!!! It will help our company tremendously with our ad design of 5 magazines.

  5. February 16th, 2010 at 14:49 | #5

    @Jennifer
    Glad to hear it!

  6. July 9th, 2010 at 14:03 | #6

    thank you so much! I am new to all this and this tip will be a GODSEND!!

  7. July 14th, 2010 at 10:25 | #7

    @Tracy
    I’m glad you can use this article to help you out! I’m curious as to which version of Creative Suite they got for you to use there? There have been some distinctive changes in CS4 and CS5 which have changed the way the process is done (not at my work as we still have CS3, but for Freelancing I use CS5).

    It may be time to revisit this tutorial with CS5 in mind.

  1. No trackbacks yet.