Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Flyers
Design

So erstellen Sie eine Handout-Vorlage

by
Difficulty:BeginnerLength:LongLanguages:

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

Final product image
What You'll Be Creating

Das Erstellen einer Vorlage mit bestehendem Branding muss nicht schwierig sein. In diesem Tutorial erstellen wir einen professionellen Informationsflyer. Es ist ein Blickfang und sieht professionell aus, perfekt für Ihr Unternehmen!

Geschäftsflyer helfen Ihnen, Leser / Kunden über Ihr Unternehmen zu informieren. Diese Form der Werbung ist für eine breite Verbreitung gedacht und eignet sich perfekt zum Versenden per Post oder zur Verwendung in Ihrer Marketingkampagne. Dieses vielseitige Flyer-Design kann für eine Vielzahl von Fällen und Markenrichtlinien angepasst werden.

Es gibt einige Schlüsselkomponenten, die in einem Handout-Flyer konsistent enthalten sein sollen. Dies sind das Logo, die Kontaktinformationen und der Slogan. Der Inhalt und das Bild sollten bearbeitbar sein, da diese Dinge aktualisiert werden müssen. Heute konzentrieren wir uns darauf, einen Flyer zu erstellen, der dem Logo entspricht, mit dem wir arbeiten.

Was Sie brauchen

Sie benötigen Zugriff auf Adobe InDesign und Adobe Illustrator. Wenn Sie nicht über die Software verfügen, können Sie eine Testversion von der Adobe-Website herunterladen. Sie benötigen außerdem die folgenden Assets:

Laden Sie die Assets herunter und stellen Sie sicher, dass die Schriftart auf Ihrem System installiert ist, bevor Sie beginnen. Wenn Sie bereit sind, können wir eintauchen!

Suchen Sie nach fantastischen Business-Flyer-Vorlagen? Gehen Sie zu Envato Elements oder GraphicRiver.

1. Einrichten einer neuen Adobe InDesign-Datei

Schritt 1

Für dieses Tutorial verwenden wir ein A4-Format. Dies ist die beliebteste Größe für eine Handout-Vorlage.

Gehen Sie in InDesign zu Datei > Neu. Benennen Sie die Dokument Handout-Vorlage. Wenn Sie eine Dokumentvoreinstellung verwenden, wählen Sie A4. Wenn nicht, ändern Sie die Einheiten in Zentimeter. Stellen Sie die Breite auf 21 cm und die Höhe auf 29,7 cm ein. Stellen Sie die Ausrichtung auf Porträt ein.

Stellen Sie die Ränder auf 1 cm ein. Stellen Sie die Blutungen auf 0,3 cm ein. Wenn Sie einen professionellen Drucker verwenden, fragen Sie ihn, welche Art von Beschnitt Sie verwenden sollen. Klicken Sie auf Erstellen.

Create a new A4 file

Schritt 2

Bevor wir mit dem Projekt beginnen, erstellen wir ein Raster, damit Sie es leichter verfolgen können. Gehen Sie zu Layout > Anleitungen erstellen. Stellen Sie im Optionsfenster "Hilfslinien erstellen" die Zeilenzahl auf 8 und die Dachrinne auf 0 ein. Stellen Sie die Spaltennummer auf 3 und die Dachrinne auf 0,5 cm ein. Stellen Sie unter Optionen die Anpassungsrichtlinien auf: Ränder ein und klicken Sie auf OK.

Ein- / Ausblenden der Hilfslinien und Ränder durch Drücken von Befehl-;. Alternativ können Sie W verwenden, um den Vorschaumodus aufzurufen und zu verlassen.

Create guides

Schritt 3

Bevor wir mit dem Design beginnen, fügen wir einige Farbfelder hinzu. Gehen Sie zu Fenster > Farbe > Farbfelder, um das Farbfeldbedienfeld zu erweitern. Wählen Sie im Hauptmenü die Schaltfläche Neues Farbfeld.

