Erstellen Sie einen Bunten Glastexteffekt in Illustrator

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

Im folgenden Tutorial erfahren Sie, wie Sie in Illustrator einen farbenfrohen Glasexteffekt erstellen. Lernen Sie jeden Schritt, um diesen glänzenden Vektorext-Effekt zu konstruieren. Wir werden Muster, Transformationseffekte, Füllungen mit mehreren Verläufen und mehr verwenden, um diesen schönen Schriftzug zu erstellen.

Schritt 1

Erstellen Sie ein RGB-Dokument mit einer Größe von 700 x 300 Pixel. Nehmen Sie das Rechteck-Werkzeug und erstellen Sie eine Form in der Größe Ihrer Zeichenfläche. Füllen Sie es mit R=241, G=247, B=226 und entfernen Sie die Farbe aus dem Strich. Wenn diese Form noch ausgewählt ist, wechseln Sie zum Bedienfeld „Darstellung“ (Fenster > Darstellung).

Klicken Sie einfach auf die Schaltfläche Neue Füllung hinzufügen. Es ist das kleine weiße Quadrat von der unteren Leiste. Das fügt natürlich eine zweite Füllung für Ihre Form hinzu. Wählen Sie es aus und verwenden Sie den unten gezeigten radialen Farbverlauf. Wenn Sie sich das Verlaufsbild genauer ansehen, sehen Sie eine gelbe Null über dem linken Schieberegler. Das bedeutet, dass Sie diesen Verlaufsregler auswählen und seine Opazität auf 0% senken müssen.

Schritt 2

Wählen Sie die im vorherigen Schritt erstellte Form erneut aus und fügen Sie eine dritte Füllung hinzu. Für diese neue Füllung benötigen Sie ein eingebautes Muster. Wechseln Sie zum Farbfeldbedienfeld (Fenster > Farbfelder). Öffnen Sie das Flyout-Menü und gehen Sie zu Open Farbfeldbibliothek > Muster > Grundlegende Grafiken > Grundlegende Grafik_Texturen. Ein neues Fenster mit einer Reihe integrierter Muster sollte geöffnet werden.

Kehren Sie zum Bedienfeld „Darstellung“ zurück, stellen Sie sicher, dass die dritte Füllung noch ausgewählt ist, und klicken Sie auf das Muster USGS 19 Land Inundation. Nachdem das Muster angewendet wurde, verringert sich seine Deckkraft auf 15%. Gehen Sie zum Layerbedienfeld und sperren Sie dieses Rechteck.

Schritt 3

Für den folgenden Schritt benötigen Sie einen eingebauten kalligraphischen Pinsel. Wechseln Sie zum Bedienfeld „Pinsel“ (Fenster > Pinsel). Öffnen Sie das Flyout-Menü und gehen Sie zu Öffnen Sie die Pinselbibliothek > Künstlerisch > Artistic_Calligraphic. Ein neues Fenster mit einem Satz eingebauter Bürsten sollte sich öffnen. Wählen Sie das Pinselwerkzeug (B), wählen Sie den 30-Punkt-Rundpinsel aus, setzen Sie die Strichfarbe auf Weiß und zeichnen Sie einen Pfad wie den im ersten Bild gezeigten.

Fahren Sie mit dem Pinselwerkzeug fort und zeichnen Sie vier zusätzliche Pfade, wie im zweiten Bild gezeigt. Wählen Sie alle diese Pfade aus, verringern Sie ihre Opazität auf 7%, ändern Sie den Mischmodus auf Überlagern und gruppieren Sie sie dann (Befehl + G). Gehen Sie zum Layersbedienfeld, doppelklicken Sie auf diese Gruppe, nennen Sie sie "Pinsel" und sperren Sie sie.

Schritt 4

Wählen Sie das Textwerkzeug (T), klicken Sie auf Ihre Zeichenfläche und fügen Sie weißen Text hinzu. Verwenden Sie die Calibri-Schriftart mit einer Größe von 150pt. Wählen Sie diesen Text erneut aus und gehen Sie zu Objekt > Erweitern (oder Typ > Konturen erstellen). Wählen Sie die resultierende Gruppe von Formen aus, klicken Sie im Pathfinder-Bedienfeld (Fenster > Pathfinder) auf die Schaltfläche Vereinigen und gehen Sie dann zu Objekt > Zusammengesetzter Pfad > Erstellen.

