Students Save 30%! Learn & create with unlimited courses & creative assets Students Save 30%! Save Now
Advertisement
  1. Design & Illustration
  2. Flyers
Design

How to Create a Handout Template

by
Difficulty:BeginnerLength:LongLanguages:
Final product image
What You'll Be Creating

Creating a template with consisting branding doesn’t need to be difficult. In this tutorial, we'll create a professional informational flyer. It is eye-catching and has a professional look, perfect for your business!

Business flyers help you inform readers/customers about your company. This form of advertisement is meant for wide distribution and is perfect to send through the mail or use in your marketing campaign. This versatile flyer design can be customized for a variety of cases and branding guidelines.

There are some key components that you want consistently present in a handout flyer. These are the logo, contact information, and tagline. The content and image should be editable because these are things that need updating. Today, we will focus on creating a flyer that matches the logo we are working with. 

What You Will Need

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

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

Looking for amazing business flyer templates? Head on over to Envato Elements or GraphicRiver.

1. Setting Up a New Adobe InDesign File

Step 1

For this tutorial, we will be using an A4 size. This is the most popular size for a handout template. 

In InDesign, go to File > New. Name the document Handout templateIf you are using a document preset, select A4. If not, change the Units to Centimetres. Set the Width to 21 cm and Height to 29.7 cm. Set the Orientation to Portrait.

Set the Margins to 1 cm. Set the Bleeds to 0.3 cm. If you are using a professional printer, ask them what kind of bleed they would like you to use. Click Create.

Create a new A4 file

Step 2

Before we start the project, let’s create a grid so it is easier for you to follow. Head over to Layout > Create Guides. In the Create Guides option window, set the Rows Number to 8 and the Gutter to 0. Set the Columns Number to 3 and the Gutter to 0.5 cm. Under Options, set the Fit Guides to: Margins and click OK. 

Show/Hide the guides and margins by pressing Command-;. Alternatively, you can use W to enter and exit Preview mode. 

Create guides

Step 3

Before we start with the design, let’s add some color swatches. Head over to Window > Color > Swatches to expand the Swatches panel. Choose the New Color Swatch button from the main menu. 

Set the values to C=65 M=100 Y=0 K=0. Click Add and OK.

We need to add a darker shade for contrast. Repeat the process with these values: C=80 M=100 Y=30 K=40.

Add color swatches

2. How to Place Images in Adobe InDesign

Flyer templates need to have a relevant image front and center to attract readers. For this project, we will place this on the top/middle section of the template. 

Step 1

On the Toolbar, select the Frame Tool (F). Click on the document, and in the Rectangle window option, set the Width to 21.6 cm and the Height to 11.3 cm. Click OK.

Using the Selection Tool, move the frame to start on the second row of guides. 

Create a frame using the frame tool

Step 2

While selecting the frame, press Command-D to Place an image. Look for the Looking for inspiration image on your computer. Click Open. 

Using the Direct Selection Tool (A), select the image inside the element. Head over to the Control bar. If you don’t have it activated, head over to Window > Control. Activate Constrain Proportions for the Width and Height button. This is so the image resizes proportionally. Set the Percentage to 60%. 

Place the subject of the image on the right side of the poster, like the image below:

Place an image

Step 3

On the Toolbar, select the Rectangle Tool (M). Click on the document, and in the Rectangle window option, set the Width to 10.6 cm and the Height to 11.3 cm. Click OK.

Using the Direct Selection Tool (A), select the two points on the right of the rectangle. Click on one point, hold down Shift, and click on the other point. I’ve highlighted the two points you need to select in the image below.

Right-click and select Transform > Shear. Set the Shear Angle to 26° and the Axis to Horizontal. Click OK.

Create a rectangle and shear the right side of it

Step 4

Using the Selection Tool (V), select the object. Head over to the Swatches panel and select the darker shade of purple.

Head over to Window > Effects to open the Effects panel. While selecting the object, set the Opacity to Multiply. 

Change the opacity to multiply and the color to purple

Step 5

Let’s add a logo to the handout template. Press Command-D to place a file. Find the Forecastr logo we downloaded, we will be using forecastr-06.eps. Click Open. 

Click on the document to place the file.

Place the logo

Step 6

Select the logo image we placed. Head over to the Control bar, and make sure Constrain proportions is activated. Set the Percentage to 30%.

The logo is smaller, but the frame around it is still too big. Hold down Option and drag one of the corners in. This key will allow you to resize the frame on all four sides and towards the center of the object. 

Place the logo on the top left corner of the flyer. 

Resize the logo and place it on the top left corner of the flyer

Step 7

Bring up the Layers panel by going to Window > Layers. Double-click on Layer 1 to rename it to Back. Click OK. 

Create a New Layer and name it Front. Click OK.

Create a new layer

3. How to Format Type in Adobe InDesign

Step 1

We will add a heading and subheading on the purple object. For this, we need to duplicate the object on the Front layer and keep the layers organized. We can’t create a text box with the original object because we are using Multiply as the Opacity. 

Duplicate the purple object by pressing Command-C. Lock the Back layer and copy the object on the Front layer. Press Shift-Option-Command-V to Paste in Place. 

While selecting the object, change the color in the Swatches panel to [None]. Change the Opacity to Normal on the Effects panel. 

Add a headline and subheadline

Step 2

On the Toolbar, select the Text Tool (T). Click on the duplicated object and add a heading and subheading. Bring up the Characters panel by pressing Command-T. 