Stellen Sie die Werte auf C=65 M=100 Y=0 K=0 ein. Klicken Sie auf Hinzufügen und auf OK.

Für den Kontrast müssen wir einen dunkleren Farbton hinzufügen. Wiederholen Sie den Vorgang mit folgenden Werten: C=80 M=100 Y=30 K=40.

Add color swatches

2. So platzieren Sie Bilder in Adobe InDesign

Flyer-Vorlagen müssen eine relevante Bildfront und -mitte haben, um Leser anzulocken. Für dieses Projekt platzieren wir dies im oberen/mittleren Bereich der Vorlage.

Schritt 1

Wählen Sie in der Symbolleiste das Rahmenwerkzeug (F) aus. Klicken Sie auf das Dokument und stellen Sie in der Option Rechteck die Breite auf 21,6 cm und die Höhe auf 11,3 cm ein. OK klicken.

Bewegen Sie den Rahmen mit dem Auswahlwerkzeug, um mit der zweiten Reihe von Hilfslinien zu beginnen.

Create a frame using the frame tool

Schritt 2

Drücken Sie bei der Auswahl des Rahmens Befehlstaste-D, um ein Bild zu platzieren. Suchen Sie auf Ihrem Computer nach dem Bild "Inspiration suchen". Klicken Sie auf Öffnen.

Wählen Sie mit dem Direktauswahl-Werkzeug (A) das Bild im Element aus. Gehe zur Kontrollleiste. Wenn Sie es nicht aktiviert haben, gehen Sie zu Fenster>Steuerung. Aktivieren Sie die Option Proportionen für die Schaltfläche Breite und Höhe einschränken. Auf diese Weise wird die Bildgröße proportional geändert. Stellen Sie den Prozentsatz auf 60% ein.

Platzieren Sie das Motiv des Bildes wie im Bild unten auf der rechten Seite des Posters:

Place an image

Schritt 3

Wählen Sie in der Symbolleiste das Rechteck-Werkzeug (M) aus. Klicken Sie auf das Dokument und stellen Sie in der Option Rechteckfenster die Breite auf 10,6 cm und die Höhe auf 11,3 cm ein. OK klicken.

Wählen Sie mit dem Direktauswahl-Werkzeug (A) die beiden Punkte rechts vom Rechteck aus. Klicken Sie auf einen Punkt, halten Sie die Umschalttaste gedrückt und klicken Sie auf den anderen Punkt. Ich habe die beiden Punkte hervorgehoben, die Sie im Bild unten auswählen müssen.

Klicken Sie mit der rechten Maustaste und wählen Sie Transformieren>Scheren. Stellen Sie den Scherwinkel auf 26° und die Achse auf Horizontal ein. OK klicken.

Create a rectangle and shear the right side of it

Schritt 4

Wählen Sie mit dem Auswahlwerkzeug (V) das Objekt aus. Gehen Sie zum Farbfeldbedienfeld und wählen Sie den dunkleren Purpurton aus.

Gehen Sie zu Fenster > Effekte, um das Effektfenster zu öffnen. Stellen Sie bei der Auswahl des Objekts die Deckkraft auf Multiplizieren ein.

Change the opacity to multiply and the color to purple

Schritt 5

Fügen Sie der Handout-Vorlage ein Logo hinzu. Drücken Sie Befehlstaste-D, um eine Datei zu platzieren. Wenn Sie das von uns heruntergeladene Forecastr-Logo finden, verwenden wir forecastr-06.eps. Klicken Sie auf Öffnen.

Klicken Sie auf das Dokument, um die Datei zu platzieren.

Place the logo

Schritt 6

Wählen Sie das von uns platzierte Logo aus. Gehen Sie zur Steuerleiste und stellen Sie sicher, dass die Proportionen einschränken aktiviert sind. Stellen Sie den Prozentsatz auf 30% ein.

Das Logo ist kleiner, aber der Rahmen ist immer noch zu groß. Halten Sie die Optionstaste gedrückt und ziehen Sie eine der Ecken hinein. Mit dieser Taste können Sie die Größe des Rahmens auf allen vier Seiten und in Richtung der Objektmitte ändern.

Platzieren Sie das Logo in der oberen linken Ecke des Flyers.

Resize the logo and place it on the top left corner of the flyer

Schritt 7

Rufen Sie das Ebenenbedienfeld auf, indem Sie zu Fenster > Ebenen gehen. Doppelklicken Sie auf Ebene 1, um sie in Zurück umzubenennen. OK klicken.

Erstellen Sie eine neue Ebene und nennen Sie sie Front. OK klicken.

Create a new layer

3. Formatieren des Typs in Adobe InDesign

Schritt 1

Wir werden dem lila Objekt eine Überschrift und eine Unterüberschrift hinzufügen. Dazu müssen wir das Objekt auf der vorderen Ebene duplizieren und die Ebenen organisiert halten. Wir können kein Textfeld mit dem Originalobjekt erstellen, da wir Multiplizieren als Deckkraft verwenden

Duplizieren Sie das lila Objekt, indem Sie Befehlstaste-C drücken. Sperren Sie die hintere Ebene und kopieren Sie das Objekt auf die vordere Ebene. Drücken Sie Umschalttaste-Option-Befehl-V, um am Platz einzufügen.

Ändern Sie bei der Auswahl des Objekts die Farbe im Farbfeldbedienfeld in [Keine]. Ändern Sie die Deckkraft im Effektfenster auf Normal.

Add a headline and subheadline

Schritt 2

Wählen Sie in der Symbolleiste das Textwerkzeug (T) aus. Klicken Sie auf das duplizierte Objekt und fügen Sie eine Überschrift und eine Unterüberschrift hinzu. Rufen Sie das Zeichenfenster auf, indem Sie Befehlstaste-T drücken.

Teilen Sie die Überschrift auf zwei Linien auf, um Kontrast und Tiefe zu erzeugen. Stellen Sie eine Zeile auf RNS Sanz Normal und die nächste auf RNS Sanz Extra Bold. Stellen Sie die Größe auf 30 pt ein.

Stellen Sie die Überschrift auf dieselbe Schriftart und die Größe auf 14 pt ein.

Drücken Sie Befehlstaste-B, um die Textrahmenoptionen aufzurufen. Aktivieren Sie das Vorschau-Feld, um die Änderungen live zu sehen. Stellen Sie unter Einschubabstand den Einschub auf 1,25 cm ein. OK klicken.

Using the text frame options add an inset

Schritt 3

Erstellen Sie mit dem Textwerkzeug (T) ein einspaltiges Textfeld. Platzieren Sie diese oben rechts in der Vorlage. Hier fügen wir Kontaktinformationen hinzu. Stellen Sie im Zeichenbedienfeld die Schriftart auf RNS Sanz Normal und die Größe auf 8 pt ein.

Add contact information

Schritt 4

Es ist Zeit, die Textfelder für die Textkopie zu erstellen. Erstellen Sie mit dem Textwerkzeug (T) ein Textfeld für zwei Drittel der Spalten. Erstellen Sie ein zweites Textfeld für eine einzelne Spalte. Legen Sie diese beiden nebeneinander.

Fügen Sie beiden Textfeldern eine Überschrift und eine Textkopie hinzu. Stellen Sie im Zeichenedienfeld die Schriftart des Untertitels auf RNS Sanz Extra Bold und die Größe auf 14 pt ein. Stellen Sie im Farbfeldbedienfeld die Farbe auf das hellere Lila ein.

Verwenden Sie für die Textkopie die Normale Familie und Größe 11 pt. Stellen Sie im Farbfeldbedienfeld die Farbe auf das dunklere Lila ein.

Create two text boxes

Schritt 5

Im rechten Textfeld werden Sie feststellen, dass ich Aufzählungszeichen hinzugefügt habe.

