www 101

All you need to know about the internet

Have a Question?

If you have any question you can ask below or enter what you are looking for!

How to Create a Rolling Stone-Inspired Magazine Cover

Final product image
What You’ll Be Creating

The first issue of iconic music magazine Rolling Stone was put on sale on 7 November 1967. Featuring John Lennon on the cover, the San Francisco-founded publication went on to become the go-to magazine for music fans worldwide.

In this tutorial, we’ll pay tribute to the iconic graphic style of Rolling Stone, which was created by the original art directors, John Williams and Lloyd Ziff. The script-style logo and red, white and black color palette have become synonymous with the magazine and have remained largely unchanged for many decades, with only a few minor modernisations.

Here you’ll learn how to create a tribute magazine cover in Adobe InDesign and replicate the iconic style of classic Rolling Stone covers.

Want to make a quick start on your own magazine design? Check out the selection of professional and easy-to-edit magazine templates on Envato Elements and GraphicRiver

What You’ll Need to Create Your Magazine Cover

As well as access to Adobe InDesign, you’ll also need to use Adobe Photoshop to edit the image used in the design. You’ll also need to download the following image and fonts from Envato Elements:

Install the fonts on your computer, and you’re ready to get started.

1. How to Set Up Your Cover Document in InDesign

Step 1

Open InDesign and go to File > New > Document. Set the Width of the page to 8.5 in and Height to 11 in, a standard US magazine cover size. 

Uncheck Facing Pages to create a single page. Add 0.3125 in Margins and a 0.25 in Bleed, and then click Create

new document

Step 2

Expand the Layers panel (Window > Layers) and double-click on Layer 1 to rename it Photo Behind. 

Create three more new layers in this order­—Type Behind, Photo in Front and, at the top of the pile, Type in Front. 

layers panel

Then lock all the layers except the Type Behind layer. 

type behind layer

Step 3

Expand the Swatches panel (Window > Color > Swatches), and choose New Color Swatch from the panel’s drop-down menu. 

Name the swatch Rolling Stone Red, and set the levels below to C=0 M=100 Y=93 =0. Click Add, and then Done

swatches panel red

2. How to Create a Masthead for Your Cover

Step 1

Working on the Type Behind layer, use the Type Tool (T) to create a text frame across the top of the page. 

Type in the title of your magazine, and from either the top Controls panel or the Character panel (Window > Type & Tables > Character), set the Font to Redoura Bold. 

Increase the Font Size so that the logo extends across the width of the page, and tweak the Tracking (letter-spacing) and Kerning (spacing between individual letters) to pull letters together and create a more logo-like effect.

redoura font

Step 2

From the Swatches panel, switch the Font Color to Rolling Stone Red. 

swatches panel

Click on the ‘T’ symbol sitting behind the ‘T’ Fill Color symbol at the top-left of the Swatches panel, to bring up the Stroke Color option. Add a [Paper] Stroke Color.

From the Stroke panel (Window > Stroke), increase the Weight of the stroke to 5 pt.

stroke color

Step 3

Select the text frame and Edit > Copy, Edit > Paste in Place. Use the arrow keys to shuffle the new text frame slightly down and to the right. 

Switch the Font Color and Stroke Color of the text in this frame to [Black].

stroke panel

On the frame, Right-Click > Arrange > Send to Back. 

send to back
text frame

Step 4

Add a long text frame above the logo, listing some of the artists featured in the issue. 

Set the Font to Karoll Bold Round. 

karoll bold round

3. How to Add a 3D Photo to Your Cover

Step 1

Open the portrait photo in Photoshop, and duplicate the Background layer. 

duplicate layer

Working on the Background copy layer, use the Lasso Tool (L) to trace the silhouette of the person, working your way around the whole edge and looping it across the bottom to create an enclosed selection. 

lasso tool
lasso tool

Step 2

Click on the Refine Edge button on the top Controls panel. 

In the window that opens, check Smart Radius and adjust the Radius slider until the selection is more accurate around the silhouette. When you’re happy with the result, click OK

refine edge

Copy and Paste the selection onto a new layer. 

pasted onto new layer

Step 3

Switch off the two background layers so that only the top layer is visible, and go to File > Save As, saving this as a Photoshop file named ‘Portrait_no bg.psd’.

saved without background

Switch the Background layer back on, and File > Save As as a Photoshop file named ‘Portrait_with bg.psd’.

saved with background

Step 4

