New Feature: Playlist Center! Pick a topic and let our playlists guide the way—like a learning mixtape.

Start learning with our library of video tutorials taught by experts. Get started

Designing a Magazine Cover
Illustration by John Hersey
Watching:

Including additional elements


From:

Designing a Magazine Cover

with Nigel French

Video: Including additional elements

If you've been following along and have just seen the adding cover lines movies, I have to confess I have done some housekeeping since you saw this document last. I've made some changes using Paragraph Styles to the sizes of the different styles, I have adjusted the spacing between these elements, I have done some housekeeping on the Swatches panel, removing all the unnecessary color swatches that I don't intend on using, and I've also made a tweak up here. We had a problem with some optical spacing here, where since we're using such a large font, if we place the edge of the text frame on the margin, then it looks like we have got extra white space to the left of those characters.
Expand all | Collapse all
  1. 1m 57s
    1. Welcome
      36s
    2. Using the exercise files
      35s
    3. Looking at the history of magazine covers
      46s
  2. 8m 27s
    1. Understanding what makes a good magazine cover
      1m 47s
    2. Deciding between photography and illustration
      1m 6s
    3. Understanding the parts of a magazine cover
      5m 34s
  3. 21m 7s
    1. Choosing a cover image
      3m 0s
    2. Understanding the technical requirements
      4m 32s
    3. Cropping the cover image
      2m 0s
    4. Working with color and tonal adjustments
      3m 50s
    5. Retouching the cover image
      7m 45s
  4. 48m 8s
    1. Setting up the cover document
      3m 17s
    2. Placing and positioning the masthead
      4m 5s
    3. Positioning, scaling, and cropping the cover image
      3m 57s
    4. Combining the cover image and the masthead
      4m 28s
    5. Creating a color palette
      8m 47s
    6. Adding cover lines
      4m 28s
    7. Using paragraph styles with cover lines
      5m 32s
    8. Refining cover lines
      4m 54s
    9. Including additional elements
      8m 40s
  5. 15m 30s
    1. Creating a preflight profile
      3m 52s
    2. Making a print-ready PDF
      9m 24s
    3. Packaging and archiving the project
      2m 14s
  6. 34m 16s
    1. Setting up the Photoshop document
      6m 19s
    2. Placing and scaling the cover image in Photoshop
      3m 11s
    3. Combining the image and the masthead in Photoshop
      5m 49s
    4. Working with text in Photoshop
      9m 33s
    5. Creating a peeling sticker in Photoshop
      6m 16s
    6. Preparing for print in Photoshop
      3m 8s
  7. 35m 7s
    1. Setting up the Illustrator document
      4m 35s
    2. Placing, scaling, and cropping the cover image in Illustrator
      3m 30s
    3. Combining the cover image and the masthead in Illustrator
      3m 5s
    4. Adding more cover lines in Illustrator
      9m 41s
    5. Adding cover items in Illustrator
      9m 32s
    6. Preparing for print in Illustrator
      4m 44s
  8. 1m 11s
    1. Goodbye and next steps
      1m 11s

Watch this entire course now—plus get access to every course in the library. Each course includes high-quality videos taught by expert instructors.

Become a member
please wait ...
Designing a Magazine Cover
2h 45m Intermediate Oct 08, 2012

Viewers: in countries Watching now:

What makes a good magazine cover? Author Nigel French examines the design of magazine covers, dissecting the cover and explaining the purpose of the different components that make up the whole design. He then covers the design process from start to finish in Adobe InDesign, going on to show alternative workflows that exclusively use Photoshop and Illustrator. Each workflow shows you how to place and scale your image, position the masthead, add cover text, and package the end result as a print-ready PDF.

Topics include:
  • The history of magazine covers
  • Choosing a cover image
  • Making color and tonal adjustments to the image
  • Placing and positioning the masthead
  • Positioning, scaling, and cropping the cover image
  • Creating a color palette
  • Adding cover text
  • Creating a peeling sticker effect
  • Preparing for print
Subjects:
Design Page Layout Projects Design Skills
Software:
Illustrator InDesign Photoshop
Author:
Nigel French