Wählen Sie den resultierenden Pfad aus, gehen Sie zum Bedienfeld „Darstellung“ und entfernen Sie die Farbe aus der Füllung und dem Strich. Gehen Sie zum Layerfsbedienfeld, doppelklicken Sie auf diesen zusammengesetzten Pfad und nennen Sie ihn "Main".

Lassen Sie uns einen kurzen Rückblick geben. Bisher sollten Sie zwei Pfade ("Bg" und "Main") und eine Gruppe (Pinsel) in Ihrem Layersbedienfeld haben.

Schritt 5

Wählen Sie "Main" und erstellen Sie eine Kopie vor (Befehl + C > Befehl + F). Wählen Sie diese Kopie aus und fügen Sie eine weiße Füllung hinzu. Gehen Sie zum Bedienfeld „Darstellung“, wählen Sie diese Füllung aus und verringern Sie die Opazität auf 10%.

Schritt 6

Wählen Sie den im vorherigen Schritt erstellten weißen Pfad erneut aus, fügen Sie eine zweite Füllung hinzu und verwenden Sie den unten gezeigten linearen Verlauf. Vergessen Sie nicht die gelbe Null. Wählen Sie diese neue Füllung im Bedienfeld „Darstellung“ aus und gehen Sie zu Effekt > Pfad > Versatzpfad.

Geben Sie nun einen Radius von -4 Pixel ein, klicken Sie auf OK und gehen Sie zu Effekt > Verzerren & Transformieren > Transformieren. Geben Sie die unten gezeigten Daten ein, klicken Sie auf OK und gehen Sie zu Effekt > Unschärfe > Gaußsche Unschärfe. Geben Sie einen Radius von 2 Pixel ein und klicken Sie auf OK. Gehen Sie zum Layersbedienfeld und nennen Sie diesen Pfad "Text".

Schritt 7

Wählen Sie "Main", erstellen Sie eine Kopie vor (Befehl + C > Befehl + F) und bringen Sie sie nach vorne (Umschalt + Befehl +]). Fügen Sie für diesen neuen Pfad einen weißen 3-Punkt-Strich hinzu, richten Sie ihn nach innen aus und verringern Sie die Opazität auf 30%.

Schritt 8

Gehen Sie zu Bearbeiten > Einstellungen > Allgemein und stellen Sie sicher, dass das Tastaturinkrement auf 1 Pixel eingestellt ist. Wählen Sie "Main", erstellen Sie zwei Kopien vor (Befehl + C > Befehl + F > Befehl + F) und bringen Sie sie nach vorne (Umschalt + Befehl +]).

Wählen Sie die oberste Kopie aus und drücken Sie viermal auf den Rechtspfeil und die Abwärtspfeile. Wählen Sie beide Kopien erneut aus und klicken Sie im Pathfinder-Bedienfeld auf die Schaltfläche Minus Front. Wählen Sie die resultierende Gruppe von Formen aus und verwandeln Sie sie in einen zusammengesetzten Pfad (Objekt > Zusammengesetzter Pfad > Erstellen). Füllen Sie den resultierenden Pfad mit Weiß und senken Sie die Opazität auf 40%.

Schritt 9

Wählen Sie "Main", erstellen Sie zwei Kopien vor (Befehl + C > Befehl + F > Befehl + F) und bringen Sie sie nach vorne (Umschalt + Befehl +]). Wählen Sie die oberste Kopie aus und drücken Sie zweimal den Rechtspfeil und die Abwärtspfeile.

Wählen Sie beide Kopien erneut aus und klicken Sie im Pathfinder-Bedienfeld auf die Schaltfläche Minus Front. Wählen Sie die resultierende Gruppe von Formen aus und verwandeln Sie sie in einen zusammengesetzten Pfad (Objekt > Zusammengesetzter Pfad > Erstellen). Füllen Sie den resultierenden Pfad mit Weiß und senken Sie die Opazität auf 50%.

Schritt 10

