So erstellen Sie einen hölzernen Texteffekt mit Adobe Illustrator

Im folgenden Tutorial erfahren Sie, wie Sie "Holztext" erstellen. Mit dem 3D-Extrusions- und Abschrägungs-Werkzeug in Kombination mit einigen intelligenten Verläufen und Ebeneneffekten können Sie diesen großartigen Effekt erzielen, der sich perfekt für Text und Symbole eignet.


Schritt 1

Erstellen Sie ein 700 mal 300 Pixel großes Dokument. Wähle das Typwerkzeug (T) und füge deinen Text hinzu. Ich habe die neue Facebook-Schriftart verwendet, aber Sie können jede beliebige Schriftart verwenden. Füllen Sie Ihren Text mit der unten gezeigten Farbe (R = 128 G = 128 B = 128). Erweitern Sie den Text. Wählen Sie die resultierende Gruppe von Formen aus, fügen Sie den Effekt 3D> Extrudieren und Abschrägen hinzu, und wechseln Sie zu Objekt> Darstellung erweitern.


Schritt 2

Jetzt sollten Sie eine Auswahl an Formen und Gruppen haben. Sie müssen diese organisieren, bevor Sie mit dem nächsten Schritt fortfahren. Als Erstes konzentrieren wir uns auf das "V". Wählen Sie die oberen Formen aus (die mit einem helleren Grauton gefüllt sind), drücken Sie Strg + Umschalt + G, um die einzelnen Formen getrennt zu entfernen, und drücken Sie dann Strg + G, um sie zu gruppieren.

Wählen Sie die in Bild 2 gezeigten Formen aus und klicken Sie im Pathfinder-Bedienfeld auf die Schaltfläche Unite. Gruppieren Sie die restlichen Formen (gefüllt mit einem dunkleren Grauton) und gruppieren Sie sie dann (Bild 3)..


Schritt 3