Including additional elements

If you've been following along and have just seen the adding cover lines movies, I have to confess I have done some housekeeping since you saw this document last. I've made some changes using Paragraph Styles to the sizes of the different styles, I have adjusted the spacing between these elements, I have done some housekeeping on the Swatches panel, removing all the unnecessary color swatches that I don't intend on using, and I've also made a tweak up here. We had a problem with some optical spacing here, where since we're using such a large font, if we place the edge of the text frame on the margin, then it looks like we have got extra white space to the left of those characters.

We didn't want that. That was one part of it, and then in this smaller paragraph, I've had to add a small amount of left indent, again, to make sure that the left-hand edge of this type corresponds optically with the left-hand edge of the larger type above it. Okay, so I just wanted to come clean on those things in case you thought, wait a minute, that looks a little bit different to how we left it. Two things I want to add here, we want to add a flash across the top left-hand corner and a sticker in this space right here.

So both of these deal with two of the pressing issues of our time, Good Hair Days and Free Shampoo, so I am going to just cut them into two separate text frames, I'll select the type in this one by pressing Command+A or Ctrl+A. I am not going to bother with Paragraph Styles here. I am just going to do this all with local formatting, Command+6 to jump to my Font menu, Myriad Pro, Command+Shift+K to make it all upper case.

I think, actually, we probably are going to need to use Condensed type because we have a lot to fit into a small amount of space. So I'll make that Condensed, and I'll make the top line Bold Condensed, we'll make both paragraphs centered. I want to center this vertically as well within the frame. Before I do that, though, I will just reduce the leading on that second line to bring the two lines closer together. I want to center vertically within the frame, so I am going to go to the Object menu > Text Frame Options.

All right, we are now ready to move this into position. I'll choose my Center Reference Point on the Reference Square, press R for my Rotate tool, spin that around, drag it into position. Let's apply a Fill Color. I am going to use 50% black, which I've added to the Swatches panel since you last saw this document. I want to make sure that it definitely goes all the way to the bleed guide, so if necessary, I am going to increase the size of that, and I need to make sure that the Type is within the safe area as defined by the magenta and purple lines.

So that all needs to come down a bit and get a little bit smaller, all right! I think that's okay. Let's make this one a little bit bigger and then with the frame selected, I'll come to the Effects panel, and I am going to adjust the opacity on this. I don't want to adjust the opacity of the whole object because that's also going to reduce the opacity of the type. So I am going to go to Fill and change the Opacity to 60%. Next, we need a sticker.

Now on the original, I didn't make the sticker a peeling sticker, which is a very popular thing to do, but I will here. I am going to just do a quick run-through on this technique. If you want to check out Mike Rankin's InDesign Effects Title, he has a movie devoted to creating a peeling sticker. I must also mention that I added a date and a price line right there. So to start with, let's just work with this text for a little bit, some basic things that we need to do to this.

We want it to be centered, we want it to be all upper case. We want it to be Myriad Pro. I want the first and the last lines to be bigger and bolder. It's going to look something like that. This needs to come up a little bit more. So I'll adjust the leading on that, make that into one single paragraph and adjust the leading on that too. All right! We can get back to that in a moment. Rather than put this inside the circle shape, I am going to put it on top of the circle shape and then align it too. I find it's a bit more flexible in that way Then I will choose my Ellipse tool.

I want to make sure that I have a Fill of Black 50% and a Stroke of None, but I don't want to apply to that. So I am going to deselect that first, then come and choose those properties, Option+Shift as I draw my circle to make it a perfect circle, and now to create the peeling sticker effect. In a nutshell, it is this, take your Scissors tool, place two anchor points somewhere at the bottom of the circle wherever you want it to peel, and what that's done is made a separate segment, and I am now going to come and choose the top-center point on my Reference Square and flip that vertically.

Then I want to apply a gradient to that. But before I can see the gradient, I am going to need to bring this portion to the front because it's currently gone behind the larger part of the circle. So I'll bring that to the front, and if I fill it with white, you can see what I mean. But actually, we want to fill it with a gradient. I seem to have lost my Gradient panel, so I am going to come up to the Window menu and Color to get it back, and then I am going to just apply that Gradient to it. So I have the color stop. There is the Black 50%, and I have brought that in towards the center.

