Friday, June 12, 2020

How to Make a Tear-Off Flyer Template in Affinity Publisher (Free Flyer File to Download)

How to Make a Tear-Off Flyer Template in Affinity Publisher (Free Flyer File to Download)
Final product image
What You'll Be Creating

In this Affinity Publisher tutorial, you’ll learn how to create a tear-off flyer template. This flyer is quick and easy to create, and you can easily adapt it with your own choice of images and fonts. You'll learn how to create a cool flyer with tear-off tabs—a bonus free tear-off flyer template is also included.

This flyer template is for a US Letter-sized flyer with tear-off tabs, perfect for advertising business services or local events in your neighborhood. You’ll pick up tips on how to create a catchy flyer, using impactful colours, graphics, and photos to create a compelling tear-off flyer. 

final tear off flyer

This tear-off flyer tutorial comes complete with a downloadable free tear-off flyer template for both Adobe InDesign and Affinity Publisher, allowing you to quickly create your own flyer with tear-off tabs. 

Follow the steps below to get to grips with Affinity Publisher, pick up key print design skills, and learn how to make a good flyer from scratch. 

Follow along with this Affinity Publisher tutorial over on our Envato Tuts+ YouTube channel:

What You’ll Learn in This Affinity Publisher Flyer Tutorial

  • How to make a blank tear-off flyer template and good flyer design, complete with stylish typography and colours.
  • How to create layers and colour swatches and then format text for your tear-off flyer in Affinity Publisher.
  • How to create a flyer template with tear-off tabs, set up to a standard US Letter format.
  • How to make a flyer template with an adaptable layout that can be customised with your own images and fonts.

Looking for more Affinity Publisher templates and blank tear-off flyer templates? Don’t miss the wide selection of flyer templates on Envato Elements

What You’ll Need to Create Your Tear-Off Flyer Template

Let's get started with how to make a tear-off flyer in Affinity Publisher. In this tutorial, we’ll be using Affinity Publisher to create our tear-off flyer template, and we'll dip into Affinity Photo to edit the photo to place into the Affinity Publisher template. If you’re an InDesign user, you can download the InDesign flyer template

As well as access to Publisher, you’ll also need to download the following fonts and images from Envato Elements to recreate the tear-off flyer design pictured here:

1. How to Set Up Your Blank Tear-Off Flyer Template in Affinity Publisher

Step 1

Open Publisher, and go to File > New. 

Select Print from the options along the top of the window. Set the Page width to 11 in and Page height to 8.5 in. Deselect Facing Pages under the Pages section.

new document

Step 2

From the Margins options, set a margin width of 0.5 in for all sides of the page except the Bottom, which you can set to 2.75 in. Add a Bleed width of 0.25 in. 

Then click Create

bleed and margins

Step 3

Double-click on Page 1 in the Pages panel to go to the main page of your document.

Go to the Layers panel (View > Studio > Layers), click on the Add Layer button at the bottom-right of the panel, and rename Layer 1 as Background

Click on the Add Layer button again. Name this second layer Text Behind. Repeat to create two more layers: Images and Text in Front. 

Select all the layers except Background and lock them by clicking the padlock icon at top-right. 

background layer

Step 4

Go to the Swatches panel (View > Studio > Swatches) and choose Add Global Colour from the drop-down menu at top-right. 

global colour

Name the swatch Off-White and set the levels below to C=3 M=1 Y=4 K=0. Then click Add

off white colour

Repeat to create five more swatches:

  • Dark Yellow: C=4 M=44 Y=90 K=0
  • Medium Yellow: C=0 M=35 Y=81 K=0
  • Pale Yellow: C=0 M=28 Y=72 K=0
  • Purple: C=76 M=78 Y=0 K=0
  • Dark Purple: C=92 M=100 Y=7 K=2
global colour

2. How to Add Colour and Text to Your Tear-Off Flyer Template

Step 1

Working on the Background layer, select the Rectangle Tool (M) from the Tools panel and drag across the whole of the page, extending the edges up to the bleed. 

From the Swatches panel, set the Fill Colour to Medium Yellow. 

medium yellow swatch

Step 2

Lock the Background layer and unlock the layer above, Text Behind. 

Select the Frame Text Tool (T) and drag across the left side of the page to create a small text frame.

Type in the description text (e.g. "Ellie’s Friendly / Dog Walking / Service"), and from the Character and Paragraph panels (View > Studio > Character), set the Font to Lumber, All Caps, and Align Center. 

Set the Font Colour to Off-White and Dark Purple. 

font colour purple

You can add more text below the heading (such as "30% Off / Your First Walk / With the Code Below"), set in Lumber, All Caps, Align Center, and an Off-White Font Colour. 

lumber text

Step 3

Switch to the Pen Tool (P) and, holding Shift, click twice to create a straight vertical line below the bottom text frame. 

From the Swatches panel, set the Stroke Colour to Off-White.

From the Stroke panel (View > Studio > Stroke), set the Width of the line to 2.5 pt. From the End drop-down menu, choose Simple to apply an arrowhead to the stroke. 

pen tool

To the right of the End arrow option, increase the percentage to 225% to enlarge the arrowhead. 

arrow head

Step 4