Fahren wir mit dem "e" fort. Verwenden Sie die Schaltfläche "Vereinigen" im Pathfinder-Bedienfeld, um die in den Bildern 1, 2 und 3 ausgewählten Formengruppen zu verbinden. Am Ende müssen Sie zwei Gruppen haben. Eine mit den dunklen Formen (Bild # 5) und eine mit den helleren Formen (Bild # 4).


Schritt 4

Als nächstes ist das "C". Vereinigen Sie wieder die in den Bildern 1 und 2 ausgewählten Formen, und bilden Sie dann die beiden Gruppen.


Schritt 5

Nun das "T". Vereinigen Sie die in den Bildern 1 und 2 ausgewählten Formen und erstellen Sie dann die Gruppen.


Schritt 6

Vereinige die in den Bildern Nr. 1 und Nr. 2 gezeigten Formen und bilde dann die beiden Gruppen.


Schritt 7

Verwenden Sie erneut die Schaltfläche Unite für die in den Bildern Nr. 1 und Nr. 2 ausgewählten Formen, und bilden Sie dann die beiden Gruppen.


Schritt 8

Einmal letztes Mal vereinigen Sie die in den Bildern 1, 2 und 3 gezeigten Formen und bilden Sie dann die Gruppen.


Schritt 9

Duplizieren Sie alle oberen Formen (die mit einem helleren Grauton). Wählen Sie die Kopien aus und gehen Sie zu Object> Compound Path> Make. Benennen Sie dann die resultierende Form "vvv". Sie benötigen diese Form in mehreren zukünftigen Schritten. Stellen Sie also sicher, dass Sie immer eine Kopie haben.

Wählen Sie eine "vvv" -Kopie aus, füllen Sie sie mit R = 198 G = 156 B = 109 und fügen Sie dann den Texturizer-Effekt hinzu (Effekt> Textur> Texturizer)..


Schritt 10

Als nächstes müssen Sie die pixelierten Kanten loswerden. Öffnen Sie die Transparenzpalette. Wählen Sie eine "vvv" -Kopie aus, füllen Sie sie mit Weiß und verschieben Sie sie über die texturierte Form. Wählen Sie nun beide Formen aus, öffnen Sie das Flyout-Menü des Transparenzbedienfelds und klicken Sie auf „Deckkraftmaske erstellen“.


Schritt 11

Wählen Sie eine neue "vvv" -Kopie aus und bringen Sie sie nach vorne (Umschalt + Strg + Rechte eckige Klammer). Füllen Sie es mit Weiß, fügen Sie den inneren Schein hinzu, und wechseln Sie zu Objekt> Aussehen erweitern. Behalten Sie nur den erweiterten inneren Schein bei (löschen Sie die andere Form). Ändern Sie den Mischmodus auf "Multiplizieren" und verringern Sie die Deckkraft auf 30%..


Schritt 12

Erstellen Sie eine neue "vvv" -Kopie und bringen Sie sie nach vorne (Umschalt + Strg + Rechte eckige Klammer). Füllen Sie es mit dem linken linearen Farbverlauf, fügen Sie dann eine neue Füllung hinzu (aus dem Flyout-Menü des Erscheinungsbildfensters) und verwenden Sie den rechten linearen Farbverlauf.

Wählen Sie die erste Füllung (aus dem Bereich "Darstellung") aus, ändern Sie den Mischmodus in "Überlagern" und verringern Sie die Deckkraft auf 10%. Wählen Sie den zweiten Farbverlauf aus, ändern Sie den Mischmodus in "Multiplizieren" und verringern Sie die Deckkraft auf 50%. Wählen Sie die in den Schritten 9, 10, 11 und 12 erstellten Formen aus und gruppieren Sie sie. Nennen Sie es "Holz" und machen Sie es (für den Moment) unsichtbar..


Schritt 13

Als Nächstes müssen Sie eine Reihe dünner Formen entlang der Kante der oberen Formen erstellen. Gehen Sie zuerst zu Bearbeiten> Voreinstellungen> Allgemein und geben Sie ein 0.5px-Tastaturinkrement ein.

Nun konzentrieren wir uns auf die "V" -Form. Wählen Sie die in Bild 1 gezeigte Form aus und erstellen Sie zwei Kopien. Wählen Sie den oberen aus und drücken Sie zweimal auf den Abwärtspfeil und den Rechtspfeil (um ihn 1px nach rechts und 1px nach unten zu verschieben). Wählen Sie die beiden Kopien erneut aus und klicken Sie im Pathfinder-Bedienfeld auf die Schaltfläche Minus Front. Füllen Sie die resultierenden Formen mit Weiß und verringern Sie die Deckkraft auf 40%. Wiederholen Sie die gleichen Techniken für die anderen beiden Formen (Bild 3 und Bild 5)..


Schritt 14

Duplizieren Sie die in Bild 1 hervorgehobene Form. Wählen Sie die obere aus und drücken Sie einmal den linken und den nach-oben-Pfeil (um 0,5px nach oben und 0,5px nach links zu verschieben). Wählen Sie beide Kopien erneut aus und klicken Sie im Pathfinder-Bedienfeld auf die Schaltfläche Minus Front. Füllen Sie die resultierenden Formen mit Schwarz und verringern Sie die Deckkraft auf 50%. Wiederholen Sie die gleichen Techniken für die anderen beiden Formen (Bild 3 und Bild 5)..


Schritt 15

Wiederholen Sie die gleichen Techniken für die restlichen oberen Formen. Wählen Sie alle diese dünnen Formen aus und gruppieren Sie sie. Bringen Sie diese neue Gruppe nach vorne (Umschalt + Strg + Rechte eckige Klammer). Drehen Sie "Holz" wieder auf sichtbar und sperren Sie dann beide Gruppen.


Schritt 16

Nun konzentrieren wir uns auf die dunkleren Formen. Füllen Sie zuerst alle mit R = 66 G = 33 B = 11. Erstellen Sie anschließend die vier Farbverläufe und speichern Sie sie im Farbfeldbedienfeld. Nennen Sie sie einfach "1", "2", "3" und "4". Sie werden sie im nächsten Schritt brauchen.


Schritt 17

Nun müssen Sie für die meisten dieser Formen neue Füllungen hinzufügen. Schauen Sie sich die Bilder an, um genau zu wissen, wie viele und welche Farbverläufe Sie für jede Füllung verwenden müssen.


Schritt 18

Als nächstes ist der Schatten. Wählen Sie eine Kopie von "vvv" aus und gehen Sie zu Objekt> Pfad> Versatzpfad. Geben Sie einen 1px-Offset ein und drücken Sie OK. Wählen Sie die resultierende Form aus, senden Sie sie nach hinten (Umschalt + Strg + linke eckige Klammer), und verschieben Sie sie um einige Pixel nach unten und nach rechts. Füllen Sie es mit Schwarz, fügen Sie eine 0,5 Gaußsche Unschärfe hinzu und verringern Sie die Deckkraft auf 30%..


Schritt 19

Duplizieren Sie die im vorherigen Schritt erstellte Form. Wählen Sie diese Kopie aus, verschieben Sie sie unter das Original und vergrößern Sie es (vergrößern Sie die Größe). Lass es schwarz, aber erhöhe die Gaußsche Unschärfe auf 5px und die Deckkraft auf 50%..


Schritt 20

Wählen Sie eine andere "vvv" -Kopie aus und gehen Sie zu Objekt> Pfad> Versatzpfad. Geben Sie einen 6px-Offset ein und klicken Sie auf OK. Wählen Sie die resultierende Form aus, senden Sie sie nach hinten und verschieben Sie sie um einige Pixel nach unten und nach rechts. Füllen Sie es mit Schwarz, fügen Sie eine 3px Gaußsche Unschärfe hinzu und verringern Sie die Deckkraft auf 5%..


Schritt 21

Wähle das Stiftwerkzeug (P) und erstelle eine Form wie die in Bild 1 dargestellte rote. Wählen Sie es zusammen mit der "vvv" -Form aus (es ist das letzte Mal, dass Sie diese Form benötigen), und klicken Sie im Pathfinder-Bedienfeld auf die Schaltfläche "Überschneiden". Wählen Sie die resultierenden Formen aus und gehen Sie zu Objekt> Zusammengesetzter Pfad> Erstellen. Bringen Sie die resultierende Form nach vorne. Füllen Sie es mit dem linearen Farbverlauf und verringern Sie die Deckkraft auf 10%..


Schritt 22

Zum Schluss noch der Hintergrund. Erstellen Sie ein 600 x 300px-Rechteck, senden Sie es nach hinten (Umschalt + Strg + linke eckige Klammer) und füllen Sie es mit R = 198 G = 156 B = 109. Fügen Sie eine neue Füllung hinzu (aus dem Flyout-Menü des Darstellungsfensters), verwenden Sie die andere Farbe und ändern Sie den Füllmodus in "Bildschirm".

Wählen Sie diese zweite Füllung (aus dem Bereich "Darstellung") und fügen Sie dann die Effekte Halbtonmuster (Effekt> Skizze> Halbtonmuster), Retikulation (Effekt> Skizze> Retikulation) und Diffusglühen (Effekt> Verzerrung> Diffusglühen) hinzu ).

