How to Create a Fitness Flyer in Photoshop
Grab your viewers' attention with this eye-catching fitness flyer template! Promote your brand and customise the design by using stock photos from Envato Elements or your own images.
This tutorial will teach you how to create this personal training flyer template in Adobe Photoshop from scratch. However, if you're short on time or need something right now, check out the library of ready-made fitness poster templates from Envato Elements!
Some people prefer to learn new skills by watching videos. If you're one of them, I'm sure you'll love to watch this new video from the Envato Tuts YouTube channel. Learn how to make a fitness center flyer in Photoshop by following this video:
What You'll Learn in This Fitness Poster Tutorial
In this tutorial, I'll teach you how to make this easy-to-use personal training flyer template from scratch in Photoshop and what things you need to consider when creating it. Topics we cover will include:
- How to create a fitness flyer template from scratch using Adobe Photoshop
- How to incorporate your brand into the bootcamp flyer design
- How to plan your fitness poster template to include text that is easy to understand
- How to create an eye-catching headline for your workout flyer template to grab your audience's attention
- How to place photos into the flyer template
What You'll Need
To follow along with this tutorial, you'll need your own version of Adobe Photoshop. We will also be using stock images, fonts, and a logo for our fitness boot camp flyer template. Click on the links below to download them.
Stock Photos
Fonts
Logo
1. How to Create the Design Elements of the Fitness Flyer Template
Step 1
When it comes to creating the design elements of the fitness poster template, it might be a good idea to plan out what you need to include. This will allow you to organise the template and give it a clear message that people can understand.
Examples of this may include:
- Logo and name placement that is consistent and shows the personality of your brand
- An eye-catching header to grab your viewers' attention and generate interest
- Information about what you offer, such as classes and fitness programs
- Any promotional offers you might want to include to persuade potential customers to join
- A call to action to get customers to interact with you in some way, such as contacting you via a phone number or email address
Step 2
Now, let's divide our workout flyer template into sections. Use the Triangle Tool (U) to create a shape layer. Make sure to remove the stroke if it is selected and to use a fill color that matches your brand. For this example, we will be using the color e23255
.
Step 3
Use the Move Tool (V) and the Free Transform Tool (Control-T) to position it at the top of the bootcamp flyer design. This is where the logo will be placed.
Step 4
Duplicate the triangle shape layer by right-clicking on it and choosing Duplicate.
Then use the Move Tool (V) and the Free Transform Tool (Control-T) to position the new triangle layer at the bottom of the fitness challenge flyer. This shape will be slightly bigger than the one at the top as it will be used to contain your phone number and website or email address.
Step 5
Use the Rectangle Tool (U) to create a long rectangle for the title and name of the fitness challenge flyer. Use the same color that we used previously for the triangle shapes: e23255
.
Step 6
Make sure that the rectangle shape is selected, and then go to Edit > Transform > Perspective and move the left side down (or the right side up).
Once you are happy with the shape, place it near the top of the circuit training flyer.
Step 7
Use the Rectangle Tool (U) to create a small white rectangle shape.
Then use the Move Tool (V) and the Free Transform Tool (Control-T) to rotate and position the new rectangle layer in the bottom left corner of the circuit training flyer.
Make sure that the shape layer is below the triangle layers. This is where the discount offer will be placed.
Step 8
Use the Rectangle Tool (U) to create a much larger dark-grey rectangle shape. For this tutorial, we will be using the color 111213
.
Use the Move Tool (V) and the Free Transform Tool (Control-T) to rotate and position the new rectangle layer in the bottom-right corner of the flyer.
Make sure that the layer is below both the triangle layers and the white rectangle layer. This is where the gym information will be placed.
Step 9
Select all of the shape layers and group them (Control-G) into a folder called "Design Elements".
Step 10
Right-click on the folder and select Blending Options. Then select Outer Glow and use the following:
- Blend Mode: Multiply
- Opacity: 35%
- Noise: 0%
- Technique: Softer
- Spread: 0%
- Size: 21%
- Range: 50%
2. How to Add a Logo and Text to the Fitness Flyer Template
Step 1
Use the Pacer font from Envato Elements and type in your flyer title or name. Make sure that the text layer is above the "Design Elements" folder.
Then use the Free Transform Tool (Control-T) to rotate the text slightly to match the shape's design.
Step 2
Create a new text layer and type "Call" to be placed on the bottom of the fitness boot camp flyer template.
Step 3
Create a new text layer and use the Visby font to type in your phone number in Heavy and the website in Regular.
Step 4
Create a new text layer and list all the available features of the gym.
The title "Open 24/7" is in Heavy Oblique using the color of your brand e23255
. The list is in Bold Oblique using the color white.
Step 5
Create a new text layer for the discount, again using Heavy Oblique for the percentage number and Bold Oblique for the discount text. Use the color of your brand e23255
.
Step 6
Add your company logo at the top.
Step 7
Select all of the text layers and group them (Control-G) into a folder called "Text".
3. How to Add Your Photos to the Flyer
Step 1
Import one of your photos into Adobe Photoshop and place the photo layer below the "Design Elements" folder.
Use the Move Tool (V) to position your photo.
Step 2
Use the Polygonal Lasso Tool (L) to select the parts of the photo you want to remove. Then hit the Delete button on the keyboard to remove them.
Step 3
Import the second photo and repeat the steps above to complete your fit camp flyer.
Awesome! You're Finished!
Congratulations! And that's how you can create a fitness flyer in Adobe Photoshop. Feel free to replace the images and use other stock photos or your own to create your own gym flyer examples. In the meantime, I hope you've found this fitness poster tutorial useful, and I'll see you next time here on Envato Tuts+!
Top 5 Fitness Flyer Templates From Envato Elements
Want to create an eye-catching fitness flyer but short on time? Then head on over to Envato Elements, where you can download many different fitness flyer designs, gym flyer examples, and templates that you can use and customise. Here are five of my favourites.
Fitness Flyer Set (AI, PSD)
Use this modern template to promote your gym, bootcamp, personal training service, or fitness club. This template also includes Instagram post and story templates, allowing you to stay consistent with your branding across multiple platforms.
Women Aerobic / Fitness Flyer (PSD)
This friendly fitness center flyer template is tailor-made to advertise your aerobic class, dance studio, or yoga class! Features include three different design templates that are easy to edit and color.
Online Fitness Flyer Pack (PSD, AI)
Use this colorful and illustrative template to promote your fitness center flyer, gym, bootcamp, personal training service, or fitness club. This bright and cheerful project is flexible and fully customisable. Features include text, images, and graphics on separate layers.
Fitness Flyer (PSD)
This professional fitness flyer template is well organised and perfect for promoting your personal training advertising templates, fitness clubs, or gym memberships. You get three fully editable PSD files, and the template is 100% vector and ready for print.
Fitness Club Flyer (AI, EPS, PSD)
Use this bold and action-packed flyer template to promote your boxing gym, fit camp flyer, studio, or fitness club. This template is clean, elegant, and easy to edit to suit your needs. Features include a print-ready file with organised layers for easy editing and navigation.
Looking to Learn More? Check Out Even More Photoshop Tutorials Below!
- How to Create a Restaurant Flyer TemplateMarko Kožokar28 Mar 2021
- How to Make a Babysitter Flyer Template (With Babysitting Flyer Ideas)Andrei Marius05 Aug 2021
- How to Make a Good Fundraiser FlyerLaura Keung01 Jul 2021
- How to Design a Music Lesson FlyerAndrei Marius15 Jul 2021
- How to Create a Barber Shop Flyer in Photoshop (+Barber Flyer Ideas!)Ivan Gromov14 Jul 2021
- How to Make a Tear-Off Flyer Template in Affinity Publisher (Free Flyer File to Download)Grace Fussell12 Jun 2020