InDesign-Video-Training - Moderne Praxis

Flyerdesign im Faltformat am Beispiel eines Sportstudios/Fitnessstudios - Teil 3

Alle Videos des Tutorials InDesign-Video-Training - Moderne Praxis

In Teil 02 dieser Tutorial-Serie haben wir das Titelblatt unseres Flyers größtenteils fertiggestellt. In diesem Teil werden wir uns hauptsächlich um die Gestaltung der Seiten zwei und drei kümmern.

Flyerdesign im Faltformat am Beispiel eines Sportstudios/Fitnessstudios - Teil 3

Bevor wir uns allerdings auf Seite zwei und drei stürzen, sollten wir am Titelblatt noch einige Feinjustierungen vornehmen:

Bei Titel und Frau können wir Größe und Position bedenkenlos verändern, da diese nicht millimetergenau an anderen Elementen ausgerichtet sind.

Flyerdesign im Faltformat am Beispiel eines Sportstudios/Fitnessstudios - Teil 3

Beim Kreis mit dem Firmenlogo verhält es sich anders: Damit das Firmenlogo bei der Skalierung des Kreises weiterhin zentriert bleibt, ist es wichtig, dass InDesign den Mittelpunkt des Kreises als Bezugspunkt verwendet. Dies können wir auf zwei Weisen erreichen:

Wenn wir während der Skalierung des Kreises die Alt-Taste gedrückt halten, wird der Mittelpunkt temporär als Bezugspunkt ausgewählt. (Die Shift-Taste bewirkt proportionale Skalierung).

Flyerdesign im Faltformat am Beispiel eines Sportstudios/Fitnessstudios - Teil 3

Alternativ können wir die Werte direkt in der Menüleiste eintragen. Damit der Mittelpunkt als Bezugspunkt verwendet wird, muss beim Symbol auf der linken Seite (im Screenshot markiert) der mittlere Punkt ausgewählt sein.

Flyerdesign im Faltformat am Beispiel eines Sportstudios/Fitnessstudios - Teil 3

Widmen wir uns nun den beiden benachbarten Seiten:

Zunächst erstellen wir ein Rechteck und skalieren es so, dass es die obere Hälfte der beiden Seiten ausfüllt. Es fungiert als Hintergrund für den Text und die Bildelemente.

Als Farbe wählen wir denselben Türkiston, den wir bereits auf der Titelseite mehrfach verwendet haben (C=81, M=28, Y=25, K=7). Kontur benötigen wir keine. Um das Hintergrundbild etwas durchscheinen zu lassen, können wir die Deckkraft auf etwa 90% reduzieren.

Flyerdesign im Faltformat am Beispiel eines Sportstudios/Fitnessstudios - Teil 3

Als Nächstes erstellen wir die Überschriften.

Es ist immer schön, wenn die Titel einer Seite auf einer Linie liegen. Die exakte Ausrichtung der Titel können wir auf unterschiedlichen Wegen realisieren:

Die erste Variante ist die Nutzung einer Hilfslinie. Dazu erstellen wir eine horizontale Hilfslinie, die mit dem unteren Rand der Überschrift des Titelblattes abschließt. Nun können wir die weiteren Überschriften einfach an dieser Hilfslinie einrasten lassen.

Flyerdesign im Faltformat am Beispiel eines Sportstudios/Fitnessstudios - Teil 3

Da die Überschrift des Titelblattes und die anderen Überschriften eine ähnliche Formatierung besitzen, können wir eine Kopie der bereits vorhandenen Überschrift erstellen, indem wir sie mit gedrückter Shift- und Alt-Taste an die gewünschte Position ziehen.

Die Alt-Taste bewirkt dabei, dass das Textfeld kopiert wird, während die Shift-Taste dafür sorgt, dass sich die Kopie an der Position des Ursprungs orientiert, womit die Hilfslinie nicht benötigt würde.

Flyerdesign im Faltformat am Beispiel eines Sportstudios/Fitnessstudios - Teil 3

