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

Designing a Magazine Cover
Illustration by John Hersey

Positioning, scaling, and cropping the cover image


From:

Designing a Magazine Cover

with Nigel French

Video: Positioning, scaling, and cropping the cover image

Our next step is the Positioning, Scaling, and the Cropping of the cover image and arranging it with the masthead. Here is our work in progress, and here is the finished version. So, returning to cover_inprogress1, first thing I'm going to do is come to my Layers panel. I'll come to the bottom layer, currently layer 1, and I'm going to rename this cover image I will then press the F Key to choose my Rectangular Frame tool and to draw a frame from the top left Bleed Guide all the way down to the bottom right Bleed Guide, because I want my image to bleed on four corners.
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

Positioning, scaling, and cropping the cover image

Our next step is the Positioning, Scaling, and the Cropping of the cover image and arranging it with the masthead. Here is our work in progress, and here is the finished version. So, returning to cover_inprogress1, first thing I'm going to do is come to my Layers panel. I'll come to the bottom layer, currently layer 1, and I'm going to rename this cover image I will then press the F Key to choose my Rectangular Frame tool and to draw a frame from the top left Bleed Guide all the way down to the bottom right Bleed Guide, because I want my image to bleed on four corners.

Then from the Object menu, I will set the Fitting options. I want the Alignment of the image in this frame to be from its center point. I want the Fitting to be Fit Content Proportionally. The Crop Amount will be 0, and Auto-Fitting will be turned off. So, now I'm going to switch to Bridge--or if you prefer, you could use Mini Bridge, but I'm just going to use Bridge-- Bridge is currently open in compact mode. For me if you get there, and you find it's in the full mode, you can switch between the two by pressing Command+Return or Ctrl+Return.

Here is the cover image that I've chosen. I'm now going to just drag this into that empty frame. I will dismiss Bridge. Because I chose Fit Content Proportionally, we are seeing the image full frame. Because the aspect ratio of the image and the aspect ratio of the frame differ, we have some empty space, top and bottom of the frame, so the image needs to be scaled, and it needs to be cropped within the frame.

I'll switch to my Selection tool, move over the image and then click on the Content Selector. To start with, I'll move the image down so that it extends all the way to the bottom Bleed Guide, and now I can scale the image up, and I can do this in a couple of different ways. If I zoom out so that I have a bit of growing room, I can hold down my Shift key and then just come and pull on one of the corners, and that's going to make sure that I scaled the image proportionally.

Alternatively, if I use my reference square, the bottom portion of the image is now in place, so I could lock that by clicking on the bottom center reference point and then increase the scale by using this shortcut, Command or Ctrl+More than, that's just going to increase the scale by 1% point every time I touch those keys, and that's about where I want it to go. I may also wish to adjust its position left and right.

I'm just now nudging it over using my right arrow, and I'm going to nudge it down a little bit so that when we get to overlap the top portion of the model's head with the masthead, the overlap isn't too much, just a small amount. So, I think that's the position that I want. This may change, but for now I'm going to leave it where it is. One thing to be aware of is that I've applied scaling to this image. I want to make sure that the image is still at least 300 pixels per inch so that it's of sufficient resolution to print.

So if I select the image, if I come to the Links panel--if you don't see the Link Info, you can click on the disclosure triangle at the bottom left of the Links panel to show that-- and this is the number that we are concerned with, the Effective PPI. We want to make sure that this is 300 or more. As it's 369, so we are in good shape.

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.

Upgrade to download 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.