Ein guter Tipp bei der Arbeit mit Aufzählungszeichen ist die Verwendung der hängenden Interpunktion. Dies bedeutet, dass die Zeilen nach der ersten Zeile eingerückt und an der ersten Zeile ausgerichtet werden. Das Vermeiden von Text unter dem Aufzählungszeichen führt zu einem schärferen Design.

Dazu können wir dem Sonderzeichen Here einen Einzug hinzufügen, indem wir Command-\ drücken. Um zu sehen, ob dies aktiviert ist, gehen Sie zu Typ > Versteckte Zeichen anzeigen. Der Einzug nach Hier sollte als Dolch angezeigt werden.

Add hanging punctuations on the bullet points

4. So fügen Sie Vektorsymbole hinzu

Schritt 1

Gehen Sie zum Ebenenbedienfeld und entsperren Sie die hintere Ebene.

Wählen Sie in der Symbolleiste das Rechteck-Werkzeug (M) aus. Klicken Sie auf das Dokument und stellen Sie die Breite auf 21,6 cm und die Höhe auf 5 cm ein. Platzieren Sie das Rechteck unter dem Textfeld, das wir im vorherigen Schritt erstellt haben. Stellen Sie die Farbe im Farbfeldbedienfeld auf [Schwarz]. Ändern Sie den Farbton auf 10%.

Sperren Sie die hintere Ebene und arbeiten Sie an der vorderen Ebene. Dies ist nützlich, damit das Textwerkzeug kein Textfeld innerhalb des Rechtecks ​​erstellt.

Create a rectangle using the rectangle tool

Schritt 2

Lassen Sie uns jetzt an der Front-Ebene arbeiten. Erstellen Sie mit dem Textwerkzeug (T) ein Textfeld innerhalb des grauen Objekts.

Drücken Sie bei Auswahl des Textfelds Befehlstaste-B, um die Textrahmenoptionen zu öffnen. Stellen Sie unter Spalten die Zahl auf 3 und die Dachrinne auf 0,5 cm ein. OK klicken.

Add a text box to fit the rectangle

Schritt 3

Hier können wir eine Kopie hinzufügen, die sich auf das konzentriert, was das Unternehmen bietet. Stellen Sie den Subhead auf RNS Sanz Extra Bold und Größe auf 11 pt. Stellen Sie die Kopie auf die gleiche Größe ein, diesmal jedoch in der Normal Familie.

Format the text box to have a subheadline and body copy

Schritt 4

Für ein professionelles Aussehen können wir diesem Abschnitt Symbole hinzufügen. Öffnen Sie die Business Doodles-Vektordatei in Adobe Illustrator.

Wählen Sie die Symbole für Grafik, Glühbirne und Flugzeug aus, indem Sie die Umschalttaste drücken und auf jedes Symbol klicken. Drücken Sie zum Kopieren Befehlstaste-C.

Open the vector icons in Adobe Illustrator

Schritt 5

Kehren Sie zur InDesign-Datei zurück. Drücken Sie zum Einfügen Befehlstaste-V. Stellen Sie im Farbfeldbedienfeld das Farbfeld auf die hellviolette Farbe ein.

Die Symbole werden gruppiert. Um die Gruppierung aufzuheben, drücken Sie Umschalt-Befehl-G.

Um die Größe der Symbole zu ändern, wählen Sie jedes Symbol aus und gehen Sie zur Steuerleiste. Aktivieren Sie die Schaltfläche Proportionen beschränken, da nur die Höhe festgelegt wird. Die Breite ändert sich automatisch. Stellen Sie die Höhe auf 1,5 cm ein.

Platzieren Sie ein Symbol über jedem der von uns erstellten Textfelder.

Past the icons Change the color to purple and resize

Schritt 6

Wir werden Striche zwischen den drei Spalten hinzufügen, um sie visuell zu trennen. Gehen Sie zur Symbolleiste und wählen Sie das Linienwerkzeug (\).