Falls sich der Titel nach dem Kopieren hinter dem zuvor erstellten Rechteck befinden sollte, können wir den Titel mit Strg+Ä in der Objekthierarchie schrittweise nach vorne befördern.

Flyerdesign im Faltformat am Beispiel eines Sportstudios/Fitnessstudios - Teil 3

Die linke Seite erhält in diesem Beispiel den Titel "Gesundheit erleben", die rechte Seite wird mit "Ihr Weg zu uns" betitelt.

An der Formatierung müssen wir ein paar Anpassungen vornehmen: Schriftart>PT Sans Narrow und Schriftgröße>22 Pt bleiben unverändert. Als Schriftfarbe verwenden wir Weiß, die Flächenfarbe wird deaktiviert und der Text wird linksbündig ausgerichtet.

Flyerdesign im Faltformat am Beispiel eines Sportstudios/Fitnessstudios - Teil 3

Unter der Überschrift "Gesundheit erleben" legen wir nun ein weiteres Textfeld für die Beschreibung des Fitnesscenters an. Rechts und links vom Textfeld sollte man jeweils einige Millimeter Platz zum Rand lassen.

Damit die Abstände rechts und links gleich groß werden, erstellen wir ein kleines Hilfsrechteck, an dem wir das Textfeld ausrichten. Natürlich können wir auch eine Hilfslinie entsprechend positionieren und das Textfeld an dieser ausrichten.

Flyerdesign im Faltformat am Beispiel eines Sportstudios/Fitnessstudios - Teil 3

Für dieses Beispiel wird das Textfeld mit einem Blindtext aufgefüllt. InDesign verfügt über eine Funktion, die ein Textfeld automatisch mit einem solchen Text auffüllen kann: Schrift>Mit Platzhaltertext füllen.

Flyerdesign im Faltformat am Beispiel eines Sportstudios/Fitnessstudios - Teil 3

Wir formatieren diesen Text mit der Schriftart>PT Sans Narrow in weißer Farbe. Die Schriftgröße belassen wir bei 12 Pt und den Zeilenabstand setzen wir auf 14,4 Pt.

Flyerdesign im Faltformat am Beispiel eines Sportstudios/Fitnessstudios - Teil 3

Unter "Ihr Weg zu uns" fügen wir nun eine Karte ein. Kopiert euch dabei bitte keine Karte aus Google Maps oder ähnlichen Anwendungen, sondern verwendet lieber eine von euch selbst (z.B. in Illustrator) nachgezeichnete Karte, bei der ihr euch sicher seid, dass ihr alle Rechte besitzt. Andernfalls könnt ihr sehr schnell rechtliche Probleme bekommen.

Flyerdesign im Faltformat am Beispiel eines Sportstudios/Fitnessstudios - Teil 3

Hier fügen wir zur Karte eine hellgraue Kontur mit einer Breite von 3 Pt sowie über Objekt>Effekte>Schlagschatten einen dezenten Schlagschatten mit einer Deckkraft von 15%, einem Abstand von 1 mm, einem x-Versatz von 0 mm, einem y-Versatz von 1 mm und einer Größe von 1 mm hinzu.

Die Werte wurden alle relativ niedrig gewählt, um eine edlere Wirkung zu erzielen, ohne dass sich die Karte zu sehr vom Flyer abhebt.

Flyerdesign im Faltformat am Beispiel eines Sportstudios/Fitnessstudios - Teil 3

Im nächsten Schritt werden wir unter dem Beschreibungstext zwei kreisrunde Bilder hinzufügen. Dazu erstellen wir zunächst mit dem Ellipse-Werkzeug und gedrückter Shift-Taste einen Kreis, der in etwa halb so breit wie das Textfeld darüber sein sollte.

Flyerdesign im Faltformat am Beispiel eines Sportstudios/Fitnessstudios - Teil 3

