It may sound like a simple thing, but you better believe that a lot of thought goes into the design of a magazine cover. Covers compete for attention next to dozens of other magazines on the rack. In this tutorial, well not only take you through the process of creating a cover, but also reveal techniques that designers use to make their covers stand out.
1 CREATE A NEW DOCUMENT WITH A BLEED
As usual we need a new document (File>New Document) to start. However, this time were going to do something a little different. Click the More Options button in the New Document dialog to expose the Bleed and Slug options. Almost all magazine covers bleed off the edge of the paper and were going to do just that. Turn off the Facing Pages option near the top and enter a 0.25″ Bleed for the Top, Right, and Bottom (click on the link icon to the right so you can enter different values in each field). Also add a 1.5″ slug at the bottom. Click OK to create your new page.

2 TAKE ADVANTAGE OF SLUGS
I recommend that you get into the habit of using the slug feature to store important information about the job itself. Think of the slug as a notes area that can be printed if needed. The one thing youll definitely want to put in this area for your magazine covers is the copyright information about the photo youre using. Using your standard Type tool (T), you can include things such as photographer, phone number, email address, and usage rights to this area.

3 CREATE FRAME AND PLACE COVER PHOTO
Using the Rectangle Frame tool (F), create a frame that goes to the edge of your bleed area. The cover image is usually what draws the potential reader into picking up the magazine. Things like, Whos that? Wow, check out that car! or Hes/shes hot! come to mind. Once you have your frame, use the Place command either from the File menu or Bridge CS3 to place your best photo.

PHOTO CREDIT: TERRY WHITE
4 MAKE IT FIT
Unless you went into Photoshop prior to this step to size your photo, chances are it came in either too big or too small for your frame. What makes matters even worse is that its probably the wrong aspect ratio too. You want your image to fill the frame without distorting, so choose Fill Frame Proportionally from the Object>Fitting menu. While this will definitely fill the frame, it doesnt mean that it will position the image exactly where you want it. Switch to the Direct Selection tool (A) and then youll be able to position the image to your taste.

5 CREATE YOUR MASTHEAD
The problem with this particular photo is that theres no headroom. Photographers are often told to keep the headroom to a minimum in portrait photography. So in this case, we definitely need the masthead to be on top of the photo as opposed to behind it, with the head slightly overlapping it for effect. Create a text frame with the Type tool and key in the name of your publication. If your publication is established, then you probably already have the proper font, size, and kerning values; however, if youre just starting out, then youll want to give your font choice some thought.

6 CHOOSE FONT AND KERN
Aside from your photo, the name of the publication is the next thing that people look at. So clearly it needs to be big, but it also needs to look good. Unless youre using a script font, chances are your font will need to be kerned at the larger size. Im using a chunky grunge font at 150 pt and tracking set to 10 in the Control panel. I also individually kerned each letter by eye for a better balance. (Tip: To change the kerning, insert your cursor between two letters and use your Option [PC: Alt] key in conjunction with your Arrow keys.)

7 ADD DATE, VOLUME INFO, AND GRAPHIC
Now its time to put in the particulars about this issue. Usually that means the Month/Year and maybe either the volume number or the website address. In either case, youll want to create these in a separate text frame from your masthead for easy positioning. Dont worry about font color at this point; well get to that in a moment. You can also add a graphic element to anchor your masthead. I chose a rectangular paint smear created in Illustrator and placed it (File>Place) behind my masthead information (Object>Arrange>Send Backward) for more pop.

8 YOUR LEAD STORY
When you see someone on a magazine cover, you want to know why he or she is on the cover, so you need a teaser. This is the story thats going to make people buy the magazine, thus this copy should be larger than any other teasers. Create a text frame with the Type tool in an area that will have the least impact on your main photo. Type your teaser in a nice large font, and never use the same font that you used for the mastheadits all about contrast. (Be sure to turn off the Hyphenate option in the Paragraph Control panel.) Experiment with different font sizes and combinations of upper- and lowercase words.

