Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member

Adding cover items in Illustrator

From: Designing a Magazine Cover

Video: Adding cover items in Illustrator

I am now going to add the extras to the cover, specifically the flash in the top left-hand corner, and the peeling sticker that's going to go right here. So we have the text for this over on the pasteboard. I am going to come to my Layers panel where I'll make a new layer, I'll call that extras, and I will drag the selection of that type to that layer. I'm now going to lock all other layers by holding down my Option or Alt key and clicking in the locking column. Zoom in on that Type, I may as well address as many commonalities as possible.

Adding cover items in Illustrator

I am now going to add the extras to the cover, specifically the flash in the top left-hand corner, and the peeling sticker that's going to go right here. So we have the text for this over on the pasteboard. I am going to come to my Layers panel where I'll make a new layer, I'll call that extras, and I will drag the selection of that type to that layer. I'm now going to lock all other layers by holding down my Option or Alt key and clicking in the locking column. Zoom in on that Type, I may as well address as many commonalities as possible.

So I'm going to press Command+T or Ctrl+T to open up my Character panel. And I'll set the Type in All Caps, on the Paragraph panel I will center it, and that's about as much as it has in common. I am now going to chop it up into two separate chunks. So I will select the first part, cut that, delete that extra paragraph mark that remains, hold down my Command or Ctrl key, click.

Back to my Type tool, make in Insertion point, Command+V or Ctrl+V, and we now have two separate pieces of point type. Starting out with this one, the Flash, let's move that over into position. And I need to do a few things to this. This actually should become condensed and switch to my Type tool by pressing T. The first line is going to become Bold Condensed. I see I've got some extra spaces at the end of that line, which I'll make sure I delete.

I will select the first line, and I am just going to increase its point size by pressing Command+Shift+More Than or Ctrl+Shift+More Than and decrease the point size of the second line down to 10 pt. Command+A or Ctrl+A to select both, and I am going to reduce the Leading or pressing Option+Up Arrow or Altus Arrow to bring those two lines closer together. Now I'll switch to my Rectangle tool. Centering on the center point of that type, I am going to hold down my Option or Alt key and draw myself a very wide rectangle like so which I will then apply a 50% shade of gray to, and I will then send that to the back, Command+Shift+Left bracket I am going to just nudge it up a fraction so that it's optically centered on that type.

I'll come and select the type along with the rectangle and press Command+G or Ctrl+G to group those two elements together, and then the R key to select the Rotate tool, and I will spin that around. Hold down my Command key so I toggle to my Selection tool and drag that into place, maybe spin it around a little bit more. Maybe come and adjust the size of the rectangle, which I think is a little bit too big.

I now have a group so I am going to double- click on that group to switch to Isolation mode, and I can select the particular item of the group--in this case the rectangle itself--and make that a little smaller. And while I'm here I am just going to increase its point size, I'll just tweak that a little, making size, and I think we'll quit there with that one.

I will come and exit Isolation mode and zoom out. So I now have type for the sticker. I will drag that over into position or near the position and then zoom in on this area, I'll switch to my Ellipse tool, hold down my Option or Alt key and my Shift key to draw a circle from its center point, I'll use that same Fill Color of 50%, and I now want to make this into a peeling sticker.

And I could do this the same way as I did it in InDesign using the Scissors tool, that's a perfect valid approach, but for a bit of variety I am going to use the Line tool here and then just drag a line over the bottom portion of that, select the two items, and I'll now use the Pathfinder > Divide option to slice those into two separate pieces. It's now the bottom portion of this that I want to select, and rather than going to Isolation mode, I am just going to press A, which will select my Direct Selection tool.

Click away from it so that nothing is selected and then click back just on this bottom portion but holding down the Alt key as I do. It's difficult to tell here, but this bottom portion is actually in the stacking order behind the top portion, so I do need to just do this, Arrange > Bring to Front. That's not going to make any visual difference here, but it will for the next step. And the next step is I am going to now spin this around. I'll press A to choose my Free Transform, hold down the Shift key, and then spin that around like so, hold down my Command key and drag it up into position, and then I will go to the Effect menu to Stylize > Drop Shadow, turn on my Preview, and we need to just adjust the position of the shadow.

Let's turn the X Offset down to 0 and the Y Offset I am going to make 0.05, and you can see that's going to adjust the position of this shadow so it's actually above the peeling portion of the sticker. And I probably would want to make a few adjustments to these other settings as well. Let's turn the Opacity down a bit. And now when I click outside that, you can see that the shadow is cast in the right direction.

But I do want to select this, let's come back and keep that portion selected because I want to apply a gradient to it. So I'm going to find my Gradient panel, which is that one right there, I am going to actually tear that Gradient panel right off, and I'll apply the default gradients to that segment, and then I'll choose the Color Stop. And the Color Stop, rather than it being white to black, I would prefer it to be white to the 50% grey.

So I'll hold down the Alt key and click on the color that I want to be the ending Color Stop, and I am going to drag that towards the center, then get the Gradient tool and determine the direction of the gradient which we want to be from top down to bottom, like so. So we have the lighter portion at the top. Now let's go and get that type.

We can drag that into position, like so. It needs to come to the front of the layer, Command+Shift+Right bracket, and that can get bigger and bolder and maybe become white as well and so can the last line. Now I'd like to center this on my sticker, so I am going to select both and then use my Alignment icons, and I'm now ready to spin that around to adjust its angle.

Somehow I managed to make that type black again, so let's put it back to being white. All right, one last thing that I think we need to do here. I think the sticker is probably a little bit too big. So I am just going to select that, hold down the Option and Shift key, and make that a little bit smaller. One last thing, and that is let's add a clipping mask so that we don't see the bar extending way out on to the pasteboard.

I will choose my Rectangle tool, and drawing a rectangle from top left bleed guide down to bottom right bleed guide, I can then click on Make/Release Clipping Mask, and that will clip everything on that layer to that shape. And there we have our cover extras.

Show transcript

This video is part of

Image for Designing a Magazine Cover
Designing a Magazine Cover

36 video lessons · 16440 viewers

Nigel French
Author

 
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

Start learning today

Get unlimited access to all courses for just $25/month.

Become a member
Sometimes @lynda teaches me how to use a program and sometimes Lynda.com changes my life forever. @JosefShutter
@lynda lynda.com is an absolute life saver when it comes to learning todays software. Definitely recommend it! #higherlearning @Michael_Caraway
@lynda The best thing online! Your database of courses is great! To the mark and very helpful. Thanks! @ru22more
Got to create something yesterday I never thought I could do. #thanks @lynda @Ngventurella
I really do love @lynda as a learning platform. Never stop learning and developing, it’s probably our greatest gift as a species! @soundslikedavid
@lynda just subscribed to lynda.com all I can say its brilliant join now trust me @ButchSamurai
@lynda is an awesome resource. The membership is priceless if you take advantage of it. @diabetic_techie
One of the best decision I made this year. Buy a 1yr subscription to @lynda @cybercaptive
guys lynda.com (@lynda) is the best. So far I’ve learned Java, principles of OO programming, and now learning about MS project @lucasmitchell
Signed back up to @lynda dot com. I’ve missed it!! Proper geeking out right now! #timetolearn #geek @JayGodbold
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.


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 "Already a member? Log in

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

Your file was successfully uploaded.

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.