Open up the set of EPS animal icons in a vector program, such as Affinity Designer or Adobe Illustrator, and identify the paw icon. You can either use this as an outlined icon, or fill the paw with solid colour, as I’ve done here. In the vector program, Edit > Copy the paw icon. 

Back in Publisher, and still working on the Text Behind layer, Edit > Paste the icon onto the page. Adjust the colour to Pale Yellow, and position it towards the top right of the layout. 

large paw icon

Paste more paw icons, grouping them across the page to create a trail effect, setting the colour of some to Pale Yellow and others to Dark Yellow, to contrast against the background. 

paw icons
paws pasted

Step 5

Switch to the Pen Tool (P) and use this to draw a loose, wavy line across the top-left corner of the page. To create curves, hold the mouse down while you click. You can tidy up the curve afterwards by using the Node Tool (A) to select individual anchor points.

Make sure the line has no colour, from the Swatches panel. 

pen tool

Choose the Artistic Text Tool (T) from the Tools panel. Hover over the far left edge of the line and click to transform the line into a text path. 

Type in introductory text (e.g. "did someone say..."). Highlight the text and set the Font to Southern, with an Off-White Font Colour. 

off white swatch

Step 6

Select the Frame Text Tool (T) and create a larger text frame below the curved line, for a main title (e.g. "Walkies"). Rotate the frame slightly anti-clockwise. 

frame text tool

Set the Font to Southern and the Font Colour to Dark Purple. You can make the text appear jauntier by highlighting individual letters and adjusting the Baseline value from the Positioning and Transform options in the Character panel. 

baseline shift

For this design, I’ve also added a question mark in a separate text frame. 

text frame

3. How to Remove the Background From a Photo in Affinity Photo

Step 1

Before we can use the photo we’ve chosen for our tear-off flyer design, we’ll need to remove the background. 

Open the photo in Affinity Photo, before duplicating and switching off the visibility of the Background layer. 

Go to Select > Select Sampled Colour, and click on the white background.

select sampled colour

In the Select Sampled Colour window, adjust the Tolerance slider until all of the background colour is selected. Then click Apply

tolerance slider

Step 2

Delete the selection to remove the background, before saving the file as an afphoto file. 

save as file

Step 3

Back in Affinity Publisher, use the Picture Frame Rectangle Tool (F) to create an image frame on the Images layer, towards the right side of the page, above the bottom margin. 

image frame

File > Place, choosing the edited photo and opening it. Double-click inside the frame to select the image and scale it if needed. 

placed image

4. How to Add a Tear-Off Section to Your Flyer Template

Step 1

Working on the Images layer, use the Rectangle Tool (M) to create a shape across the bottom margin area. 

Set the Fill Colour to Dark Purple. 

dark purple

Step 2

Use guides pulled out from the left-hand ruler (View > Show Rulers) to divide the page into sections. You can divide the width of the page (8.5 in) into as many sections as you want—these will form the tear-off parts of your flyer. 

purple rectangle

Step 3

Use the Pen Tool (P) to create a vertical line over the first guide, setting the Stroke Colour to Medium Yellow. 

medium yellow

From the Stroke panel, set the Style to Dash Line Style and the Width to 2.5 pt, and adjust the Dash options at the bottom of the panel to adjust the look of the dashed line. 

dash line style

Copy and Paste the line, moving each over a guide, to create a row of tear-off tabs. 

pasted lines

Step 4

Use the Frame Text Tool (T) to create a text frame for the details on the tear-off tab, such as contact details. 

Set the Font to Lumber, and vary the Font Colour between Off-White and Pale Yellow. 

font lumber

On the text frame, Right-Click > Transform > Rotate Left, and position the text frame centrally on the first tab. 

rotate left
rotated text

Copy and Paste the text frame, positioning each pasted frame in its own tab. 

tear off tabs

5. How to Export Your Tear-Off Flyer for Print

Step 1

When you’ve finished working on your flyer, it’s time to export your artwork as a PDF, ready for sending to print. 

completed artwork

Make sure to File > Save your work, before going to File > Export. 

In the window that opens, choose PDF from the icon options at the top, and select PDF (press ready) from the Preset menu. 

Make sure the Raster DPI is set to 300 and that the Include Bleed box is checked.

Then click Export

export pdf

Step 2

Name your file, select a folder to save it into, and then hit Save

save file

You can now send the exported PDF straight off to the printers!

Conclusion: Your Finished Tear-Off Flyer Template

Your tear-off flyer template with tear-off tabs is finished—great job! 

finl tear off flyer

In this tutorial, you’ve picked up a wide range of skills and techniques for how to make a good flyer and how to create a tear-off flyer in Affinity Publisher, from setting up a blank tear-off flyer template to creating colour swatches, placing images, and formatting typography to create a stylish and contemporary tear-off flyer design. 

If you want to compare your tear-off flyer design with my own, make sure to download the completed Affinity Publisher template. The same tear-off flyer design is also available as an InDesign flyer template.

It’s quick and easy to customise your tear-off flyer design further by swapping in different colour swatches, fonts, and images, to create a completely unique tear-off flyer of your own. 

Looking for more Affinity Publisher templates and InDesign flyer templates? Discover more flyer templates for tri-fold brochures, tear-off flyers and more over on Envato Elements

Eager to develop your flyer design skills further? Don’t miss these Affinity Publisher and Affinity Photo flyer and print design tutorials:



No comments:

Post a Comment