9 BORROW SWATCHES FROM ILLUSTRATOR CS3
Before we go much further, we need some color swatches to start applying color to our text. If youre good at picking colors, then you can just go ahead and create your swatches in InDesign. Truth be told, I struggle when it comes to picking colors, so Im going to let Illustrator create my swatches for me. Open Illustrator CS3 and create a new Print document. Go to the Swatches panel and choose Select All Unused from the flyout menu. Now click the Trash icon to remove them.

10 CREATE MATCHING COLORS AUTOMATICALLY
Place the same cover photo you used in InDesign into your page in Illustrator. Draw a box off to the side with the Rectangle tool (M). Now take the Eyedropper (I) and sample a color in your photo (in this example, the lips). If you bring up the Color Guide panel, youll now have a set of swatches that all work well with each other. (Tip: Click on the drop-down menu at the top of the Color Guide panel to view different Harmony Rules.) Choose Save Colors as Swatches from the Color Guide flyout menu to add those swatches to your Illustrator Swatches panel.

11 EXPORT/IMPORT SWATCHES
Lastly, choose Save Swatch Library as ASE from the Swatches flyout menu and choose a name and location to save your swatches. Back in InDesign, choose Load Swatches from the Swatches panels flyout menu and open the ones you just saved. You can now apply these matching colors to your text by simply selecting your text with the Type tool and then clicking the swatch you want to use. I also changed the color of the masthead element to tie it all together. Just Control-click (PC: Right-click) on the element and choose Edit Original to open and edit it in Illustrator.

12 THE DROP SHADOW TRICK
Applying different colors to your type often makes it easier to read against a photo in the background; however, designers use another trick to make their text stand out even more. Yes, its time for a drop shadow. The trick here is to apply a shadow with a hard edge thats just slightly offset from the original text. Select your text frame with the Selection tool, and go to Object>Effects>Drop Shadow. Turn on Preview, and set the Size to 0 and your Offset to a small fraction, in this case .004″. Click OK when you like it. It looks great applied to the story titles as well.

13 ADD MORE STORIES AND A PHOTO
I prefer one main photo on my covers, but if you need to put another photo on the page, youll want it to be seen, but not overpower the main photo. One way to get around this is to use shapes tools to help hold your smaller photos. You can draw a shape with the Pen tool (P), fill it with color, and then lower its transparency (Object>Effects>Transparency). To see how your cover is going to look printed, go into Preview mode. You can enter/exit Preview mode (as long as youre not in the Type tool) by pressing the letter W on your keyboard.
