I'll now use the Gradient tool. I want the lighter part of the gradient at top of that curl, like so. And now I am going to add a Drop Shadow to that, and the Drop Shadow needs to have no offset. I am going to change the Angle so the shadow is cast over the sticker, and then the Y Offset needs to get dramatically reduced, something like that. I'll reduce the Opacity a bit.

I'll select the largest circle and give that a Drop Shadow, too, and take the X Offset off and reduce the Y Offset and the Distance and reduce the Opacity. Of course, you can just adjust these numbers to your taste. So there is my sticker with a peel at the bottom. I am now going to select those two shapes that make it up and group those together, Command+G, I'll select the Type, position that over it if necessary, and it is necessary, bring it to the front, Command+Shift+Right square bracket. I'll reduce the size of that as necessary.

Let's make that white, and we'll make that white. This is why it's easier to do this with the Type in a separate frame If this were actually in the circle, it would be much more fiddly than it already is. Okay. Then so, if that's how I like it, I can then select this and select the group beneath it and then using my Align panel, I can align the horizontal centers and the vertical centers, then group all of that together, move that into position and just rotate it accordingly, like so.

There are currently no FAQs about Designing a Magazine Cover.

 
Share a link to this course

What are exercise files?

Exercise files are the same files the author uses in the course. Save time by downloading the author's files instead of setting up your own files, and learn by following along with the instructor.

Can I take this course without the exercise files?

Yes! If you decide you would like the exercise files later, you can upgrade to a premium account any time.

Become a member Download sample files See plans and pricing

Please wait... please wait ...
Upgrade to get access to exercise files.

Exercise files video

How to use exercise files.

Learn by watching, listening, and doing, Exercise files are the same files the author uses in the course, so you can download them and follow along Premium memberships include access to all exercise files in the library.
Upgrade now


Exercise files

Exercise files video

How to use exercise files.

For additional information on downloading and using exercise files, watch our instructional video or read the instructions in the FAQ.

This course includes free exercise files, so you can practice while you watch the course. To access all the exercise files in our library, become a Premium Member.

join now Upgrade now

Are you sure you want to mark all the videos in this course as unwatched?

This will not affect your course history, your reports, or your certificates of completion for this course.


Mark all as unwatched Cancel

Congratulations

You have completed Designing a Magazine Cover.

Return to your organization's learning portal to continue training, or close this page.


OK
Become a member to add this course to a playlist

Join today and get unlimited access to the entire library of video courses—and create as many playlists as you like.

Get started

Already a member?

Become a member to like this course.

Join today and get unlimited access to the entire library of video courses.

Get started

Already a member?

Exercise files

Learn by watching, listening, and doing! Exercise files are the same files the author uses in the course, so you can download them and follow along. Exercise files are available with all Premium memberships. Learn more

Get started

Already a Premium member?

Exercise files video

How to use exercise files.

Ask a question

Thanks for contacting us.
You’ll hear from our Customer Service team within 24 hours.

Please enter the text shown below:

The classic layout automatically defaults to the latest Flash Player.

To choose a different player, hold the cursor over your name at the top right of any lynda.com page and choose Site preferencesfrom the dropdown menu.

Continue to classic layout Stay on new layout
Exercise files

Access exercise files from a button right under the course name.

Mark videos as unwatched

Remove icons showing you already watched videos if you want to start over.

Control your viewing experience

Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.

Interactive transcripts

Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.

Are you sure you want to delete this note?

No

Notes cannot be added for locked videos.

Thanks for signing up.

We’ll send you a confirmation email shortly.


Sign up and receive emails about lynda.com and our online training library:

Here’s our privacy policy with more details about how we handle your information.

Keep up with news, tips, and latest courses with emails from lynda.com.

Sign up and receive emails about lynda.com and our online training library:

Here’s our privacy policy with more details about how we handle your information.

   
submit Lightbox submit clicked
Terms and conditions of use

We've updated our terms and conditions (now called terms of service).Go
Review and accept our updated terms of service.