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

Wie man einen Fitness-Flyer in Photoshop erstellt

German (Deutsch) translation by Rebecca Priscilla (you can also view the original English article)

Final product imageFinal product imageFinal product image
What You'll Be Creating

Erregen Sie die Aufmerksamkeit Ihrer Zuschauer mit diesem auffälligen Fitness-Flyer-Layout! Werben Sie für Ihre Marke und passen Sie das Design an, indem Sie Stockfotos von Envato Elements oder Ihre eigenen Bilder verwenden. 

In diesem Tutorial lernen Sie, wie Sie diese Flyer-Vorlage für Personal Training in Adobe Photoshop erstellen können. Wenn Sie jedoch nur wenig Zeit haben oder sofort etwas brauchen, schauen Sie sich unsere Bibliothek mit druckfertigen Fitness-Flyer Design-Vorlagen von 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.
Laden Sie dieses Fitness-Flyer-Set von Envato Elements herunter

Manche Menschen ziehen es vor, neue Fähigkeiten über Video-Tutorials zu erlernen. Wenn Sie zu dieser Kategorie von Menschen gehören, werden Sie sich dieses neue Video aus dem Envato Tuts YouTube-Kanal sicher gerne ansehen. In diesem Video erfahren Sie, wie Sie ein Flyerdesign für ein Fitnessstudio in Photoshop erstellen:

Was Sie in diesem Fitness Poster Tutorial lernen werden

In diesem Tutorial zeige ich Ihnen, wie Sie diese einfach zu bedienende Flyer-Vorlage für Fitnessstudio in Photoshop erstellen und was bei der Erstellung des Flyer Designs zu beachten ist. Wir behandeln unter anderem folgende Themen:

  • Wie Sie eine Fitness-Flyer-Layout mit Adobe Photoshop erstellen
  • Wie Sie Ihre Marke in das Flyer Design für Bootcamp-Training einbinden
  • Wie Sie Ihre Flyer- und Plakat-Vorlage für Fitnessstudio so strukturieren, sodass die Textinhalten leicht verständlich sind   
  • Wie Sie eine auffällige Überschrift für Ihre Workout-Flyer-Vorlage erstellen, um die Aufmerksamkeit Ihren potenziellen Kunden zu erregen
  • Wie Sie Fotos in die Flyer-Vorlage einfügen
girl holding the flyergirl holding the flyergirl holding the flyer
Wir verwenden dieses Fitnessstudioflyer-Mockup von Placeit, um das endgültige Design zu präsentieren!

Arbeitsmaterialien

Um diesem Photoshop-Tutorial folgen zu können, benötigen Sie eine laufende Version von Adobe Photoshop. Wir werden auch Bilder, Schriftarten und ein Logo für unsere Fitnessstudioflyer-Vorlage verwenden. Klicken Sie auf die Links unten, um sie herunterzuladen.

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. Die Designelemente zur Gestaltung eines Flyer-Designs für Ihr Fitnessstudio

Schritt 1

Wenn es darum geht, die Gestaltungselemente des Flyer-Designs für Ihr Fitnessstudio zu erstellen, ist es vielleicht eine gute Idee, zu planen, was Sie einschließen müssen. Auf diese Weise können Sie die Vorlage strukturieren und ihr eine klare Botschaft geben, die die Menschen auch verstehen können.

Beispiele hierfür könnten:

  1. Ein Logo und Name, der konsistent ist und die Persönlichkeit Ihrer Marke widerspiegelt
  2. Eine auffällige Überschrift, die die Aufmerksamkeit des Betrachters auf sich zieht und Interesse weckt    Informationen über Ihr Angebot, wie Kurse und Fitnessprogramme
  3. Werbeangebote, mit denen Sie potenzielle Kunden zu einer Mitgliedschaft überreden können
  4. Eine Aufforderung zum Handeln, um Kunden dazu zu bringen, auf irgendeine Weise mit Ihnen zu interagieren, wie Kontaktaufnahme über eine Telefonnummer oder E-Mail-Adresse
plan out the designplan out the designplan out the design

Schritt 2

Unterteilen wir nun unsere Vorlage für den Trainingsflyer in Abschnitte. Verwenden Sie das Dreieck-Werkzeug (U), um eine Formebene zu erstellen. Achten Sie darauf, die Kontur zu entfernen, falls sie ausgewählt ist, und eine Füllfarbe zu verwenden, die zu Ihrer Marke passt. In diesem Beispiel werden wir die Farbe e23255 verwenden.

create a trianglecreate a trianglecreate a triangle

Schritt 3

Verwenden Sie das Verschieben-Werkzeug (V) und das Frei-Transformieren-Werkzeug (Strg-T), um es am oberen Rand des Bootcamp-Flyers zu positionieren. An dieser Stelle wird das Logo platziert.

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

Schritt 4