To create contrast and depth, split the heading onto two lines. Set one line to RNS Sanz Normal and the next one to RNS Sanz Extra Bold. Set the Size to 30 pt. 

Set the subhead to the same font and the Size to 14 pt.

Press Command-B to bring up the Text Frame Options. Check the Preview box to see the changes live. Under Inset Spacing, set the Inset to 1.25 cm. Click OK. 

Using the text frame options add an inset

Step 3

Using the Text Tool (T), create a single-column text box. Place this at the top right of the template. Here, we will add contact information. On the Characters panel, set the font to RNS Sanz Normal and the Size to 8 pt. 

Add contact information

Step 4

It's time to create the body copy text boxes. Using the Text Tool (T), create one text box to fit two-thirds of the columns. Create a second text box to fit a single column. Place these two side by side. 

Add a subhead and body copy to both text boxes. Using the Characters panel, set the subhead's font to RNS Sanz Extra Bold and Size to 14 pt. Using the Swatches panel, set the color to the lighter purple.

For the body copy, use the Normal family and Size 11 pt. Using the Swatches panel, set the color to the darker purple. 

Create two text boxes

Step 5

On the right text box, you will notice I added bullet points. 

A great tip when working with bullet points is to use hanging punctuation. This means that the lines after the first line are indented and aligned to the first line. Avoiding having text under the bullet point makes for a sharper design. 

To do this, we can add an Indent to Here special character by pressing Command-\. To see if this is activated, head over to Type > Show Hidden Characters. The Indent to Here should be shown as a dagger. 

Add hanging punctuations on the bullet points

4. How to Add Vector Icons

Step 1

Head over to the Layers panel, and unlock the Back layer. 

On the Toolbar, select the Rectangle Tool (M). Click on the document and set the Width to 21.6 cm and the Height to 5 cm. Place the rectangle under the text box we created in the step before. Set the Color on the Swatches panel to [Black]. Change the Tint to 10%.

Lock the Back layer and work on the Front layer. This is useful so that the Text Tool doesn’t create a text box within the rectangle. 

Create a rectangle using the rectangle tool

Step 2

Let’s work on the Front layer now. Using the Text Tool (T), create a text box within the grey object.

While selecting the text box, press Command-B to open the Text Frame Options. Under Columns, set the Number to 3 and the Gutter to 0.5 cm. Click OK.

Add a text box to fit the rectangle

Step 3

Here, we can add copy concentrating on what the business offers. Set the subhead to RNS Sanz Extra Bold and Size to 11 pt. Set the copy to the same size but this time in the Normal family.

Format the text box to have a subheadline and body copy

Step 4

For a professional look, we can add icons to this section. Open the Business doodles vector file in Adobe Illustrator

Select the graph, light bulb and airplane icons by pressing Shift and clicking on each icon. Press Command-C to Copy

Open the vector icons in Adobe Illustrator

Step 5

Head back to the InDesign file. Press Command-V to Paste. On the Swatches panel, set the Color swatch to the lighter purple color. 

The icons will be grouped; to ungroup them, press Shift-Command-G.

To resize the icons, select each icon and head over to the Control bar. Activate the Constrain Proportions button as we will only set the Height. The Width will change automatically. Set the Height to 1.5 cm. 

Place an icon on top of each of the text boxes we created. 

Past the icons Change the color to purple and resize

Step 6

We will add strokes between the three columns to separate them visually. Go to the Toolbar and select the Line Tool (\).

Create 4 cm lines, using the Control bar to adjust the size. Use the column guides to center each line.

Head over to Window > Stroke to bring up the Stroke panel. Set the Weight to 2 pt and under Type select Dotted. 

Change the color to the light purple on the Swatches panel.

Add strokes in between the columns

Step 7

To finalize the design, we will add a text line at the bottom of the template. This will give the design a nice finishing touch. Here, we can add a single sentence or words related to the business.

Using the Type Tool (T), create a small text box on the bottom margin of the flyer. Add some text and set the Size to 14 pt and the color to the lighter purple. 

Bring up the Paragraph panel by going to Window > Type & Tables > Paragraph or by pressing Option-Command-T. Set the alignment to Center.

Add a text line at the bottom of the flyer Align to the center

5. How to Export a File for Printing and Online Sharing

Before exporting a file for printing, it's useful to take a look around all the edges of the flyer. This is to make sure all the images and vectors bleeding out are touching the bleeds. Press W to go between Preview mode and Normal mode. Feel free to adjust some spaces to even out the design.

Step 1

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

Export the file for printing

Step 2

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

Select press quality as a PDF preset

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. 

Check all printers parks and use document bleed settings

Step 3

If you would like to save the file for online sharing, export the file as a JPEG. 

Export as a JPEG for online sharing

Great Job! You’ve Finished This Tutorial!

In this tutorial, we learned how to set up a ready-to-print handout template. It is easy to edit to match your brand guidelines and ready for a marketing campaign.

Today, we've learned to:

  • Set up a ready-to-print file in Adobe InDesign.
  • Design a professional informational handout template.
  • Work with columns and create a different-shaped text box.
  • Format small details in typography for a professional look.
  • Use different InDesign panels to format shapes, images, colors, and typography.
  • Export a ready-to-print PDF file.

If you would like to explore more flyer and handout ideas, you can find many customizable business flyer templates over at Envato Elements and Graphic River. Check it out!

If you liked this tutorial, you might like these:

Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.