Wählen Sie "Main", erstellen Sie eine Kopie vor (Befehl + C > Befehl + F) und bringen Sie sie nach vorne (Umschalt + Befehl +]). Fügen Sie für diesen neuen Pfad einen schwarzen Strich von 1 Punkt hinzu. Richten Sie es nach außen aus und gehen Sie dann zu Objekt > Darstellung erweitern (oder Objekt > Pfad > Konturstrich). Füllen Sie den resultierenden Pfad mit dem im dritten Bild gezeigten linearen Farbverlauf und verringern Sie die Opazität auf 75%.

Schritt 11

Wählen Sie "Main", erstellen Sie eine Kopie vor (Befehl + C > Befehl + F) und bringen Sie sie nach vorne (Umschalt + Befehl +]). Fügen Sie für diesen neuen Pfad einen schwarzen Strich von 0,5pt hinzu. Richten Sie es nach außen aus und gehen Sie dann zu Objekt > Darstellung erweitern (oder Objekt > Pfad > Konturstrich). Füllen Sie den resultierenden Pfad mit dem im dritten Bild gezeigten linearen Farbverlauf und verringern Sie die Opazität auf 75%.

Schritt 12

Wählen Sie den im vorherigen Schritt erstellten Pfad aus und erstellen Sie eine Kopie vor (Befehl + C > Befehl + F). Füllen Sie es mit dem im zweiten Bild gezeigten linearen Farbverlauf und verringern Sie die Opazität auf 15%.

Schritt 13

Wählen Sie die drei in den letzten drei Schritten erstellten Pfade aus und gruppieren Sie sie (Befehl + G). Gehen Sie zum Layersbedienfeld und ziehen Sie diese neue Gruppe über die Gruppe "Pinsel".

Schritt 14

Für den folgenden Schritt benötigen Sie den 2pt Ovalen kalligraphischen Pinsel. Sie können es ganz einfach über das Pinselbedienfeld herunterladen. Wählen Sie "Main", erstellen Sie eine Kopie vor (Befehl + C > Befehl + F) und bringen Sie sie nach vorne (Umschalt + Befehl +]).

Wählen Sie es aus und konzentrieren Sie sich auf das Bedienfeld „Darstellung“. Fügen Sie zuerst einen Strich hinzu und setzen Sie seine Farbe auf R=78, G=113, B=120. Die Größe ist nicht wichtig. Stellen Sie sicher, dass Ihr Strich noch ausgewählt ist, und klicken Sie im Pinselbedienfeld auf den 2pt Oval-Pinsel. Gehen Sie als Nächstes zu Effekt > Pfad > Versatzpfad. Geben Sie einen Versatz von -4px ein und klicken Sie auf OK. Gehen Sie dann zu Effekt > Verzerren & Transformieren > Transformieren. Geben Sie die im endgültigen Bild angezeigten Daten ein und klicken Sie auf OK.

Schritt 15

Konzentrieren Sie sich weiterhin auf den im vorherigen Schritt erstellten Pfad. Wählen Sie es aus, wechseln Sie zum Bedienfeld „Darstellung“, wählen Sie den Strich aus und klicken Sie auf die Schaltfläche „Ausgewähltes Element duplizieren“ (das kleine Dateisymbol in der unteren Leiste). Dadurch wird natürlich eine Kopie des ausgewählten Strichs hinzugefügt. Wählen Sie diesen neuen Strich aus, öffnen Sie den vorhandenen Transformationseffekt und geben Sie die unten gezeigten Daten ein. Am Ende sollte es so aussehen wie im folgenden Bild.

Schritt 16

Konzentrieren Sie sich weiterhin auf die im vorherigen Schritt bearbeitete Form. Wählen Sie es aus und wechseln Sie zum Bedienfeld „Darstellung“. Wählen Sie den ersten Strich aus, verringern Sie die Deckkraft auf 10% und ändern Sie den Mischmodus auf Farbbrennen. Gehen Sie zum zweiten Strich und fügen Sie die gleichen Eigenschaften hinzu (Opazität von 10% und Mischmodus für Farbbrand).

Schritt 17

Wähle das Ellipsen-Werkzeug (L) und klicke einmal auf deine Zeichenfläche. Geben Sie 10 in die Felder Breite und Höhe ein und klicken Sie auf OK. Dadurch wird ein 10px-Kreis erstellt. Fülle es mit Weiß.

Gehen Sie zum Bedienfeld „Darstellung“ und wählen Sie diese Füllung aus. Verringern Sie die Opazität auf 50% und gehen Sie zu Effekt > Verzerren & Transformieren > Fältchen & Aufblähen. Ziehen Sie den Schieberegler auf -75%, klicken Sie auf OK und gehen Sie zu Effekt > Unschärfe > Gaußsche Unschärfe. Geben Sie einen Radius von 2 Pixel ein und klicken Sie auf OK.

Schritt 18

Wählen Sie die im vorherigen Schritt erstellte Form erneut aus, fügen Sie eine zweite Füllung hinzu und machen Sie sie weiß. Wählen Sie es im Bedienfeld „Darstellung“ aus, verringern Sie die Opazität auf 25% und gehen Sie zu Effekt > Verzerren & Transformieren > Fältchen & Aufblähen. Ziehen Sie den Schieberegler auf -75%, klicken Sie auf OK und erhalten Sie Effekt > Pfad > Versatzpfad. Geben Sie einen Versatz von -0,5 ein und klicken Sie auf OK.

Schritt 19

Multiplizieren Sie die im vorherigen Schritt erstellte Form. Verteilen Sie diese Kopien wie im folgenden Bild gezeigt.

Schritt 20

Wählen Sie "Main", erstellen Sie eine Kopie vor (Befehl + C > Befehl + F) und bringen Sie sie nach vorne (Umschalt + Befehl +]). Füllen Sie diese Kopie mit Schwarz, verringern Sie die Opazität auf 10% und bewegen Sie sie dann 2 Pixel nach unten und rechts. Wählen Sie diesen neuen Pfad aus und erstellen Sie eine Kopie auf der Rückseite (Befehl + C > Befehl + B). Bewegen Sie diese neue Kopie 2 Pixel nach unten und rechts und verringern Sie dann die Opazität auf 5%.

Schritt 21

Wählen Sie die beiden im vorherigen Schritt erstellten Formen aus und gehen Sie zu Effekt > Unschärfe > Gaußsche Unschärfe. Geben Sie einen Radius von 2 Pixel ein, klicken Sie auf OK und gruppieren Sie sie (Befehl + G). Gehen Sie zum Layersbedienfeld und ziehen Sie diese Gruppe unter die Gruppe "Pinsel". Der glasige Texteffekt ist abgeschlossen.

Setzen Sie das Tutorial fort und Sie werden lernen, wie Sie drei verschiedene bunte Effekte für Ihren Text hinzufügen.

Schritt 22

Schritt 23

Schritt 24

Schritt 25

Wählen Sie die in den letzten drei Schritten erstellten Pfade aus und gruppieren Sie sie (Befehl + G). Gehen Sie zum Layersbedienfeld und machen Sie es unsichtbar.

Schritt 26

Aktivieren Sie das Raster (Ansicht > Raster anzeigen) und das Raster am Raster (Ansicht > Am Raster ausrichten). Für die folgenden Schritte benötigen Sie alle 10 Pixel ein Raster. Gehen Sie zu Bearbeiten > Einstellungen > Hilfslinien und Raster, geben Sie 10 in das Feld Rasterlinie und 1 in das Feld Unterteilungen ein.

Schritt 27

Wählen Sie das Rechteck-Werkzeug (M). Erstellen Sie zwei 10 x 120 Pixel große Formen und platzieren Sie sie wie im ersten Bild gezeigt. Das Einrasten am Raster erleichtert Ihnen die Arbeit. Füllen Sie das linke Rechteck mit R=249, G=237, B=50 und das rechte mit Weiß. Wählen Sie beide Formen erneut aus, verringern Sie ihre Opazität auf 13%, gruppieren Sie sie (Befehl + G) und gehen Sie zu Effekt > Verzerren & Transformieren > Transformieren. Geben Sie die unten gezeigten Daten ein und klicken Sie auf OK.

Schritt 28