Head back to InDesign and lock the Type Behind layer. Unlock the layer below, Photo Behind. 

Use the Rectangle Frame Tool (F) to create an image frame across the whole page, extending it up to the edge of the bleed on all sides. 

Go to File > Place and choose the ‘Portrait_with bg.psd’ image, and Open. Make sure you’re happy with the position and scale of the image before moving on to the next step.

placed image

Step 5

In the Layers panel, click on the arrow to the left of the Photo Behind name to expand the layer. 

Drag the ‘Portrait_with bg’ element down onto the Create New Layer button to duplicate it. 

expand layer
duplicate element

Unlock the Photo in Front layer, before dragging the copy of ‘Portrait_with bg’ up onto this layer. 

layer expanded

Then lock the Photo Behind layer. 

photo in front

Step 6

Select the image frame now sitting on the Photo in Front layer, and go to File > Place. 

Choose the ‘Portrait_no bg.psd’ file and Open.

portrait opened

4. How to Add Article Teasers to Your Magazine Cover

Step 1

Lock the Photo in Front layer and unlock the top layer, Type in Front. 

First, focus on creating a large-size article teaser, to tie in with the image you’ve used on the cover. 

Choose a space on the cover (here I’ve opted for the bottom-right corner) and use the Type Tool (T) to create large text frames, setting the Font to Black Velvet 2. 

black velvet font

Set the Font Color to attention-grabbing Rolling Stone Red. 

rolling stone red

Step 2

You can make the text more legible by applying a subtle drop shadow. 

Select the text frame(s) and go to Object > Effects > Drop Shadow. Set the Opacity to around 30%, and add about 15% Noise. Play around with the Size and Spread options until you’re happy with the shadow, and then click OK

drop shadow

Step 3

Add supporting text around the main title, set in Velasco Serif and a [Paper] Font Color. 

velasco serif

Set the other supporting text in Addington CF Medium Italic. 

Make sure to add a subtle drop shadow effect (Object > Effects > Drop Shadow) to these text frames too. 

drop shadow text

Step 4

Create more text frames down the right side of the image, setting the Font to Karoll Bold Round and a [Black] Font Color. 

karoll font

Step 5

You can create a divider to separate items of text using the Line Tool (). 

Use the Stroke panel (Window > Stroke) to set the Weight to 13 pt and the Type to Thin-Thick. 

stroke panel

Step 6

Populate the space around the edges of the image with more text frames, varying the fonts, but sticking to a [Black] Font Color. 

addington font
demi bold text
addington italic

Step 7

You can use quirky type techniques to emphasise the theme of the article. In this example, I Copy and Paste ‘Get’ and ‘Reflective’ into individual text frames…

copy paste

…before Right-Clicking > Transform > Flip Vertical. 

flip vertical

I line up the text frames underneath the original text…

reflected text

… before going to Object > Effects > Transparency, and bringing the Opacity down to 75%. 

transparency effects

Step 8

Magazine covers sometimes feature pull-quotes set in frames, to make a feature of a particular article or the fact that the magazine is a special issue. 

You can create a frame using the Rectangle Tool (M), and adjust the Weight and Type from the Stroke panel (choose a Thin-Thick Type to match the style of the dividers). 

thin thick stroke

Set text frames inside the frame, setting the main text in Velasco Serif. 

velasco serif

Highlighting key words in a bright color, like Rolling Stone Red, helps to draw attention to particular pieces of text. 

swatches panel

5. How to Share Your Magazine Cover

You can share your magazine cover as an image online, on social media for example, or export it as a PDF for printing. 

To do either, head up to File > Export. 

For online, choose JPEG or PNG from the Format menu at the bottom of the window. For printing, choose Adobe PDF (Print). 

export jpeg

Click Save, and follow the options in the windows that open, before clicking Export to create a shareable version of your cover artwork.

Conclusion: Your Finished Magazine Cover

final cover

In this tutorial, we’ve covered a wide range of techniques for creating effective magazine covers. You now know how to:

  • Create layers and CMYK swatches in your InDesign document.
  • Create a masthead for your magazine cover.
  • Edit a photo to give your cover a three-dimensional effect.
  • Format typography to create stylish article teasers on your cover.
  • Export your cover to create an image you can share online or have professionally printed.

Looking for a time-saving solution for creating your own complete magazine design? Make sure to check out the huge range of easy-to-adapt magazine templates over on Envato Elements and GraphicRiver

Discover more magazine design tutorials to keep developing your print design and typography skills: