How to Create a Page Layout and Magazine Article Template in InDesign | Envato Tuts+ (2024)

Learn how to design two stylish magazine article templates in InDesign that are easy to edit in this step-by-step tutorial.

For this magazine page layout tutorial, we’re going create two layout designs exploring different text columns widths. This InDesign template is ready to edit and easy to customize for any themed magazine.

Today, we’ll learn how to set up a magazine layout template by using Parent pages. We’ll touch on how to use and add specific colors and fonts to the Swatches and Paragraph styles panels. These two panels will help us keep the magazine template file clean and tidy. This will help you and your users adapt colors and fonts to any design.

In a hurry? We’ve got amazing InDesign templates and magazine layout templates over at Envato Elements. Go check them out!

  • 35 Magazine Templates With Creative Print Layout DesignsMarc Schenker24 Feb 2023

Or learn how to create magazine layouts yourself in these recommended InDesign magazine tutorials:

  • 20+ InDesign Tutorials for Magazine and Layout DesignSean Hodge28 Mar 2012

What You Will Need

You'll need access to Adobe InDesign. If you don't have the software, you can download a trial from the Adobe website. You'll also need these assets:

Download the assets and make sure the font is installed on your system before starting. When you are ready, we can dive in!

1. Setting Up a Magazine Template in InDesign

Step 1

InInDesign, go toFile > New. Name the documentmagazine layout template and set the file to the following dimensions:

  • Widthto21 cm
  • Heightto29.7 cm
  • Orientation to Portrait
  • Units to Centimeters
  • Pages to 5
  • Check Facing Pages
  • Margins: set the Top and Bottom margins to 2.5 cm and the Inside and Outside margins to 2 cm
  • Bleeds to 0.3 cm (it's best to seek your professional printer’s preference)

Click Create.

How to Create a Page Layout and Magazine Article Template in InDesign | Envato Tuts+ (13)How to Create a Page Layout and Magazine Article Template in InDesign | Envato Tuts+ (14)How to Create a Page Layout and Magazine Article Template in InDesign | Envato Tuts+ (15)

Step 2

For this magazine article template, we'll create layers to keep the elements organized. This will also help users edit the magazine layout template easily.

Bring up the Layers panel by going to Window > Layers. Double-click on Layer 1 and rename it Background.

How to Create a Page Layout and Magazine Article Template in InDesign | Envato Tuts+ (16)How to Create a Page Layout and Magazine Article Template in InDesign | Envato Tuts+ (17)How to Create a Page Layout and Magazine Article Template in InDesign | Envato Tuts+ (18)

On the Layers panel main menu, and select New Layer. Name it Copy. Click OK.

Create a new layer named Images.

How to Create a Page Layout and Magazine Article Template in InDesign | Envato Tuts+ (19)How to Create a Page Layout and Magazine Article Template in InDesign | Envato Tuts+ (20)How to Create a Page Layout and Magazine Article Template in InDesign | Envato Tuts+ (21)

Step 3

Head over to Window > Color > Swatches to expand the Swatches panel. Choose theNew Color Swatch button from the main menu. Set the Swatch Name and values to the following:

  • Dark Green: C=80 M=60 Y=65 K=70
  • Light Green: C=60 M=35 Y=100 K=20
  • Coral: C=10 M=65 Y=70 K=0

Click Add and OK after you input each color value.

How to Create a Page Layout and Magazine Article Template in InDesign | Envato Tuts+ (22)How to Create a Page Layout and Magazine Article Template in InDesign | Envato Tuts+ (23)How to Create a Page Layout and Magazine Article Template in InDesign | Envato Tuts+ (24)

Step 4

For this tutorial, we will create a list of Paragraph Styles that we will use to format parts of the magazine layout template.

Head over to Window > Styles > Paragraph Styles to open the Paragraph Styles panel.

In the main menu, select New Paragraph Styleandset the Style Name to Headline A. Select the Basic Character Formats option from the left side menu. Use the following settings:

  • Font Family: Kenjo I
  • Font Style: Regular
  • Size: 70 pt
  • Leading: 65 pt

Select the Character Color option from the left side menu. Set the color to the Light Green swatch. Click OK.

How to Create a Page Layout and Magazine Article Template in InDesign | Envato Tuts+ (25)How to Create a Page Layout and Magazine Article Template in InDesign | Envato Tuts+ (26)How to Create a Page Layout and Magazine Article Template in InDesign | Envato Tuts+ (27)

Create a New Paragraph Styleandset the Style Name to Headline B. Use the following settings for the Basic Character Formats option:

  • Font Family: Omega Sans
  • Font Style: Bold
  • Size: 70 pt
  • Leading: 65 pt

Select the Character Color option from the left side menu. Set the color to the Coral swatch. Click OK.

Create a New Paragraph Styleandset the Style Name to Deck. Use the following settings for the Basic Character Formats option:

  • Font Family: Addington CF
  • Font Style: Light Italic
  • Size: 18 pt

Click OK.

Create a New Paragraph Styleandset the Style Name to Credits. Use the following settings for the Basic Character Formats option:

  • Font Family: Omega Sans
  • Font Style: Bold
  • Size: 12 pt

Click OK.

Create a New Paragraph Styleandset the Style Name to Pull-quote. Use the following settings for the Basic Character Formats option:

  • Font Family: Omega Sans
  • Font Style: Bold
  • Size: 14 pt

Click OK.

Create a New Paragraph Styleand set the Style Name to Copy - Drop Cap. Use the following settings for the Basic Character Formats option:

  • Font Family: Addington CF
  • Font Style: Thin
  • Size: 9 pt
  • Tracking: 20

Select the Drop Caps and Nested Styles option from the left side menu. Under Drop Caps, use the following settings:

  • Lines: 6
  • Characters: 1
  • Check Align Left Edge

Click OK.

Create a New Paragraph Styleand set the Style Name to Copy. Use the following settings for the Basic Character Formats option:

  • Font Family: Addington CF
  • Font Style: Thin
  • Size: 9 pt
  • Tracking: 20

Click OK.

Create a New Paragraph Styleand set the Style Name to Folio. Use the following settings for the Basic Character Formats option:

  • Font Family: Omega Sans
  • Font Style: Bold
  • Size: 8 pt
  • Tracking: 200

Click OK.

How to Create a Page Layout and Magazine Article Template in InDesign | Envato Tuts+ (28)How to Create a Page Layout and Magazine Article Template in InDesign | Envato Tuts+ (29)How to Create a Page Layout and Magazine Article Template in InDesign | Envato Tuts+ (30)

2. Setting Up Parent Pages and Page Numbers on Your Magazine Layout Design

Step 1

On the Layers panel, select the Copy layer.

Head over to the Pages panel (Window > Pages). Double-click on A-Parent.

How to Create a Page Layout and Magazine Article Template in InDesign | Envato Tuts+ (31)How to Create a Page Layout and Magazine Article Template in InDesign | Envato Tuts+ (32)How to Create a Page Layout and Magazine Article Template in InDesign | Envato Tuts+ (33)

Step 2

Go to Layout > Create Guides. In the Create Guides option window, set the Columns Number to 6 and the Gutter to 0.5 cm.

Under Options, set Fit Guides to: Margins. Click OK.

How to Create a Page Layout and Magazine Article Template in InDesign | Envato Tuts+ (34)How to Create a Page Layout and Magazine Article Template in InDesign | Envato Tuts+ (35)How to Create a Page Layout and Magazine Article Template in InDesign | Envato Tuts+ (36)

Step 3

Select the Text Tool (T) from the toolbar and create a text frame above the top margin. Add text and use the Paragraph Styles toset the frame to Folio.

How to Create a Page Layout and Magazine Article Template in InDesign | Envato Tuts+ (37)How to Create a Page Layout and Magazine Article Template in InDesign | Envato Tuts+ (38)How to Create a Page Layout and Magazine Article Template in InDesign | Envato Tuts+ (39)

Step 4

Create a text frame under the bottom margin—this is where the page numbers will go. Right-click while in the frame and select Insert Special Character > Markers > Current Page Number. The letter ‘A’ is a representation of page number that will appear later, outside the Parent pages.

Using the Paragraph Styles,set the frame to Folio.

How to Create a Page Layout and Magazine Article Template in InDesign | Envato Tuts+ (40)How to Create a Page Layout and Magazine Article Template in InDesign | Envato Tuts+ (41)How to Create a Page Layout and Magazine Article Template in InDesign | Envato Tuts+ (42)

Step 5

Duplicate both text frames by pressing Command-C to Copy and Command-V to Paste. Move the two duplicated frames to the right page.

On the Paragraph panel (Window > Type & Tables > Paragraph panel), select the Align right button.

How to Create a Page Layout and Magazine Article Template in InDesign | Envato Tuts+ (43)How to Create a Page Layout and Magazine Article Template in InDesign | Envato Tuts+ (44)How to Create a Page Layout and Magazine Article Template in InDesign | Envato Tuts+ (45)

3. Designing Spread A of the Magazine Layout Template

Step 1

On the Layers panel, double-click on pages 2-3, and we can start designing. Using the Text Tool (T), create a text frame at the top of the page. Add text and use the Headline A style from theParagraph Styles panel to format it.

How to Create a Page Layout and Magazine Article Template in InDesign | Envato Tuts+ (46)How to Create a Page Layout and Magazine Article Template in InDesign | Envato Tuts+ (47)How to Create a Page Layout and Magazine Article Template in InDesign | Envato Tuts+ (48)

Step 2

Create another text frame with the Text Tool (T) under the headline. Using the Paragraph Styles, set the style to Deck and add text.

How to Create a Page Layout and Magazine Article Template in InDesign | Envato Tuts+ (49)How to Create a Page Layout and Magazine Article Template in InDesign | Envato Tuts+ (50)How to Create a Page Layout and Magazine Article Template in InDesign | Envato Tuts+ (51)

Step 3

Create a text frame under the deck with the Text Tool (T). This frame will contain the story and photography credits. Using the Paragraph Styles, format the frame to the Credits style.

How to Create a Page Layout and Magazine Article Template in InDesign | Envato Tuts+ (52)How to Create a Page Layout and Magazine Article Template in InDesign | Envato Tuts+ (53)How to Create a Page Layout and Magazine Article Template in InDesign | Envato Tuts+ (54)

Step 4

To add the body copy, create a text frame using the Text Tool (T) to fit the rest of the page.

With the text frame still selected, press Command-B. In the Text Frame Options window, set the Columns Number to 2. Click OK.

How to Create a Page Layout and Magazine Article Template in InDesign | Envato Tuts+ (55)How to Create a Page Layout and Magazine Article Template in InDesign | Envato Tuts+ (56)How to Create a Page Layout and Magazine Article Template in InDesign | Envato Tuts+ (57)

Step 5

Add text to the frame and use the Paragraph Styles panel to format the content.

Set the body copy to the Copy style. Select the first paragraph and format it using the Copy - Drop Cap style.

Select the drop cap and, using the Swatches panel, set the color to the Light Green swatch.

How to Create a Page Layout and Magazine Article Template in InDesign | Envato Tuts+ (58)How to Create a Page Layout and Magazine Article Template in InDesign | Envato Tuts+ (59)How to Create a Page Layout and Magazine Article Template in InDesign | Envato Tuts+ (60)

Step 6

Create a text frame to include a pull-quote. Using the Paragraph Styles panel, format the text frame with the Pull-quote style.

On the Swatches panel, set the color to the Light Green swatch.

Open the Text Wrap panel by going to Window > Text Wrap. Select the text frame and activate the Wrap around bounding box button.

While selecting the text frame, press Command-B. In the Text Frame Options window, set the Inset Spacing to 0.25 cm on all sides.

Place the frame in the center of the body copy.

How to Create a Page Layout and Magazine Article Template in InDesign | Envato Tuts+ (61)How to Create a Page Layout and Magazine Article Template in InDesign | Envato Tuts+ (62)How to Create a Page Layout and Magazine Article Template in InDesign | Envato Tuts+ (63)

Step 7

On the Layers panel, select the Images layer.

Press Command-D to Place an image. Locate the Beautiful woman with big earrings file. Click Place. Place the image on the right-hand page.

Press Shift-Command and drag to resize the image proportionally. Resize it to fit the page, making sure it is bleeding out of the page.

How to Create a Page Layout and Magazine Article Template in InDesign | Envato Tuts+ (64)How to Create a Page Layout and Magazine Article Template in InDesign | Envato Tuts+ (65)How to Create a Page Layout and Magazine Article Template in InDesign | Envato Tuts+ (66)

Step 8

To add an interesting visual element and a pop of color, we will create a rectangle. On the toolbar, select the Rectangle Tool (M) and create a rectangle along the gutter of the spread.

Using the Swatches panel. set the color to the Coral swatch.

How to Create a Page Layout and Magazine Article Template in InDesign | Envato Tuts+ (67)How to Create a Page Layout and Magazine Article Template in InDesign | Envato Tuts+ (68)How to Create a Page Layout and Magazine Article Template in InDesign | Envato Tuts+ (69)

4. Designing Spread B of the Magazine Layout Template

Step 1

On the Pages panel, double-click on pages 4-5.

On the Layers panel, select the Background layer.

Using the Rectangle Tool (M), cover the left page. Set the color on the Swatches panel to the Dark Green swatch.

Lock the Background layer and select the Image layer.

How to Create a Page Layout and Magazine Article Template in InDesign | Envato Tuts+ (70)How to Create a Page Layout and Magazine Article Template in InDesign | Envato Tuts+ (71)How to Create a Page Layout and Magazine Article Template in InDesign | Envato Tuts+ (72)

Step 2

Using the Rectangle Tool (M), click on the document to open the Rectangle options window. Set the Width to 17.5 cm and Height to 30.3 cm.

Place the rectangle between the two pages of the magazine template. I am choosing to take up two columns on the left page and three columns on the right page. Below, you can see the rectangle in grey along with the columns.

How to Create a Page Layout and Magazine Article Template in InDesign | Envato Tuts+ (73)How to Create a Page Layout and Magazine Article Template in InDesign | Envato Tuts+ (74)How to Create a Page Layout and Magazine Article Template in InDesign | Envato Tuts+ (75)

Step 3

Select the rectangle and press Command-D to Place an image within the object. Locate the Woman teenager portrait image. Click Place.

Lock the Image layer and select the Copy layer. Move the Images layer under the Copy layer.

How to Create a Page Layout and Magazine Article Template in InDesign | Envato Tuts+ (76)How to Create a Page Layout and Magazine Article Template in InDesign | Envato Tuts+ (77)How to Create a Page Layout and Magazine Article Template in InDesign | Envato Tuts+ (78)

Step 4

Press Shift-Command and click on the folios (magazine name and page number). Press J on your keyboard to activate the text color on the Swatches panel. Select [Paper] to change the color to white.

Select both text frames and press Command-L to Lock the items.

How to Create a Page Layout and Magazine Article Template in InDesign | Envato Tuts+ (79)How to Create a Page Layout and Magazine Article Template in InDesign | Envato Tuts+ (80)How to Create a Page Layout and Magazine Article Template in InDesign | Envato Tuts+ (81)

Step 5

Using the Text Tool (T), add a text frame and content. On the Paragraph Styles panel, select the Headline B style to format the frame.

How to Create a Page Layout and Magazine Article Template in InDesign | Envato Tuts+ (82)How to Create a Page Layout and Magazine Article Template in InDesign | Envato Tuts+ (83)How to Create a Page Layout and Magazine Article Template in InDesign | Envato Tuts+ (84)

Step 6

Create another text frame with the Text Tool (T) under the headline. Using the Paragraph Styles, set the style to Deck and add text.

On the Paragraph panel, set the text to Align left. On the Swatches panel, set the color of the text to [Paper].

How to Create a Page Layout and Magazine Article Template in InDesign | Envato Tuts+ (85)How to Create a Page Layout and Magazine Article Template in InDesign | Envato Tuts+ (86)How to Create a Page Layout and Magazine Article Template in InDesign | Envato Tuts+ (87)

Step 7

Create a text frame under the deck with the Text Tool (T). This frame will contain the story and photography credits. Using the Paragraph Styles, format the frame to the Credits style.

On the Paragraph panel, set the text to Align left. On the Swatches panel, set the color of the text to [Paper].

How to Create a Page Layout and Magazine Article Template in InDesign | Envato Tuts+ (88)How to Create a Page Layout and Magazine Article Template in InDesign | Envato Tuts+ (89)How to Create a Page Layout and Magazine Article Template in InDesign | Envato Tuts+ (90)

Step 8

Create two text frames using the Text Tool (T) on the left and right page. Below, you can see them in grey.

To link both text frames, click on the small empty square on the bottom right of the frame. Then click on the frame you want the copy to flow to.

How to Create a Page Layout and Magazine Article Template in InDesign | Envato Tuts+ (91)How to Create a Page Layout and Magazine Article Template in InDesign | Envato Tuts+ (92)How to Create a Page Layout and Magazine Article Template in InDesign | Envato Tuts+ (93)

Step 9

Add content to the frames and use the Paragraph Styles panel to format them to the Copy style.

Use the Copy - Drop Cap style for the drop cap. On the Swatches panel, set the color of the drop cap to Coral.

How to Create a Page Layout and Magazine Article Template in InDesign | Envato Tuts+ (94)How to Create a Page Layout and Magazine Article Template in InDesign | Envato Tuts+ (95)How to Create a Page Layout and Magazine Article Template in InDesign | Envato Tuts+ (96)

Create a text frame with the Text Tool (T) above the copy on the left page. Use the Pull-quote style from the Paragraph Styles to format the frame. On the Swatches panel, change the color to Coral.

How to Create a Page Layout and Magazine Article Template in InDesign | Envato Tuts+ (97)How to Create a Page Layout and Magazine Article Template in InDesign | Envato Tuts+ (98)How to Create a Page Layout and Magazine Article Template in InDesign | Envato Tuts+ (99)

5. How to Export the Magazine Template for Printing

Once you’ve put together your full magazine, you may want to export it for printing.

Step 1

To export the file, go to File > Export. Name the file Open House Flyer and choose Adobe PDF (Print) from the Format dropdown menu. Click Save.

How to Create a Page Layout and Magazine Article Template in InDesign | Envato Tuts+ (100)How to Create a Page Layout and Magazine Article Template in InDesign | Envato Tuts+ (101)How to Create a Page Layout and Magazine Article Template in InDesign | Envato Tuts+ (102)

Step 2

Using the Direct Selection Tool (A), resize the image to fit the height of the spread. Hold down Shift to resize the image proportionally.

In the Export Adobe PDF window, set the Adobe PDF Preset to Press Quality.

How to Create a Page Layout and Magazine Article Template in InDesign | Envato Tuts+ (103)How to Create a Page Layout and Magazine Article Template in InDesign | Envato Tuts+ (104)How to Create a Page Layout and Magazine Article Template in InDesign | Envato Tuts+ (105)

On the left side of the panel, select Marks and Bleeds. Check All Printer’s Marks and Use Document Bleed Settings. Click Export. You will have a ready-to-print PDF file.

How to Create a Page Layout and Magazine Article Template in InDesign | Envato Tuts+ (106)How to Create a Page Layout and Magazine Article Template in InDesign | Envato Tuts+ (107)How to Create a Page Layout and Magazine Article Template in InDesign | Envato Tuts+ (108)

Great Job! You’ve Finished This Tutorial!

In this tutorial, we learned how to design two different magazine layouts that also serve as magazine templates. These magazine article templates are ready to edit for your own future use or for any user. Today, we learned to:

  • set up a ready-to-print magazine article template
  • add color swatches
  • create Paragraph Styles to easily change fonts
  • use Parent pages to add a folio to the pages
  • use columns and guides to create different text frame widths
  • format text frames into columns and use the Text Wrap panel

If you are new to InDesign and need a layout for magazine articles or magazine layout design right away, head over to Envato Elements. We’ve got many options to explore!

How to Create a Page Layout and Magazine Article Template in InDesign | Envato Tuts+ (109)How to Create a Page Layout and Magazine Article Template in InDesign | Envato Tuts+ (110)How to Create a Page Layout and Magazine Article Template in InDesign | Envato Tuts+ (111)

If you liked this tutorial, you might like these:

  • How to Create a Stylish Magazine Layout in AffinityPublisherGrace Fussell12 Dec 2023
  • 35 Magazine Templates With Creative Print Layout DesignsMarc Schenker24 Feb 2023
  • 42 Best InDesign Template TutorialsLaura Keung17 Dec 2020
  • How to Change Page Size in InDesignLaura Keung01 Feb 2019
  • 25 Best Pamphlet Templates (Tri-Fold Brochures, Bi-Fold, and More!) Melody Nieves16 May 2023
  • How to Make a Marketing Brochure Template in InDesignLaura Keung11 Jan 2019
  • How to Override Text Wrap inInDesignLaura Keung26 Mar 2023

Insights, advice, suggestions, feedback and comments from experts

About Me

I am an expert in various topics, including design, technology, and many more. I have a deep understanding of various software tools, including Adobe InDesign, and can provide detailed insights and assistance on how to use them effectively. My expertise is demonstrated through my ability to provide step-by-step guidance and explanations on complex topics, as well as my in-depth knowledge of various concepts and techniques.

Understanding the Concepts in the Article

The article you've provided focuses on designing magazine article templates in Adobe InDesign. It covers various concepts and techniques related to setting up magazine layouts, creating layers, using swatches and paragraph styles, setting up parent pages, designing spread layouts, and exporting the magazine template for printing. Let's delve into the specific concepts mentioned in the article:

  1. Setting Up a Magazine Template in InDesign:

    • The article explains how to create a new document in InDesign with specific dimensions, margins, and bleeds. It also covers the creation of layers to organize elements and the addition of color swatches.
    • It details the process of creating paragraph styles for different elements such as headlines, deck, credits, pull-quotes, and more.
  2. Setting Up Parent Pages and Page Numbers:

    • The tutorial describes the use of parent pages to add a folio to the pages and the creation of guides with specific column numbers and gutters.
    • It explains the process of adding text frames for folios and page numbers, as well as aligning them appropriately.
  3. Designing Spread A and Spread B of the Magazine Layout Template:

    • The article provides a step-by-step guide on designing the layout for two different spreads, including the placement of text frames, images, and visual elements.
    • It covers the use of paragraph styles, text frame options, and the text wrap panel for formatting and layout design.
  4. Exporting the Magazine Template for Printing:

    • The tutorial explains the process of exporting the magazine template as an Adobe PDF (Print) file, including setting the Adobe PDF Preset, marks and bleeds, and finalizing the export.

The concepts covered in the article provide a comprehensive guide to creating stylish and editable magazine article templates in InDesign, suitable for various themed magazines.

If you have any specific questions or need further details on any of these concepts, feel free to ask!

How to Create a Page Layout and Magazine Article Template in InDesign | Envato Tuts+ (2024)
Top Articles
Latest Posts
Article information

Author: Lilliana Bartoletti

Last Updated:

Views: 6087

Rating: 4.2 / 5 (53 voted)

Reviews: 92% of readers found this page helpful

Author information

Name: Lilliana Bartoletti

Birthday: 1999-11-18

Address: 58866 Tricia Spurs, North Melvinberg, HI 91346-3774

Phone: +50616620367928

Job: Real-Estate Liaison

Hobby: Graffiti, Astronomy, Handball, Magic, Origami, Fashion, Foreign language learning

Introduction: My name is Lilliana Bartoletti, I am a adventurous, pleasant, shiny, beautiful, handsome, zealous, tasty person who loves writing and wants to share my knowledge and understanding with you.