Small business web design news and views.
New post freshly launched courtesy of Envato Tuts+ Tutorials. Without doubt 1 of the finest creators of info on the web.
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.
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.
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
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.
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.
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.
Go to the Swatches panel (View > Studio > Swatches) and choose Add Global Colour from the drop-down menu at top-right.
Name the swatch Off-White and set the levels below to C=3 M=1 Y=4 K=0. Then click Add.
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
2. How to Add Colour and Text to Your Tear-Off Flyer Template
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.
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.
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.
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.
To the right of the End arrow option, increase the percentage to 225% to enlarge the arrowhead.
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.
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.
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.
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.
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.
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.
For this design, I’ve also added a question mark in a separate text frame.
3. How to Remove the Background From a Photo in Affinity Photo
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.
In the Select Sampled Colour window, adjust the Tolerance slider until all of the background colour is selected. Then click Apply.
Delete the selection to remove the background, before saving the file as an afphoto file.
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.
File > Place, choosing the edited photo and opening it. Double-click inside the frame to select the image and scale it if needed.
4. How to Add a Tear-Off Section to Your Flyer Template
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.
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.
Use the Pen Tool (P) to create a vertical line over the first guide, setting the Stroke Colour to 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.
Copy and Paste the line, moving each over a guide, to create a row of tear-off tabs.
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.
On the text frame, Right-Click > Transform > Rotate Left, and position the text frame centrally on the first tab.
Copy and Paste the text frame, positioning each pasted frame in its own tab.
5. How to Export Your Tear-Off Flyer for Print
When you’ve finished working on your flyer, it’s time to export your artwork as a PDF, ready for sending to print.
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.
Name your file, select a folder to save it into, and then hit Save.
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!
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.
Eager to develop your flyer design skills further? Don’t miss these Affinity Publisher and Affinity Photo flyer and print design tutorials:
First published on this site: Envato Tuts+ Tutorials
Trust you enjoyed that info that they provided. You could find related blog posts on our main website: https://designmysite1st.com
Let me have your reaction down below, leave a short comment and let me know which subjects you would like us to cover in up coming posts.