Your Web News in One Place

Help Webnuz

Referal links:

Sign up for GreenGeeks web hosting
April 14, 2023 01:01 pm

How to Make a Time Magazine Cover Template

Final product imageFinal product imageFinal product image
What You'll Be Creating

Time magazine's cover is iconic, timeless, and visually appealing. In this tutorial, we show you how to make your own Time magazine cover template. 


First published in March 1923, this weekly news publication is easily recognizable for the Time magazine cover with its red border, and for being the world’s largest circulation news magazine. 


Today we’ll pay tribute to the famous Time magazine cover in Photoshop. Here, you'll learn how to create a fake Time "Person of the Year" template with the identifiable look. 


Follow along with us over on our Envato Tuts+ YouTube channel to create a Time cover:





For this Time magazine cover template, we'll use a striking photograph from Envato Elements. You can change it for your own and make it a Time "Person of the Year" template  if you want.


If you're not ready for a detailed Photoshop tutorial and want to save time, head to Envato Elements. There, you'll find premium templates to make magazine covers in Photoshop. Add your own content and instantly make a magazine cover that's ready to share with the world.


What You'll Learn in This Time Magazine Template Tutorial



  • How to set up a Photoshop file for your Time magazine cover template

  • How to design a Time cover template in PSD

  • How to add cover lines to your Time magazine cover template

  • How to save your Time magazine cover template for the web


What You'll Need for a Time Cover


You'll need access to Adobe Photoshop. If you don't have the software, download a trial from the Adobe website. Here's what else you'll need for this Time magazine cover template tutorial:



Something to be mindful of is font use. You won't get the same effect in your Time magazine cover template without the right fonts. For the Time cover title, you must use the world-famous Times New Roman font. As for the rest of the text in your blank Time magazine cover template, a thin, clean sans serif font like RNS Sanz font will do. This will get your Time "Person of the Year" template much closer to the original.


Download the assets and make sure the font is installed on your system before starting. When you are ready, you can start to make your own blank Time magazine cover template.



1. How to Set Up a Photoshop File for Your Blank Time Magazine Cover Template


Step 1


Okay. Let's get started with this Time magazine template. In Photoshop, go to File > New. Name the document Time Magazine Cover Template. Set the file to the following dimensions:




  • Width to 8 in


  • Height to 10.75 in 


  • Orientation to Portrait


  • Units to Inches


  • Resolution: If you will be using this Time magazine template for print, set the resolution to 300 dpi; if you’ll be using it on screen only, set it to 72 dpi.


  • Color Mode: use CMYK if you’ll be printing this magazine cover; use RGB if you’ll be using this on screen.


  • Bleeds to 0.125 in (it's best to seek your professional printer’s preference)


Click Create.


create a photoshop filecreate a photoshop filecreate a photoshop file

Step 2


We will create margins on the Time magazine cover PSD template to create the signature red and white borders.


Head over to View > New Guide. In the New Guide option window, set the Orientation to Horizontal. Set the Position to 0.4 in and click OK. Create another horizontal guide and set the Position to 10.35 in.


add margin guidesadd margin guidesadd margin guides

For the vertical margins in your Time magazine template, set the Orientation to Vertical. Set the position to 0.4 in and 7.6 in. 


add margin guides around the documentadd margin guides around the documentadd margin guides around the document

Step 3


Now we will create vertical guides to help with the layout of the elements on the blank Time magazine cover template. Head over to View > New Guide. In the New Guide option window, set the Orientation to Vertical. Set the Position to 4 in. 


create a new guides to help with the layoutcreate a new guides to help with the layoutcreate a new guides to help with the layout

Step 4


We will divide the magazine cover template into thirds horizontally. Head over to View > New Guide. In the New Guide option window, set the Orientation to Vertical. Set the Position to 3.58 in. 


Repeat this step and set the Position to 7.16 in. Hide and show the guides by pressing Command-:. 


create guides to divide the cover horizontallycreate guides to divide the cover horizontallycreate guides to divide the cover horizontally


2. How to Design a Time Cover Template in PSD


Step 1


Let's get to designing your Time magazine template. Drop the Portrait of basketball player image into the Photoshop file. Head over to the Control bar and activate the Maintain Aspect Ratio button. Set the Width and Height Percentage to 130%. 


drop the image onto the document and resizedrop the image onto the document and resizedrop the image onto the document and resize

Step 2


We will use the guides to help us place the image within the Time magazine template. Press Command-T to transform the image. Use the first horizontal guide to align the eyes of the subject. Use the center vertical guide to center the subject on the page.


move the image and use the guides to center the imagemove the image and use the guides to center the imagemove the image and use the guides to center the image

Step 3


Select the Rectangular Marquee Tool (M) from the toolbar. Draw a rectangle on the margin guides we created in the Time magazine blank layout. 


draw a rectangle on the margin guidesdraw a rectangle on the margin guidesdraw a rectangle on the margin guides

Step 4


Head over to the Layers panel and click on the Layer Mask button. This should create a layer mask on the image, eliminating the content outside of the margin.  


create a layer mask with the selectioncreate a layer mask with the selectioncreate a layer mask with the selection

Step 5


For this Time magazine blank layout tutorial, we want to achieve a superimposed image over the text. In order to create this, we need to ‘sandwich’ the text in between the image. 


Let’s create the text by selecting the Text Tool (T) from the toolbar, clicking on the document, and typing "TIME". Head over to the Character panel, and set the Font to Times New Roman and the Size to 170 pt. Click on the color swatch and set the color to #e81e25.


create the iconic time magazine cover headlinecreate the iconic time magazine cover headlinecreate the iconic time magazine cover headline

With the help of the vertical center guide, place the text to align with it in the Time magazine template.


center the textcenter the textcenter the text

Step 6


On the Layers panel, select the image layer and press Command-J to duplicate the layer. Place the image layer over the type layer. 


duplicate the imageduplicate the imageduplicate the image

Step 7


We need to edit the newly duplicated layer to be able to see the text. On the Layers panel, select the Layer Mask thumbnail on the duplicated image. Select the Brush Tool and set the foreground color to black. 


Right-click on the document to set the size of the brush to 70 px and Hardness to 0%. Close crop the top of the subject’s head—this will help reveal the text on the back. Hide the layers below if necessary. 


close crop the subject to reveal the text on the backclose crop the subject to reveal the text on the backclose crop the subject to reveal the text on the back

Step 8


To be able to make the headlines pop, we will darken the sides of the photograph. On the toolbar, select the Gradient Tool (G). Head over to the Control bar and open the Gradient Editor by clicking on the sample swatch. 


In the Gradient Editor option window, select the Foreground to Transparent preset. Click OK.


select the gradient tool editorselect the gradient tool editorselect the gradient tool editor

Step 9


On the Layers panel, create a new layer by clicking on the New Layer button. Use the Gradient Tool to create linear gradients that start on the sides and fade into the background. Use the image below as an example. 


use the gradient tool to darken the sides of the magazine cover templateuse the gradient tool to darken the sides of the magazine cover templateuse the gradient tool to darken the sides of the magazine cover template

Step 10


On the Layers panel, add a Solid Color layer by going to Create a New Fill or Adjustment Layer > Solid Color. Use this signature Time magazine red color #e81e25


create a red solid color adjustment layercreate a red solid color adjustment layercreate a red solid color adjustment layer

Step 11


Using the Rectangular Marquee Tool (M) and with the help of the guides, create a rectangle inside the margin. To create the signature red margin in the Time magazine cover PSD, press Shift-Command-I to invert the selection. 


use the rectangular marquee tool and select the margin Invert the selectionuse the rectangular marquee tool and select the margin Invert the selectionuse the rectangular marquee tool and select the margin Invert the selection

Step 12


On the Layers panel, make sure you are selecting the Color Fill layer. Press the Layer Mask button to delete the content inside the margin. 


create a mask with the selectioncreate a mask with the selectioncreate a mask with the selection

Step 13


Now we need to create the white stroke that’s present between the red margin and the image. On the toolbar, select the Rectangle Tool (U) and draw a rectangle on the margin guides.


Head over to the Control bar and use the following settings:




  • Fill to None


  • Stroke to White


  • Stroke Width to 4 px


create a white stroke with the rectangle toolcreate a white stroke with the rectangle toolcreate a white stroke with the rectangle tool


3. How to Add Cover Lines to Your Time Magazine Cover Template


Step 1


Next we'll create the cover lines in this Time magazine blank template. Using the Text Tool (T), add a date to the top-right corner, outside of the white stroke. 


Using the Character panel, set the Font to RNS Sanz, Size to 9 pt, and Tracking to 20. 


add a date to the top right corneradd a date to the top right corneradd a date to the top right corner

Step 2


Add a cover line on the left side of the Time magazine cover PSD, just above the subject’s shoulder. Using the Character panel, format the cover line. I chose to use a combination of the Light and Extra Bold families for the first three lines, as shown in the image below. Feel free to use your own mix! 


add a cover lineadd a cover lineadd a cover line

I also added a small deck following the main Time cover lines.


add a deck to the cover lineadd a deck to the cover lineadd a deck to the cover line

Last but not least, I added an author/writer line in the iconic red #e81e25 to create contrast.


add an author line to the coverlineadd an author line to the coverlineadd an author line to the coverline

Step 3


Add a second set of cover lines on the right side of the magazine cover template. Just below the shoulder and on the shirt is perfect as it provides a near-solid black background. 


Here, I also used a combination of the Semibold, Light, and Bold families. I used Semibold on the first two lines in order not to distract the viewer from the other set on the left. 


add a cover line to the right side of the coveradd a cover line to the right side of the coveradd a cover line to the right side of the cover

Add a small deck to follow the cover line. 


add a small deck to follow the cover lineadd a small deck to follow the cover lineadd a small deck to follow the cover line

Add an author/writer line, using the red color #e81e25 to help create contrast in the Time magazine template. 


add an author lineadd an author lineadd an author line


4. How to Save Your Blank Time Magazine Cover Template for the Web


We're basically done with the Time "Person of the Year" template tutorial. You can share your custom Time magazine blank layout easily in Photoshop. Head over to File > Save and save the file as you would normally. 


To save a JPEG file for the web, head over to File > Save for Web or Shift-Option-Command-S. Select the file type you want to save the document in—I am choosing JPEG—and set 100 for Quality. Under Image size, you can change the pixel size of the image if you have any size constraints. 


On the bottom left-hand side, you can see a preview of the file size. This is useful when there are size constraints on a website and you need to lower the quality or the size of the image. 


Click on Save… to choose the location in the new window, and click on Save again.


save the file for websave the file for websave the file for web

Great Job! You’ve Finished This Time "Person of the Year" Template


In this tutorial, we learned how to make a Time magazine cover PSD template. We covered some essential tools that will help you in your future projects. Don’t forget to show us your cover lines experimentation in the comment section! Today, we learned to:



  • set up a Photoshop file for your Time magazine blank template

  • use grids and margins to create a cohesive design in your Time magazine template

  • use Layer Masks to create a superimposed image on text

  • use the Character panel to get the right feel for your Time magazine cover template



Awesome Magazine Photoshop Templates From Envato Elements to Make a Magazine Cover


Learning how to make a blank Time magazine cover template PSD is a fun process. But it does take time. If you'd rather edit a premade magazine cover for Photoshop, check out this selection from Envato Elements.


1. Magazine Cover Page Design Templates: 3 Pack (PSD)


Magazine Cover Page Design Templates - 3 PackMagazine Cover Page Design Templates - 3 PackMagazine Cover Page Design Templates - 3 Pack

This download gives you three magazine cover page design templates to choose from. Each one has a distinct look and theme. The hiking, auto, and work magazine cover Photoshop templates have editable text, photos, and colors.


2. Photoshop Magazine Cover Template Bundle (PSD)


Photoshop Magazine Cover Template BundlePhotoshop Magazine Cover Template BundlePhotoshop Magazine Cover Template Bundle

This bundle offers three Photoshop magazine cover templates that have modern layouts. Choose the look that works for you and tweak its design to fit your creative ideas. This download also has links to the fonts used, but of course you can use a custom font of your choosing.


3. Sports Magazine Cover PSD Template (PSD)


Sports Magazine Cover PSD TemplateSports Magazine Cover PSD TemplateSports Magazine Cover PSD Template

This template of a sports magazine cover PSD is a simple design that's customizable. The sizes of the text boxes are adjustable, as are the words you choose to place inside them. Like other magazine cover page design templates, you'll get control over the image you add to the background as well.


4. Photoshop Wedding Magazine Cover Template (PSD)


Photoshop Wedding Magazine Cover TemplatePhotoshop Wedding Magazine Cover TemplatePhotoshop Wedding Magazine Cover Template

Create a magazine cover in Photoshop worthy of the big day. This wedding Photoshop magazine cover template's modern layout comes in traditional A4 size. There's a free font included with this option too. Just make your edits to create a fresh look and make a magazine cover you love. 


5. Modern Magazine Cover Template for Photoshop (PSD)


Modern Magazine Cover Template for PhotoshopModern Magazine Cover Template for PhotoshopModern Magazine Cover Template for Photoshop

We're wrapping up this showcase with another pack of magazine cover page design templates. With business, science, and travel layouts included, you'll get a diverse mix of looks here. You can easily edit these magazine covers in Photoshop.


Time Magazine Cover Template Tutorial: Conclusion


If you are new to Photoshop and InDesign and need magazine templates for printing or promotional marketing templates right away, head over to Envato Elements. Or try Placeit's Magazine Cover Maker. We’ve got many options to explore!


If you liked this Time magazine cover template PSD tutorial, you might like these:




Original Link: https://design.tutsplus.com/tutorials/how-to-make-a-time-magazine-cover-template--cms-32588

Share this article:    Share on Facebook
View Full Article

TutsPlus - Design

TutsPlus+ is a blog/Photoshop site made to house and showcase some of the best Photoshop tutorials around.

More About this Source Visit TutsPlus - Design