Wähle das Rechteck-Werkzeug (M). Erstellen Sie zwei 10 x 280 Pixel große Formen und platzieren Sie sie wie im ersten Bild gezeigt. Auch hier erleichtert das Einrasten am Raster Ihre Arbeit. Füllen Sie das linke Rechteck mit R=39, G=170, B=225 und das rechte mit Weiß. Wählen Sie beide Formen erneut aus und verringern Sie ihre Opazität auf 10%.

Gruppieren Sie sie (Befehl + G) und gehen Sie zu Bearbeiten > Transformieren > Drehen. Geben Sie einen Winkel von 45 Grad ein und klicken Sie auf OK. Jetzt sollte Ihre Gruppe wie das zweite gezeigte Bild aussehen. Wählen Sie es erneut aus und gehen Sie zu Effekt > Verzerren & Transformieren > Transformieren. Geben Sie die im endgültigen Bild angezeigten Daten ein und klicken Sie auf OK.

Schritt 29

Wählen Sie die im vorherigen Schritt erstellte Gruppe aus und gehen Sie zu Bearbeiten > Transformieren > Drehen. Geben Sie einen Winkel von 90 Grad ein und klicken Sie auf die Schaltfläche Kopieren. Dadurch wird eine horizontal gespiegelte Kopie Ihrer Gruppe erstellt.

Wählen Sie das blaue Rechteck aus dieser neuen Gruppe aus und ersetzen Sie die vorhandene Füllfarbe durch R=237, G=28, B=36. Am Ende sollte Ihre Gruppe wie das zweite gezeigte Bild aussehen. Wählen Sie es zusammen mit den beiden anderen Gruppen, die in den letzten beiden Schritten erstellt wurden, erneut aus und gruppieren Sie sie (Befehl + G).

Schritt 30

Wählen Sie "Main", erstellen Sie eine Kopie vor (Befehl + C > Befehl + F) und bringen Sie sie nach vorne (Umschalt + Befehl +]). Wählen Sie diese Kopie zusammen mit der im vorherigen Schritt erstellten Gruppe aus und gehen Sie zu Objekt > Schnittmaske > Erstellen.

Es sollte wie das dritte Bild aussehen. Gehen Sie zum Layersbedienfeld und ziehen Sie diese maskierte Gruppe über den Pfad "Text". Am Ende sollte es wie das vierte gezeigte Bild aussehen. Gehen Sie zum Layersbedienfeld und machen Sie es unsichtbar.

Schritt 31

Für den folgenden Schritt benötigen Sie alle 5 Pixel ein Raster. Gehen Sie zu Bearbeiten > Einstellungen > Hilfslinien und Raster und geben Sie in jedes Feld 5 in die Rasterlinie ein. Wähle das Ellipsen-Werkzeug (L) und erstelle drei 10-Pixel-Kreise. Füllen Sie sie mit R=237, G=28, B=36, platzieren Sie sie wie im ersten Bild gezeigt und gruppieren Sie sie dann (Befehl + G).

Erstellen Sie drei neue Kreise (10px). Füllen Sie sie mit R=249, G=237, B=50, platzieren Sie sie wie im zweiten Bild gezeigt und gruppieren Sie sie dann (Befehl + G). Erstellen Sie drei neue Kreise (10px). Füllen Sie sie mit R=39, G=170, B=225, platzieren Sie sie wie im dritten Bild gezeigt und gruppieren Sie sie dann (Befehl + G).

Schritt 32

Wählen Sie die drei im vorherigen Schritt erstellten Gruppen aus und gehen Sie zu Effekt > Verzerren & Transformieren > Transformieren. Geben Sie die unten gezeigten Daten ein und klicken Sie auf OK.

Schritt 33

Wählen Sie die drei im vorherigen Schritt bearbeiteten Gruppen erneut aus und gehen Sie erneut zu Effekt > Verzerren & Transformieren > Transformieren. Geben Sie die unten gezeigten Daten ein und klicken Sie auf OK.

Wählen Sie die Gruppen mit den roten und blauen Kreisen aus und senken Sie die Opazität auf 10%. Wählen Sie die Gruppe mit den gelben Kreisen aus und senken Sie die Opazität auf 15%. Wählen Sie diese drei Gruppen erneut aus und gruppieren Sie sie (Befehl + G).