Fügen Sie eine dritte Füllung hinzu und verwenden Sie den linearen Verlauf. Wählen Sie diese Endfüllung aus, ändern Sie den Mischmodus in "Multiplizieren" und verringern Sie die Deckkraft auf 10%..


Schritt 23

Für einen abschließenden Effekt wähle das Rechteckwerkzeug (M). Erstellen Sie eine 700 x 20 Pixel große Form und platzieren Sie sie oben auf Ihrem Artboard. Fügen Sie den Transformationseffekt hinzu (Effekt> Verzerren und Transformieren> Transformieren), und wechseln Sie zu Objekt> Aussehen erweitern. Wählen Sie alle sieben Rechtecke aus und gehen Sie zu Objekt> Zusammengesetzter Pfad> Erstellen. Füllen Sie die resultierende Form mit dem linearen Farbverlauf (achten Sie auf den Schieberegler "Position"), ändern Sie den Mischmodus in "Farbbrand" und verringern Sie die Deckkraft auf 50%..


Fazit

Dort haben Sie es, einen hölzernen Texteffekt. Sie können die Schritte in diesem Lernprogramm verwenden, um eigene benutzerdefinierte Überschriften für Webdesigns zu erstellen oder sogar einige Symbolsätze für Holzstile zu erstellen. Nutzen Sie Ihre Vorstellungskraft und die erlernten Fähigkeiten und Sie werden überrascht sein, was Sie sich vorstellen können.