Schneller Tipp So erstellen Sie einen verworrenen Texteffekt

Folgen Sie diesem kurzen Tipp und erfahren Sie, wie Sie mit Art-Pinseln und Deckkraftmasken in Illustrator einen einfachen, verwickelten Texteffekt erstellen. Wir werden zwei Pfade verwenden, aber die gleichen Techniken können für drei oder sogar mehr angewendet werden. Lass uns anfangen!


Schritt 1: Verfolgen Sie die Buchstaben

Öffnen Sie zunächst ein neues Webdokument. Nehmen Sie das Type Tool (T) und geben Sie "Vecto" mit der Adobe-Schriftart "Giddyup Std" (Größe 190 Pixel) ein.

Sie müssen den Text nicht erweitern, da wir ihn nicht verwenden, sondern nur sperren. Nehmen Sie nun das Stiftwerkzeug (P) und beginnen Sie, die Buchstaben wie in der Abbildung unten gezeigt zu verfolgen. Sie müssen nicht sehr präzise sein.


Schritt 2: Verzerren Sie die Buchstaben

Als nächstes ist es Zeit, die Buchstaben etwas zu verzerren. Schauen Sie sich als Beispiel den Buchstaben "V" an. Verwenden Sie das Direktauswahl-Werkzeug (A), um nur einen der Ankerpunkte auszuwählen und ziehen Sie die Ziehpunkte wie gezeigt. Fahren Sie mit den anderen Punkten fort und Sie erhalten den welligen Look.

Machen Sie dasselbe für die restlichen Buchstaben und an diesem Punkt sollten die Buchstaben wie in der Abbildung unten aussehen.


Schritt 3: Zeichnen Sie die gewellten Pfade

Nun fahren wir mit der zweiten Reihe von Pfaden fort, die wir für diesen Wirrwarr benötigen. Nehmen Sie als Beispiel den Buchstaben "C". Nimm das Stiftwerkzeug (P) und beginne an einem Ende, um den violetten Wellenpfad wie gezeigt zu zeichnen. Es ist wichtig, den zuvor erstellten Kurven des rosafarbenen Pfads zu folgen und die Reihenfolge zu befolgen: links-rechts-links-rechts und so weiter. Nie zweimal auf einer Seite!!

Sobald der Buchstabe "C" fertig ist, fahren Sie mit den anderen auf die gleiche Weise fort.


Schritt 4: Erstellen Sie einen neuen Pinsel

Vergessen wir die Buchstaben für eine Weile. Nimm das Rechteckwerkzeug (M), zeichne ein 190 x 13 px großes Rechteck und wähle hellgrau als Füllfarbe. Wenn Sie dieses Rechteck ausgewählt haben, gehen Sie zu Objekt> Pfad> Versatzpfad und wenden Sie einen -1 px-Versatzwert an. Füllen Sie das resultierende Rechteck mit einem dunklen Grau und wenden Sie dann erneut einen Wert von -4 px Offset an. Für das kleinere Rechteck in der Mitte wählen Sie als Füllfarbe mittleres Grau.

Gehen Sie als Nächstes hierher und laden Sie das Round Any Corner-Skript herunter. Danach sollten Sie das Skript im Menü Datei unter Skripte finden. Wählen Sie alle drei Formen aus, gehen Sie zum Menü Datei, führen Sie das Skript aus und wählen Sie einen 5-Radius aus.

Hinweis: Anstelle des Skripts können Sie den Effekt "Runde Ecken" verwenden. Stellen Sie sicher, dass Sie danach Aussehen erweitern auswählen, oder verwenden Sie das abgerundete Rechteckwerkzeug, wenn Sie möchten.

Wählen Sie die kleinste Form aus, gehen Sie zu Objekt> Pfad und wählen Sie zweimal Ankerpunkte hinzufügen. Verwenden Sie das Direktauswahl-Werkzeug (A), um die vier resultierenden Punkte auszuwählen, und verschieben Sie sie mithilfe der Aufwärts- und Abwärtspfeiltasten Ihrer Tastatur (siehe Abbildung).

Wählen Sie nun die drei Formen aus und gehen Sie zu Objekt> Überblenden> Überblendoptionen. Wählen Sie hier Farbe glätten und klicken Sie auf OK. Gehen Sie zurück zu Objektmenü> Überblenden und wählen Sie Make. Ziehen Sie die resultierende Mischgruppe in das Pinselfenster und wählen Sie "Neuer Pinsel". Ändern Sie im Fenster Art Brush-Optionen die Einfärbemethode in Tönungen und Schattierungen.


Schritt 5: Strich die Buchstaben

Kommen wir zu den Buchstaben zurück. Wählen Sie die Pfade aus und streichen Sie sie alle mit dem neuen Art-Pinsel. Da wir die Färbemethode geändert haben, können wir jetzt eine beliebige Strichfarbe auswählen. Die, die ich verwendet habe, sind unten aufgeführt.


Schritt 6: Anpassungen

Bevor wir weitergehen, schauen Sie sich Ihre Buchstaben genauer an und stellen Sie sicher, dass sich die Pinselstriche nicht überlappen. Überprüfen Sie alle Pfade und verschieben Sie die Ankerpunkte, um die Kurven ggf. anzupassen (siehe unten).


Schritt 7: Erstellen Sie den verworrenen Look, Buchstabe "o"

Konzentrieren Sie sich nun auf den Buchstaben "o" und wählen Sie beide Pfade aus. Gehen Sie zum Objektmenü und wählen Sie "Darstellung erweitern". Als Ergebnis dieser Aktion erhalten Sie anstelle des roten Pinselstrichs eine Gruppe mit vielen Formen (aus der glatten Überblendung). Öffne diese Gruppe im Ebenenfenster und gehe bis zum Ende. Wählen Sie die letzte Form aus der Gruppe aus (die größere Form), kopieren Sie sie und fügen Sie sie vor der Zeichnung ein, und ziehen Sie sie aus der Gruppe. Machen Sie dasselbe für die violette Gruppe und an dieser Stelle sollten Sie die beiden Formen vorne haben.

Wählen Sie diese beiden Formen aus und klicken Sie im Pathfinder-Bedienfeld auf "Teilen" und dann im Menü "Objekt" auf "Gruppierung aufheben". Konzentrieren Sie sich nun auf die angegebene Route und vor allem auf die Formen, in denen sich die beiden Pfade schneiden. Sie müssen entscheiden, welche sichtbar sind und welche nicht. Verwenden Sie das Direktauswahl-Werkzeug (A), um die erste "Kreuzungsform" auszuwählen und füllen Sie sie mit Weiß, dann die nächste mit Schwarz, Weiß, Schwarz und so weiter. Wenn Sie fertig sind, wählen Sie nur diese weißen und schwarzen Formen aus und gruppieren Sie sie. Löschen Sie alle anderen (hellviolett), da Sie sie nicht benötigen.

Wählen Sie als nächstes die Gruppe mit den schwarzen und weißen Formen sowie die rote Gruppe von unten aus. Gehen Sie zum Transparenzfenster und wählen Sie aus dem Ausklappmenü "Deckkraftmaske erstellen". Hier hast du es! Wenn die Füllfarbe schwarz ist, sieht es so aus, als ob der rote Pfad unter dem violetten Pfad liegt und wo die Füllfarbe weiß ist, befindet sich der rote Pfad oben.


Schritt 8: Erstellen Sie den verworrenen Look, Buchstabe "V"

Nehmen wir ein anderes Beispiel, weil es für den Buchstaben "V" etwas komplizierter ist. Nehmen Sie zuerst das Schere-Werkzeug (C) und klicken Sie auf den angegebenen Ankerpunkt, um den roten Pfad abzuschneiden, da dieser Bereich zu voll ist. Wählen Sie alles aus und wählen Sie im Menü Objekt die Option Darstellung erweitern. Von hier ist der Prozess derselbe. Kopieren und fügen Sie die größeren Formen (die letzten) aus den resultierenden Gruppen ein, wie Sie es in Schritt 7 getan haben. Wählen Sie dann beide aus und klicken Sie im Pathfinder-Bedienfeld und im Gruppenmenü auf Aufteilen. Konzentrieren Sie sich auf die angegebene Route und füllen Sie die Formen mit Weiß (die Sie sichtbar machen möchten) und Schwarz (die nicht sichtbar sein soll). Wenn Sie fertig sind, gruppieren Sie sie und löschen Sie die restlichen Formen (hellviolett)..

