Freitagstutorial: Vintage-Flyer in Illustrator

Beginnen wollen wir, in dem wir uns im Saxoprint Shop die passende Druckvorlage (in diesem Beispiel: DIN A6-Querformat) herunterladen und diese dann in Adobe Illustrator öffnen (Strg+O). Mit dem Rechteckwerkzeug (M) ziehen wir uns ein Rechteck über den gesamten orangenen Bereich auf. Dieses Rechteck versehen wir mit dem Verlaufswerkzeug (G) mit einem kreisförmigen Verlauf von Weiß (#FFFFFF) zu Beige (#EDE4D2). Den Kreis stauchen wir auf 75 %.

Wir wechseln jetzt in das Aussehen-Fenster und ziehen die soeben bearbeitete Fläche unseres noch aktiven Pfades auf die Schaltfläche „Ausgewähltes Objekt duplizieren“. Damit erstellen wir für unser Rechteck eine zweite Fläche.

Wir klicken nun für die obere Fläche auf das Effekt-Symbol im Aussehen-Fenster und gehen dort auf Strukturierungsfilter->Mit Struktur versehen. Dort wählen wir als Struktur „Leinwand“ aus und stellen die weiteren im Bild zu sehenden Werte ein. Wir ändern den Modus dieser Fläche in „Multiplizieren“ und senken deren Deckkraft auf 50 %. 

Mit Klick auf das Augensymbol können wir diese Fläche nun als unsere Hintergrundebene sperren. Bevor wir nun weiterarbeiten, überlegen wir uns zunächst, welche Farben wir für unseren Flyer benötigen. Hier sind das die Saxoprint-Farben Grün und Orange, ein dunkles Grau, ein helles Grau, Beige und natürlich Weiß. Diese legen wir uns als neues Farbfeld im Fenster „Farbfelder“ an, damit wir diese später nicht immer wieder neu definieren müssen. Wir klicken in diesem Fenster auf die Schaltfläche „Neue Farbgruppe“ und geben dieser einen sinnvollen Namen. Dann definieren wir die gewünschten Farben und ziehen sie auf das Symbol der neuen Farbgruppe.

Wir klicken nun doppelt mit dem Abgerundetes-Rechteck-Werkzeug auf die Zeichenfläche und stellen die folgenden Werte (Breite 80 mm, Höhe 100 mm, Radius 15 mm) ein, um ein Rechteck mit abgerundeten Ecken zu erstellen.

Wir kopieren nun die oberste Fläche unseres abgerundeten Rechtecks im Aussehen-Fenster und geben der unteren Fläche einen hellen Grau-Ton (#7C7B71). Dann gehen wir mit der markierten unteren Fläche auf das Effektsymbol und dort auf Verzerrungs- und Transformationsfilter->Transformieren und verschieben die Fläche um jeweils einen Millimeter in jede Richtung.

Dann duplizieren wir die graue Fläche und gehen für die unterste Fläche auf die Effektschaltfläche und auf Weichzeichnungsfilter->Gaußscher Weichzeichner. Den Radius geben wir mit 25,0 px an. Danach ändern wir den Modus dieser Fläche in „Multiplizieren“ und senken die Deckkraft auf 80 %.

Wir sperren nun dieses Objekt mit Klick auf das Schloss-Symbol. Mit dem Zeichenstift-Werkzeug (P) zeichnen wir uns dann eine orangene Schleife. Die Ankerpunkte können anschließend noch mit dem Direktauswahl-Werkzeug (A) verschoben werden.

Damit die Schleife dann in der Bildmitte sitzt, markieren wir sie, wählen das Ausrichten-Fenster an und klicken bei „Ausrichten an“ „An Zeichenfläche ausrichten“ an. Dann klicken wir auf das markierte Symbol, um die Schleife vertikal zu zentrieren.

Mit dem Zeichenstift-Werkzeug (P) zeichnen wir uns nun folgende Form nach:

Mit diesem immer noch aktivem Objekt gehen wir in der Menüleiste auf Objekt->Transformieren->Drehen. Dort geben wir 180° ein und klicken auf „Kopieren“. Dann verschieben wir die Kopie an die hier dargestellte Position.

Mit dem Zeichenstift-Werkzeug (P) zeichnen wir uns nun noch zwei schwarze Dreiecke, damit die Schleife am Ende so wirkt, als würde sie tatsächlich das Rechteck umschlingen.

Mit dem Liniensegment-Werkzeug (Umschalt+:) zeichnen wir eine weiße Kontur. Dann gehen wir im Aussehen-Fenster auf die Kontureigenschaften und stellen hier die folgenden Werte ein, damit wir eine gestrichelte Linie erhalten: Stärke 1 pt, Maximal 10 Ecken, Gestrichelte Linie (Strich 3 pt, Lücke 5 pt).

Nun duplizieren wir diese Kontur, in dem wir sie im Ebenenfenster auf die „Neue Ebene erstellen“-Schaltfläche ziehen. Dann verschieben wir die Kontur nach unten. Diese Arbeitsschritte wiederholen wir auch für die gestrichelten Linien der Schleifenenden, so dass folgendes Bild entsteht:

Jetzt duplizieren wir die drei Schleifenobjekte, verschieben sie jeweils um 3 px nach unten, versehen die Kopien mit einem Grau (#8B8C8C) und senken die Deckkraft der Kopie auf 50 %. Danach markieren wir alle Schleifenobjekte mit gedrückter Umschalt-Taste und gruppieren sie mit Strg+G.

Nachdem die Arbeiten an der Schleife zunächst beendet sind, müssen wir nun noch dem grünen Rechteck eine beige Kontur (#EDE4D2) hinzufügen. Dazu wechseln wir in das Aussehen-Fenster und fügen dort eine 3 pt starke Kontur hinzu. Dann gehen wir wieder auf das Effektsymbol und auf Verzerrungs- und Transformationsfilter->Transformieren. Dort verkleinern wir die Kontur in beide Richtungen auf 95 %.

Mit dem Textwerkzeug (T) schreiben wir nun den Namen unseres Unternehmens auf die Schleife. Die verwendete Schriftart ist „Ballpark Weiner“, die es bei dafont.com kostenlos zum Downloaden gibt.

Mit dem Auswahl-Werkzeug (V) drehen wir das Textfeld nun so, dass es perfekt auf unsere Schleife passt. Wenn wir in die Nähe einer Ecke fahren, verwandelt sich der einfache Pfeil in einen Doppelpfeil. Damit können wir den Text dann drehen.

Nun duplizieren wir das Textfeld und ändern die Farbe des unteren Textobjektes in ein helles Grau (#7C7B71). Dann verschieben wir die Kopie um 2 px nach rechts und nach unten, so dass ein Schatten der Schrift entsteht.

Mit dem Textwerkzeug (T) und der Schriftart „Ballpark Weiner“ aus Schritt 17 erstellen wir uns nun die weiteren Elemente unseres Flyers. Als Farbe wählen wir ein dunkles Grau (#3C3C3B). Anschließend drehen wir den Text mit dem Auswahl-Werkzeug (V).

Auch dieser Schrift fügen wir einen Schatten hinzu. Dazu kopieren wir die Textebenen erneut und geben den beiden unteren Kopien die Farbe (#EDE4D2). Diese Kopien verschieben wir dann erneut um 1 px nach rechts und unten.

Wir ziehen uns nun zunächst Hilfslinien aus der Linealleiste (Strg+R) und platzieren diese an den Seiten des längsten Wortes einer jeden Zeile. Dann ziehen wir zwischen diesen Hilfslinien jeweils eine Linie mit dem Liniensegment-Werkzeug (Umschalt+:), so dass in etwa folgendes Bild entsteht. Die Farbe der Linien entspricht der Farbe der Schrift (#3C3C3B).

Im Aussehen-Fenster bearbeiten wir das Erscheinungsbild der Linien. Dazu nehmen wir in diesem Fenster die folgenden Einstellungen für die Kontur vor: Stärke 2 pt, Maximal 10 Ecken, Gestrichelte Linie (Strich 50 pt, Lücke 40 pt).

Mit dem Ellipsen-Werkzeug (L) klicken wir doppelt auf die Zeichenfläche und erstellen dann einen grauen Kreis (#3C3C3B) mit einem Durchmesser von 1,5 mm.

Wir erstellen nun zwei Kopien von diesem Kreis (Strg+C und Strg+F) und markieren diese anschließend alle mit gedrückter Umschalt-Taste. Dann wechseln wir in das Ausrichten-Fenster und stellen dort bei „Ausrichten an“ „An Basisobjekt ausrichten“ ein. Welcher Kreis dabei unser Basisobjekt spielt keine Rolle. Dieses Basisobjekt wird dann mit einem dickeren Rand markiert. Dann legen wir einen Abstand von 0,8 mm fest und klicken auf die Schaltfläche „Horizontal verteilen: Abstand“.

Mit Strg+G gruppieren wir diese drei Kreise, drehen sie und kopieren die Gruppe dann noch einmal, so dass in etwa folgendes Bild entsteht:

Dann erstellen wir zwei weitere Kopien, die wir dann zwischen die unteren Linien schieben.

Jetzt erstellen wir noch drei beige Sterne (#EDE4D2) mit dem Stern-Werkzeug und ordnen diese wie im Bild zu sehen mit einem Abstand von 2 mm an.

Nun gruppieren wir die drei Sterne und duplizieren die Gruppe. Der unteren Kopie fügen wir einen dunkelgrauen Schatten (#3C3C3B) hinzu. Diesen verschieben wir wieder um 1 px nach rechts und nach unten.

Diese beiden Gruppen kopieren wir erneut und schieben die Kopien nach unten über die untere Schriftebene. Dann machen wir die Vorlagenebene mit Klick auf das Augensymbol unsichtbar und schon kann unser Flyer bei Saxoprint.de in den Druck gehen.