Duplizieren Sie die Ebene mit der Dreiecksform, indem Sie darauf mit Rechtsklick und Duplizieren wählen.

Verwenden Sie dann das Verschieben-Werkzeug (V) und das Frei-Transformieren-Werkzeug (Control-T), um die neue Dreiecksebene am unteren Rand des Fitness-Challenge-Flyers zu positionieren. Diese Form wird etwas größer sein als die obere, da sie Ihre Telefonnummer und Website oder E-Mail-Adresse enthalten wird.

duplicate triangleduplicate triangleduplicate triangle

Schritt 5

Verwenden Sie das Rechteck-Werkzeug (U), um ein langes Rechteck für den Titel und den Namen des Fitness-Challenge-Flyers zu erstellen. Verwenden Sie dieselbe Farbe, die wir zuvor für die Dreiecksformen verwendet haben: e23255.

create a rectanglecreate a rectanglecreate a rectangle

Schritt 6

Vergewissern Sie sich, dass die Rechteckform ausgewählt ist, und gehen Sie dann zu Bearbeiten > Transformieren > Perspektivisch und verschieben Sie die linke Seite nach unten (oder die rechte Seite nach oben).

Wenn Sie mit der Form zufrieden sind, platzieren Sie sie in der Nähe des oberen Teils des Flyers für das Zirkeltraining.

use perspective tooluse perspective tooluse perspective tool

Schritt 7

Verwenden Sie das Rechteck-Werkzeug (U), um eine kleine weiße Rechteckform zu erstellen.

Dann verwenden Sie das Verschieben-Werkzeug (V) und das Frei-Transformieren-Werkzeug (Strg-T), um die neue Rechteck-Ebene zu drehen und in der unteren linken Ecke des Zirkeltrainings-Flyers zu positionieren.

Vergewissern Sie sich, dass sich die Formebene unter den Dreiecksebenen befindet. Hier wird das Rabattangebot platziert.

create a white boxcreate a white boxcreate a white box

Schritt 8

Verwenden Sie das Rechteck-Werkzeug (U), um eine viel größere dunkelgraue Rechteckform zu erstellen. Für dieses Tutorial verwenden wir die Farbe 111213.

Verwenden Sie das Verschieben-Werkzeug (V) und das Frei-Transformieren-Werkzeug (Strg-T), um die neue Rechteck-Ebene zu drehen und in der rechten unteren Ecke des Flyers zu positionieren.

Achten Sie darauf, dass die Ebene unter den beiden Dreiecksebenen und der weißen Rechteckebene liegt. Hier werden die Informationen zum Fitnessstudio platziert.

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

Schritt 9

Wählen Sie alle Formebenen aus und gruppieren Sie sie (Strg-G) in einem Ordner namens "Design Elements".

group the layersgroup the layersgroup the layers

Schritt 10

Gehen Sie mit Rechtsklick auf den Ordner und wählen Sie Fülloptionen. Wählen Sie dann Schein nach außen und geben Sie die folgenden Einstellungen ein:

  • Füllmethode: Multiplizieren
  • Deckkraft: 35%
  • Rauschen: 0%
  • Technik: Weicher
  • Überfüllen: 0%
  • Größe: 21%
  • Bereich: 50%
outer glow settingsouter glow settingsouter glow settings

2. Das Hinzufügen von Logo und Text auf der Fitness-Flyer-Vorlage

Schritt 1

Verwenden Sie die Schriftart Pacer von Envato Elements und geben Sie den Titel oder Namen Ihres Flyers ein. Stellen Sie sicher, dass sich die Textebene über dem Ordner "Design Elements" befindet.

Verwenden Sie dann das Frei Transformieren-Werkzeug (Strg-T), um den Text leicht zu drehen, damit er zum Design der Form passt.

add the textadd the textadd the text

Schritt 2

Erstellen Sie eine neue Textebene und geben Sie den Text "Call" ein, der am unteren Rand der Fitness-Bootcamp-Flyer-Vorlage platziert werden soll.

add call textadd call textadd call text

Schritt 3

Erstellen Sie eine neue Textebene und verwenden Sie die Schriftart Visby Font, um Ihre Telefonnummer in Heavy (Fett) und die Website in Regular (Normal) einzugeben.

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

Schritt 4 

Create a new text layer and list all the available features of the gym.

Der Titel "Open 24/7" ist in Heavy Oblique (Kursiv Extrafett) mit der Farbe Ihrer Marke e23255. Die Liste ist in Bold Oblique (Kursiv Fett) mit der Farbe Weiß.

add gym features textadd gym features textadd gym features text

Schritt 5

Erstellen Sie eine neue Textebene für den Rabatt. Verwenden Sie auch hier Heavy Oblique für die Prozentzahl und Bold Oblique für den Rabatttext. Verwenden Sie Ihre Hausfarbe e23255.