Wählen Sie die Gruppe aus, die die weißen und schwarzen Formen sowie die rote Gruppe von unten enthält, und wählen Sie im Transparenzfenster die Option Deckkraftmaske erstellen aus.

Nun kümmern wir uns um die kleinere rote Gruppe. Zuerst kopieren und fügen Sie die beiden größeren Formen wie zuvor ein. Nachdem Sie beide ausgewählt haben, klicken Sie auf "Teilen" und heben Sie die Gruppierung auf. Füllen Sie die resultierenden Formen wie unten gezeigt mit Weiß und Schwarz, gruppieren Sie sie und löschen Sie die nicht benötigten. Wählen Sie die Gruppe aus, die die weißen und schwarzen Formen sowie die rote Gruppe enthält, und wählen Sie Deckkraftmaske erstellen aus. Der Buchstabe "V" ist fertig.


Schritt 9: Die restlichen Buchstaben

Folgen Sie den gleichen Techniken und fahren Sie mit den restlichen Buchstaben fort. Im nächsten Bild sehen Sie die wichtigen Schritte für die Buchstaben "e" und "c":

Und im Bild unten für die Buchstaben "t" und "r":

Zu diesem Zeitpunkt sollten die Buchstaben so aussehen:


Schritt 10: Erstellen Sie einen neuen Pinsel

Nehmen Sie das Ellipse-Werkzeug (L) und zeichnen Sie ein 110 x 5 px großes Oval. Wählen Sie dann mit dem Direktauswahl-Werkzeug (A) nur den rechten Ankerpunkt aus und drücken Sie die Option Ausgewählte Ankerpunkte in Ecke umwandeln. Wählen Sie als Nächstes den linken Punkt aus und ziehen Sie die Ziehpunkte mit der Ziehstelle wie gezeigt. Gehen Sie zum Menü Objekt> Pfad> Versatzpfad und wenden Sie einen -2 px-Versatzwert an, und verschieben Sie die resultierende Form in die Mitte.

Füllen Sie beide Formen mit 5% Schwarz und reduzieren Sie die Deckkraft für die größere Form auf 1%. Wählen Sie beide aus, gehen Sie zu Objekt> Überblenden> Überblendoptionen und wählen Sie 25 Spezifizierte Schritte. Gehen Sie nun zurück zu Objektmenü> Überblenden und wählen Sie Erstellen. Ziehen Sie das Ergebnis in das Pinselfenster, um den neuen Pinsel zu speichern. Ändern Sie im Fenster Art Brush-Optionen die Einfärbemethode in Tönungen.


Schritt 11: Highlights

Nehmen Sie dann das Stiftwerkzeug (P) und zeichnen Sie die kurzen Pfade wie in der Abbildung unten über den Buchstaben. Streichen Sie alle diese Pfade mit dem im vorherigen Schritt definierten Malpinsel und ändern Sie den Mischmodus in Überlagerung. Setzen Sie die Deckkraftwerte für diese kurzen Pfade je nach Glanzgrad der Buchstaben auf 50, 60, 70 oder sogar 100%..


Schritt 12: Schatten

Zu diesem Zeitpunkt ist der Texteffekt fertig. Optional können Sie einige Schatten hinzufügen. Gruppieren Sie zunächst die beiden Pfade, aus denen sich ein Buchstabe zusammensetzt (ohne Hervorhebungen). Gehen Sie dann zu Effektmenü> Stilisieren, und wenden Sie den Effekt „Schlagschatten“ an. Machen Sie dasselbe für die anderen Buchstaben.


Endgültiges Bild

Der verworrene Texteffekt ist fertig und hier ist das endgültige Bild. Wenn Sie sich abenteuerlicher fühlen, können Sie diesen Texteffekt mit drei oder sogar mehr Pfaden erstellen, da der Prozess gleich bleibt. Sie brauchen nur mehr Zeit und Aufmerksamkeit.