Erstellen Sie mit der Steuerleiste 4 cm-Linien, um die Größe anzupassen. Verwenden Sie die Spaltenführungen, um jede Zeile zu zentrieren.

Gehen Sie zu Fenster > Strich, um das Strichbedienfeld aufzurufen. Stellen Sie das Gewicht auf 2 pt ein und wählen Sie unter Typ die Option Gepunktet.

Ändern Sie die Farbe im Farbfeldbedienfeld in Hellviolett.

Add strokes in between the columns

Schritt 7

Um das Design fertigzustellen, fügen wir am unteren Rand der Vorlage eine Textzeile hinzu. Dies verleiht dem Design einen schönen letzten Schliff. Hier können wir einen einzelnen Satz oder Wörter hinzufügen, die sich auf das Geschäft beziehen.

Erstellen Sie mit dem Textwerkzeug (T) ein kleines Textfeld am unteren Rand des Flyers. Fügen Sie Text hinzu und stellen Sie die Größe auf 14 pt und die Farbe auf das hellere Lila ein.

Rufen Sie das Absatzfenster auf, indem Sie zu Fenster > Typ & Tabellen > Absatz gehen oder Option-Befehl-T drücken. Stellen Sie die Ausrichtung auf Mitte ein.

Add a text line at the bottom of the flyer Align to the center

5. So exportieren Sie eine Datei zum Drucken und zur Online-Freigabe

Bevor Sie eine Datei zum Drucken exportieren, sollten Sie sich alle Kanten des Flyers ansehen. Dies soll sicherstellen, dass alle ausblutenden Bilder und Vektoren die Ausblutungen berühren. Drücken Sie W, um zwischen dem Vorschaumodus und dem Normalmodus zu wechseln. Sie können einige Räume anpassen, um das Design auszugleichen.

Schritt 1

Um die Datei zu exportieren, gehen Sie zu Datei > Exportieren. Benennen Sie die Datei Fundraiser-Broschüre und wählen Sie Adobe PDF (Drucken) aus dem Dropdown-Menü Format. Klicken Sie auf Speichern.

Export the file for printing

Schritt 2

Stellen Sie im Fenster Adobe PDF exportieren die Adobe PDF-Voreinstellung auf Druckqualität ein.

Select press quality as a PDF preset

Wählen Sie auf der linken Seite des Bedienfelds Markierungen und Beschnittzugaben aus. Überprüfen Sie alle Markierungen des Druckers und verwenden Sie die Einstellungen für den Dokumententzug. Klicken Sie auf Exportieren. Sie haben eine druckfertige PDF-Datei.

Check all printers parks and use document bleed settings

Schritt 3

Wenn Sie die Datei für die Online-Freigabe speichern möchten, exportieren Sie sie als JPEG.

Export as a JPEG for online sharing

Gut gemacht! Sie haben dieses Tutorial beendet!

In diesem Tutorial haben wir gelernt, wie Sie eine druckfertige Handout-Vorlage einrichten. Es ist einfach zu bearbeiten, um Ihren Markenrichtlinien zu entsprechen, und bereit für eine Marketingkampagne.

Heute haben wir gelernt:

  • Eine druckfertige Datei in Adobe InDesign einrichten.
  • Eine professionelle Informationsvorlage entwerfen
  • Mit Spalten arbeiten und ein anders geformtes Textfeld erstellen.
  • Kleine Details in Typografie für einen professionellen Look formatieren.
  • Verschiedene InDesign-Bedienfelder verwenden, um Formen, Bilder, Farben und Typografie zu formatieren.
  • Eine druckfertige PDF-Datei exportieren.

Wenn Sie mehr über Flyer und Handout-Ideen erfahren möchten, finden Sie bei Envato Elements und Graphic River viele anpassbare Vorlagen für Geschäftsflyer. Probier's mal!

Wenn Ihnen dieses Tutorial gefallen hat, könnte Ihnen Folgendes gefallen:

Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.