add discount textadd discount textadd discount text

Schritt 6

Fügen Sie Ihr Firmenlogo oben ein.

add company logoadd company logoadd company logo

Schritt 7

Wählen Sie alle Textebenen aus und gruppieren Sie sie (Strg-G) in einem Ordner namens "Text".

group the text layersgroup the text layersgroup the text layers

3. So fügen Sie Ihre Fotos zum Flyer hinzu

Schritt 1

Importieren Sie eines Ihrer Fotos in Adobe Photoshop und legen Sie die Fotoebene unterhalb des Ordners "Design Elements" ab.

Verwenden Sie das Verschieben-Werkzeug (V), um Ihr Foto zu positionieren.

add your photoadd your photoadd your photo

Schritt 2

Verwenden Sie das Polygon-Lasso-Werkzeug (L), um die Teile des Fotos auszuwählen, die Sie entfernen möchten. Drücken Sie dann die Entf-Taste, um sie zu entfernen.

cut the photocut the photocut the photo

Schritt 3

Importieren Sie das zweite Foto und wiederholen Sie die obigen Schritte, um den Flyer für das Fit Camp fertigzustellen.

final flyerfinal flyerfinal flyer

Klasse! Sie sind schon fertig!

Gratuliere! So können Sie einen Flyer für Fitnessstudio in Adobe Photoshop erstellen. Sie können die Bilder ersetzen und andere Stockfotos oder eigene Fotos verwenden, um Ihre eigenen Beispiele für Fitness-Flyer zu erstellen. In der Zwischenzeit hoffe ich, dass Sie dieses Fitness-Poster-Tutorial nützlich fanden, und wir sehen uns das nächste Mal hier auf 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
Holen Sie sich ein Fitness-Poster-Mockup von Placeit, um Ihr endgültiges Design zu präsentieren!

Die 5 besten Fitness-Flyer-Vorlagen von Envato Elements

Sie möchten einen auffälligen Fitness-Flyer erstellen, haben aber kaum Zeit? Dann besuchen Sie Envato Elements, wo Sie viele verschiedene Flyerdesigns für Fitnessstudios, Sportstudio-Flyer und Vorlagen herunterladen können, die Sie verwenden und anpassen können. Hier sind fünf meiner Favoriten.

Fitness Flyer Set (AI, PSD)

Fitness Flyer SetFitness Flyer SetFitness Flyer Set

Verwenden Sie diese moderne Vorlage, um Ihr Fitnessstudio, Bootcamp, Ihren Personal Training Service oder Ihren Fitnessclub zu bewerben. Diese Vorlage enthält auch Vorlagen für Instagram-Posts und -Stories, sodass Sie Ihr Branding auf mehreren Plattformen konsistent halten können.

Women Aerobic / Fitness Flyer (PSD)

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

Diese freundliche Flyer-Vorlage für ein Fitnesscenter ist maßgeschneidert, um Aerobic-Kurse, Tanzstudio oder Yoga-Kurse nur für Frauen zu werben! Sie enthält drei verschiedene Designvorlagen, die einfach zu bearbeiten und zu färben sind.

Online Fitness Flyer Pack (PSD, AI)

Online Fitness Flyer PackOnline Fitness Flyer PackOnline Fitness Flyer Pack

Verwenden Sie diese farbenfrohe und illustrative Vorlage, um für Fitnesscenter, Fitnessstudio, Bootcamp, Personal Training Service oder Fitnessclub zu werben. Dieses helle und fröhliche Flyer-Layout ist flexibel und vollständig anpassbar. Zu den Funktionen gehören Text, Bilder und Grafiken auf separaten Ebenen.

Fitness Flyer (PSD)

Fitness FlyerFitness FlyerFitness Flyer

Diese professionelle Fitness-Flyer-Vorlage ist gut organisiert und eignet sich perfekt für die Werbevorlagen Ihrer Personal-Training, Fitnessclubs oder Fitnessstudio-Mitgliedschaften. Sie erhalten drei vollständig editierbare PSD-Dateien, und die Vorlage ist zu 100% vektorisiert und druckfertig.

Fitness Club Flyer (AI, EPS, PSD)

Fitness Club - FlyerFitness Club - FlyerFitness Club - Flyer

Verwenden Sie diese mutige und actiongeladene Flyervorlage, um für Boxstudio, Fit-Camp-Flyer, Studio oder Fitnessclub zu werben. Diese Flyer-Vorlage ist sauber, elegant und einfach zu bearbeiten, um Ihren Bedürfnissen gerecht zu werden. Sie enthält eine druckfertige Datei mit organisierten Ebenen für eine einfache Bearbeitung und Navigation.

Möchten Sie mehr erfahren? Unten gibt's noch mehr Photoshop-Tutorials!

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.
Scroll to top
One subscription.
Unlimited Downloads.
Get unlimited downloads