7 days of PS Actions, graphics, templates & fonts - for free!* Unlimited asset downloads! Start 7-Day Free Trial
Advertisement
  1. Design & Illustration
  2. Flyers

How to Create a Fitness Flyer in Photoshop

Scroll to top
Final product imageFinal product imageFinal product image
What You'll Be Creating

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!

Download this Fitness Flyer Set from Envato Elements.Download this Fitness Flyer Set from Envato Elements.Download this Fitness Flyer Set from Envato Elements.
Download this Fitness Flyer Set 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
girl holding the flyergirl holding the flyergirl holding the flyer
We use this fitness center flyer mockup from Placeit to present the final design!

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

Cheerful young woman exercising flexibility in gymCheerful young woman exercising flexibility in gymCheerful young woman exercising flexibility in gym

Fonts

Pacer - Sports Sans Serif FontPacer - Sports Sans Serif FontPacer - Sports Sans Serif Font

Logo

Fitness - Logo TemplateFitness - Logo TemplateFitness - Logo Template

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:

  1. Logo and name placement that is consistent and shows the personality of your brand
  2. An eye-catching header to grab your viewers' attention and generate interest
  3. Information about what you offer, such as classes and fitness programs
  4. Any promotional offers you might want to include to persuade potential customers to join
  5. 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
plan out the designplan out the designplan out the design

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.

create a trianglecreate a trianglecreate a triangle

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.

place the triangle at the top place the triangle at the top place the triangle at the top

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.

duplicate triangleduplicate triangleduplicate triangle

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.

create a rectanglecreate a rectanglecreate a rectangle

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.

use perspective tooluse perspective tooluse perspective tool

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.

create a white boxcreate a white boxcreate a white box

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.

create a dark grey rectanglecreate a dark grey rectanglecreate a dark grey rectangle

Step 9

Select all of the shape layers and group them (Control-G) into a folder called "Design Elements".

group the layersgroup the layersgroup the layers

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%
outer glow settingsouter glow settingsouter glow settings

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.

add the textadd the textadd the text

Step 2

Create a new text layer and type "Call" to be placed on the bottom of the fitness boot camp flyer template.

add call textadd call textadd call text

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.

type phone number and websitetype phone number and websitetype phone number and website

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.

add gym features textadd gym features textadd gym features text

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.

add discount textadd discount textadd discount text

Step 6

Add your company logo at the top.

add company logoadd company logoadd company logo

Step 7

Select all of the text layers and group them (Control-G) into a folder called "Text".

group the text layersgroup the text layersgroup the text layers

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.

add your photoadd your photoadd 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.

cut the photocut the photocut the photo

Step 3

Import the second photo and repeat the steps above to complete your fit camp flyer.

final flyerfinal flyerfinal 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+!

more examples of the fitness templatemore examples of the fitness templatemore examples of the fitness template
final fitness template mock upfinal fitness template mock upfinal fitness template mock up
Get a fitness poster mockup from Placeit to show off your final design!

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)

Fitness Flyer SetFitness Flyer SetFitness Flyer Set

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)

Women Aerobic / Fitness FlyerWomen Aerobic / Fitness FlyerWomen Aerobic / Fitness Flyer

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)

Online Fitness Flyer PackOnline Fitness Flyer PackOnline Fitness Flyer Pack

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)

Fitness FlyerFitness FlyerFitness Flyer

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)

Fitness Club - FlyerFitness Club - FlyerFitness Club - Flyer

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!

Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
Start your 7-day free trial*
Start free trial
*All Individual plans include a 7-day free trial for new customers; then chosen plan price applies. Cancel any time.