This is a great basic tutorial. Specially the type settings. Thank you.
how did you make the rectangular paint smear in illustrator! please help!!!
Hi there, you can draw a box in ill and then apply the brush with the outline with the same color as filled color. Then expand the box, copy and past it to Indd. Now in Indd you can modify it as well.
discovering this tutorial was a god send, seriously, i was beginining to get migranes everytime i tried to create a cover, thank u!!
coolies
LUV LUV LUV this!
This is the best tutorial I’ve found anywhere on the web. Seriously–this is a lifesaver.
[...] Homework wk10: For Thought – Read: Becoming Screen Literate http://www.nytimes.com/2008/11/23/magazine/23wwln-future-t.html?_r=1&ref=books Technique for Next Assignment – Read: Magazine Layout Tutorial: http://www.layersmagazine.com/magazine-cover-design-in-indesign.html [...]
[...] Text Threading, Importing Graphics, Using InDesign to compose pages. Magazine Layout Tutorial: http://www.layersmagazine.com/magazine-cover-design-in-indesign.html Practice: see Week10WorkFiles Body Text Generator: [...]
Can I create a magazine cover for my class using Illustrator? Also how do I import a photo from photoshop into illustrator?
Hi Alleykat,
Yes, you could design a cover in Illustrator, though we would recommend that you use InDesign.
Check out this article on importing images from Photoshop to Illustrator: http://www.layersmagazine.com/mixing-it-up-with-cs3.html
It was written for CS3, but most of it should still be relevant.
Thanks,
Chris Main
Layers Magazine
Awesome!
QUESTION:
what programs do you need to do thiss? :S
is it just microsoft office word??
necesito crear una revista entera y me gustaria qe me pudieran ayudar.
y tambien que me dijeran como cambiar el idioma del menu gracias
i need to create a ful magazine i wish you can help me .
and i need to know how to change the lenguage of the menu
thanks
Very interesting
Nice job! I just love it when I learn more about Indesign even though I have been using it for years!
I appreciate the text tutorials. Is there a way to include a text portion of the video tutorials. Having the text allows you to follow along without having to take notes. You also have steps to follow when you try the project on your own.
[...] for Next Assignment – Read: Magazine Layout Tutorial: http://www.layersmagazine.com/magazine-cover-design-in-indesign.html (The assignment will be to revisit our Celebrity Composite Works from Week 04, you are now going to [...]
[...] Magazine Layout Tutorial: http://www.layersmagazine.com/magazine-cover-design-in-indesign.html [...]
thanx for the tutorial, it will be a great inspiration since im new with indesign
this tutorial was very helpful.
however I am having trouble understanding how you accomplished the masthead. What is kerning and how can I do it?
Also, is there any way to make a paint smear using either PhotoShop or Indesign?
As a beginner this is very useful . Thanks soooooo much..
[...] Magazine Cover Design in InDesign [...]
[...] Magazine Cover Layout Tutorial. [...]
Yo yo yo
[...] Create a Magazine Cover Design (Id) [...]
[...] Create a Magazine Cover Design (Id) [...]
[...] Magazine Cover Design [...]
Very interesting and away some!
thats cool but i think you should have put more words on it no affence and the girl on the front is ugly
[...] Tutorials by layermagazine [...]
that is the graetest in the world you have to try it
And this is cover…?
DISASTER, this looks so cheap and really lame…!
Thanks a million for this tutorial. i’m just starting to learn how to use CS3 and stuff and you have saved me alot. where can i get more help and ideas for making magazine covers and articles??
This is very useful tutorials. Thanks.
[...] Create a Cover Design in Indesign [...]
I like the design cencept. this is creative and educative
[...] Click Here To Read More of Terry White’s Tutorial [...]
[...] Link: http://layersmagazine.com/magazine-cover-design-in-indesign.html [...]
[...] Magazine Cover Design in InDesign | Layers Magazine 3 Nov 2010. Type your teaser in a nice large font, and never use the same font that you used for. and President of MacGroup-Detroit, Michigan's largest Macintosh users' group,. and is a key presenter at major industry shows around the world.. Check out this article on importing images from Photoshop to.layersmagazine.com/magazine-cover-design-in-indesign.html – Magazine Cover Design in InDesign | Layers Magazine [...]
Simple but professional at the same time. Nice tutorial
[...] Magazine Cover Design in InDesign [...]
Great tutorial!
[...] Designing a magazine cover #05-Magazine Cover Design in InDesign Covers compete for attention next to dozens of other magazines on the rack. In this tutorial, we’ll not only take you through the process of creating a cover, but also reveal techniques that designers use to make their covers stand out. [...]
Good use of basic steps. Is this for InDesign CS 3?
I’ve got this tutorial and the pages/layouts tutorial – about putting them together to create a PDF (for Issuu dot com, let’s say) how is that done?
great help
good design i like it nice
What software is needed to design a cover like this???
Hello Terry – I sat in on your tutiorial at Photoshop World in Las Vegas this September and I’ve been looking for the printed version of your class. It is not in the download section from PSW and I was wondering where I might find it. It was the very basics of InDesign. Thank you so much!