Mit gedrückter Alt-Taste und der Pfeiltaste nach rechts (Pfeiltaste nur einmal drücken, sonst entstehen mehrere Kopien des Kreises!) kopieren wir den Kreis und verschieben ihn nach rechts.

Unter Verwendung der Pfeiltaste in Kombination mit der Shift-Taste können wir den Kreis in größeren Schritten und somit schneller verschieben.

Flyerdesign im Faltformat am Beispiel eines Sportstudios/Fitnessstudios - Teil 3

Sollte der Kreis doch etwas zu groß geraten sein, können wir beide Kreise mit gedrückter Shift-Taste markieren, etwas kleiner skalieren und neu positionieren.

Flyerdesign im Faltformat am Beispiel eines Sportstudios/Fitnessstudios - Teil 3

Wenn die beiden Kreise die richtige Größe haben, können wir den zweiten Kreis vorübergehend entfernen. Zum ersten Kreis fügen wir einen Schlagschatten – mit den gleichen Einstellungen wie bei der Karte – sowie eine weiße Kontur von 3 Pt hinzu.

Flyerdesign im Faltformat am Beispiel eines Sportstudios/Fitnessstudios - Teil 3

Nun müssen wir das Bild in den Kreis einfügen. Über Datei>Platzieren laden wir zunächst das gewünschte Bild in InDesign.

Sobald das Bild erscheint und erstmalig platziert wurde, können wir es mit Strg+X zunächst wieder ausschneiden und dann mit der Option Bearbeiten>In die Auswahl einfügen im Kreis einfügen.

Flyerdesign im Faltformat am Beispiel eines Sportstudios/Fitnessstudios - Teil 3

Mit einem Klick auf das CD-ähnliche Symbol, das in der Mitte des Kreises erscheinen sollte (siehe Screenshot), kann das Bild innerhalb des Kreises verschoben und auch skaliert werden.

Flyerdesign im Faltformat am Beispiel eines Sportstudios/Fitnessstudios - Teil 3

Wenn wir den so bearbeiteten Kreis jetzt kopieren und positionieren, werden auch das verknüpfte Bild im Kreis sowie alle verwendeten Effekte kopiert.

Flyerdesign im Faltformat am Beispiel eines Sportstudios/Fitnessstudios - Teil 3

Um das Bild durch ein neues zu ersetzen, müssen wir über das CD-Symbol wieder in den Bearbeitungsmodus wechseln, im Verknüpfungsbedienfeld auf den Button Erneut verknüpfen klicken und das gewünschte Bild auswählen.

Flyerdesign im Faltformat am Beispiel eines Sportstudios/Fitnessstudios - Teil 3

Das neue Bild sollte nun mit allen zuvor hinzugefügten Effekten und bereits entsprechend skaliert im Kreis erscheinen.

Flyerdesign im Faltformat am Beispiel eines Sportstudios/Fitnessstudios - Teil 3

Unterhalb der Karte werden nun die Öffnungszeiten in einem neuen Textfeld eingefügt und mit der Schriftart>PT Sans Narrow, dem Schriftschnitt>Bold, einer Schriftgröße von 9 Pt und weißer Schriftfarbe versehen.

Flyerdesign im Faltformat am Beispiel eines Sportstudios/Fitnessstudios - Teil 3

Am unteren Rand der beiden Seiten erstellen wir nun einen grauen Rand mit 90% Deckkraft. Wir verwenden dazu denselben Grauton, der auf der Titelseite bereits mehrfach benutzt wurde (C=73, M=59, Y=48, K=47).

Flyerdesign im Faltformat am Beispiel eines Sportstudios/Fitnessstudios - Teil 3

Damit sind wir auch schon am Ende des dritten Teils dieser Tutorial-Reihe angekommen. Im vierten und letzten Teil der Serie werden wir die Gestaltung der zweiten und dritten Seite fertigstellen und uns um die Rückseite des Flyers kümmern.

Flyerdesign im Faltformat am Beispiel eines Sportstudios/Fitnessstudios - Teil 3