Nachdem wir hier im vergangenen Jahr schon erläutert haben, wie man einen Glas - Texteffekt für Adobe Photoshop und GIMP erstellt, soll heute hier noch das Tutorial für die Erstellung dieses Effektes in Adobe Illustrator folgen.
1. Wir beginnen damit, dass wir uns ein neues Dokument (Strg + N) in beliebiger Größe (hier 800 x 600 px) erstellen. Dann ziehen wir uns mit dem Rechteck - Werkzeug (M) ein Rechteck um das gesamte Dokument und füllen dieses Rechteck mit dem Verlaufswerkzeug (G) mit einem kreisförmigen Verlauf von #00AAFF zu #004E6D. Die Unterebene nennen wir in “Hintergrund” um.
2. Im Fenster “Aussehen”, welches wir in den kommenden Schritten noch des Öfteren benötigen werden, fügen wir dem Rechteck eine zweite Fläche hinzu. Wir achten bei der Bearbeitung darauf, dass unser Rechteck aktiviert ist. Die neue Fläche schieben wir über die bereits bestehende Fläche und fügen aus dem Fenster “Farbfelder” durch Klick auf das markierte Symbol das Muster “USGS 19 (Überschwemmung)” hinzu. Den Modus der neuen Fläche ändern wir in “Ineinanderkopieren” und die Deckkraft der Fläche senken wir auf 15 %.
3. Mit dem Textwerkzeug (T) fügen wir einen beliebigen Text hinzu (Schriftart: Calibri; Schriftgröße: 100 pt, Schriftfarbe: Weiß). Mit aktiviertem Text gehen wir auf Objekt -> Umwandeln. Dann rufen wir das Fenster “Pathfinder” auf und gehen dort auf “Vereinen”. Danach gehen wir wieder auf Objekt und dort auf Zusammengesetzter Pfad -> Erstellen.
4. In unserer Textebene löschen wir nun auch die weiße Füllung, so dass diese Ebene komplett durchsichtig wird. Mit Strg + C und Strg + F kopieren wir die Textebene und fügen sie über, und damit respektive vor, der ursprünglichen Textebene wieder ein. Die kopierte Ebene versehen wir mit einer weißen Fläche und senken deren Deckkraft auf 10 %.
5. Im Aussehen - Fenster fügen wir nun der obersten Ebene eine zweite Fläche hinzu. Diese Fläche versehen wir mit einem linearen Verlauf, wie er im Bild dargestellt ist. Dann rufen wir mit Klick auf das Effekte - Symbol im Aussehen - Fenster den Effekt Pfad -> Pfad verschieben auf und geben dort bei Versatz - 4 px ein. Ein weiterer Effekt den wir verwenden wollen, lässt sich über Verzerrungs - und Transformationsfilter -> Transformieren aufrufen, wo wir für das Verschieben in jede Richtung - 1 px eingeben. Über Weichzeichnungsfilter -> Gaußscher Weichzeichner zeichnen wir unseren Text mit 2 px Radius weich.
6. Wir kopieren nun erneut die Ausgangstextebene und fügen sie ganz oben wieder ein. Diese Ebene versehen wir mit einer weißen, 1 pt starken Kontur mit 30 % Deckkraft.
7. Jetzt schauen wir erst einmal unter Bearbeiten -> Voreinstellungen -> Allgemein, ob die Schrittweite unserer Tastatur in Illustrator mit 1 px angegeben ist. Ist dies der Fall, duplizieren wir unsere ursprüngliche Textebene zwei Mal und schieben die beiden Duplikate im Ebenendialog ganz nach oben. Dann verschieben wir die oberste Ebene, in dem wir 4 Mal auf unserer Tastatur die Pfeiltaste nach rechts und dann 4 Mal die Pfeiltaste nach unten betätigen.
8. Mit beiden markierten Ebenen klicken wir im Pathfinder - Fenster die Schaltfläche “Vorderes Objekt abziehen”. Mit diesem, immer noch aktiven Objekt, gehen wir auf Objekt -> Zusammengesetzter Pfad -> Erstellen. Die resultierende Fläche versehen wir mit der Farbe Weiß und senken deren Deckkraft auf 40 %.
9. Nun duplizieren wir die ursprüngliche Textebene erneut zwei Mal, schieben beide Kopien ganz nach oben und verschieben die oberste Ebene jeweils um 2 px nach rechts und um 2 px nach unten. Wir markieren beide Ebenen, gehen erneut im Pathfinder - Fenster auf “Vorderes Objekt abziehen”. Nun klicken wir wieder auf Objekt -> Zusammengesetzter Pfad -> Erstellen. Das nun entstandene Objekt füllen wir mit einer weißen Fläche mit 50 % Deckkraft.
10. Nun machen wir eine weitere Kopie des Ursprungstextes (Strg + C) und fügen sie im Vordergrund wieder ein (Strg + F und Umschalt + Strg +) ). Dieser Ebene fügen wir eine schwarze, 1 pt starke, nach außen gerichtete, Kontur hinzu. Anschließend gehen wir auf Objekt -> Aussehen umwandeln, fügen dann dieser Ebene einen linearen Verlauf von Weiß zu Transparent hinzu und senken die Deckkraft der Fläche auf 75%.
11. Wir wiederholen Schritt 10, nur mit dem Unterschied, dass wir hier eine Kontur mit nur 0,5 pt Stärke wählen. Dann duplizieren wir die soeben bearbeitete Ebene und fügen diese ganz oben wieder ein. Die Fläche dieser Ebene versehen wir mit einem linearen Verlauf von #211E1E über #000000 nach #211E1E. Die Deckkraft dieser Fläche senken wir auf 15 %. Dann gruppieren wir die drei obersten Ebenen, schieben die Gruppe über die Unterebene “Hintergrund” und nennen die Gruppe in “Kontur” um.
12. Jetzt duplizieren wir mal wieder die Ursprungstext - Ebene und schieben die Kopie wieder ganz nach oben. Auf die Kopie wenden wir einen 1 pt starken, ovalen Kalligrafiepinsel mit der Farbe #4C7F73 an. Dann wenden wir wieder den Effekt Pfad -> Pfad verschieben (-4 px) an und transformieren die Kontur in jede Richtung um jeweils -1 px.
13. Wir duplizieren die Kontur und ändern die Werte beim Verschieben in 3 px um. Dann ändern wir die Modi beider Konturen in “Farbig nachbelichten” um und senken die Deckkraft auf 10 %.
14. Mit dem Ellipsen - Werkzeug (L) klicken wir nun ein Mal auf die Arbeitsfläche und geben jeweils 10 px ein. Die Fläche füllen wir mit Weiß und löschen die Farbe der Kontur heraus. Im Aussehen - Fenster senken wir die Deckkraft dieses Kreises auf 50 % und gehen anschließend auf Verzerrungs - und Transformationsfilter -> Zusammenziehen und Aufblasen und geben dort -75 % ein. Nun fügen wir noch einen Gaußschen Weichzeichner mit 2 px Radius hinzu.
15. Wir fügen dieser Ellipse eine weitere weiße Fläche hinzu, wenden wieder den Effekt “Zusammenziehen und Aufblasen” an und verschieben den Pfad nun um -0,5 px.
16. Danach kopieren wir nun die Ellipse so oft, bis wir für jeden Buchstaben unseres Textes eine Ellipse erhalten. Diese Kopien verteilen wir dann mit dem Auswahl - Werkzeug (V) so, bis in etwa folgendes Bild entsteht.
17. Wir gruppieren nun alle diese Highlights zusammen und dann kopieren wir zum letzten Mal die Ursprungstextebene und fügen sie ganz oben ein. Die Fläche füllen wir nun mit Schwarz und senken die Deckkraft auf 10 %. Diese Ebene verschieben wir jeweils 2 px nach rechts und nach unten. Dann kopieren wir die gerade bearbeitete Ebene erneut und schieben sie unter die oberste Ebene. Nun senken wir die Deckkraft dieser Ebene auf 5 % und verschieben diese Ebene auch wieder jeweils 2 px nach rechts und nach unten.
18. Zum Abschluss wenden wir auf beide soeben bearbeiteten Ebenen noch einen Gaußschen Weichzeichner mit 2 px Radius an, schieben beide Ebenen über die Hintergrundebene und schon sind wir am Ende dieses Tutorials angelangt.
Wie immer steht Ihnen hier natürlich das ganze Tutorial noch einmal als PDF - Datei zum Download bereit: Tutorial: Glasschrift Illustrator (15)
Der Autor: Martin
