Advertisement
  1. Design & Illustration
  2. Text Effects
Design

So erstellen Sie in Adobe Illustrator einen von der deutschen Flagge inspirierten Texteffekt

by
Difficulty:BeginnerLength:ShortLanguages:
This post is part of a series called Text Effects .
How to Create a Sketch Text Effect Action in Adobe Photoshop
How to Create a Copper Foil Texture Text Effect in Adobe Photoshop
This post is part of a series called German Week.
How to Create a Zeppelin Illustration in Adobe Illustrator
International Artist Feature: Germany

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

Final product image
What You'll Be Creating

Wir ehren Deutschland, seine Sprache und Kultur in dieser Woche anlässlich der Einführung der deutschen Version von Envato Elements!

In den folgenden Schritten lernen Sie, wie Sie einen vollständig editierbaren Texteffekt erzeugen, der von den Farben der deutschen Flagge in Adobe Illustrator inspiriert ist.

Zunächst lernen Sie, wie man einen einfachen Text erstellt. Mit Hilfe des Bedienfelds Aussehen, vier einfachen Füllungen und mehreren Effekten lernen Sie, wie Sie den endgültigen Texteffekt erstellen. Schlussendlich werden Sie lernen, wie Sie Ihrem endgültigen Design eine subtile Textur und einige allgemeine Schattierungen hinzufügen können.

Wir verwenden ein deutsches Sprichwort für den Text: Anfangen ist leicht, Beharren eine Kunst. Eine wörtliche englische Übersetzung wäre Starting is easy, persistence is an art. Es zeigt, dass es viel einfacher ist, etwas zu beginnen, als es bis zum Ende durchzuziehen. Ihre Motivation aufrechtzuerhalten ist eine Kunstform für sich.

Für mehr Inspiration, wie Sie Ihren endgültigen Texteffekt anpassen oder verbessern können, finden Sie viele Ressourcen bei GraphicRiver.

Was Sie benötigen

Sie benötigen die folgende Ressource, um dieses Projekt abzuschließen:

1. Erstellen eines neuen Dokuments und Erstellen des Textes

Schritt 1

Drücken Sie Control-N, um ein neues Dokument zu erstellen. Wählen Sie Pixel aus den Einheiten-Dropdown-Menü, geben Sie 850 in das Feld Breite und 990 in das Feld Höhe ein, und klicken Sie dann auf die Schaltfläche Weitere Einstellungen. Wählen Sie RGB für den Farbmodus, setzen Sie die Rastereffekte auf Bildschirm (72 ppi), und klicken Sie dann auf Dokument erstellen.

Sie sollten auch das Infofenster (Fenster > Info) öffnen, um eine Live-Vorschau mit der Größe und Position Ihrer Formen zu erhalten. Stellen Sie außerdem die Maßeinheit unter Bearbeiten > Einstellungen > Einheiten auf Pixel ein. Alle diese Optionen erhöhen Ihre Arbeitsgeschwindigkeit erheblich.

new document

Schritt 2

Wählen Sie das Typ-Werkzeug (T) und öffnen Sie den Zeichenbereich (Fenster > Typ > Zeichen). Wählen Sie die Schriftart Robinson und stellen Sie dann die Größe auf 160 px und das Tracking auf 15 ein. Gehen Sie auf Ihre Zeichenfläche, klicken Sie darauf und geben Sie Ihren Text ein.

type tool

2. So erstellen Sie den Texteffekt

Schritt 1

Vergewissern Sie sich, dass Ihr Text ausgewählt ist, konzentrieren Sie sich auf den Bereich Farbfelder (Fenster > Farbfelder) und klicken Sie auf die Schaltfläche [Keine], um die vorhandene Textfarbe zu entfernen. Dies sollte Ihren Text unsichtbar machen, aber keine Sorge - wir werden ihn im nächsten Schritt reparieren.

fill none

Schritt 2

Stellen Sie sicher, dass Ihr unsichtbarer Text noch ausgewählt ist, öffnen Sie das Fenster Darstellung (Fenster > Darstellung) und fügen Sie eine neue Füllung über die Schaltfläche Neue Füllung hinzu. Wählen Sie diese neue Füllung und setzen Sie die Farbe auf R=255 G=206 B=0.

add new fill

Schritt 3

Stellen Sie sicher, dass Ihr Text ausgewählt bleibt, konzentrieren Sie sich weiterhin auf das Darstellung und fügen Sie eine zweite Füllung hinzu.

Wählen Sie diese neue Füllung, verschieben Sie sie unter die gelbe, setzen Sie die Farbe auf R=221 G=0 B=0 und gehen Sie zu Effekt > Verzerren & Transformieren > Transformieren. Ziehen Sie beide Schieberegler auf 1 px und geben Sie 8 in das Feld Kopien ein, und klicken Sie dann auf OK.

transform effect

Schritt 4

Stellen Sie sicher, dass Ihr Text ausgewählt bleibt, konzentrieren Sie sich weiterhin auf das Darstellungspanel und fügen Sie eine dritte Füllung hinzu.

Wählen Sie diese neue Füllung aus, verschieben Sie sie unter die rote, setzen Sie die Farbe auf schwarz (R=0 G=0 B=0) und gehen Sie zu Effekt > Pfad > Offset-Pfad. Geben Sie einen 5 px Offset ein, klicken Sie auf OK und gehen Sie zu Effekt > Verzerren & Transformieren > Transformieren. Ziehen Sie beide Schieberegler auf 1 px und geben Sie 16 in das Feld Kopien ein, und klicken Sie dann auf OK.

offset path

Schritt 5

Stellen Sie sicher, dass Ihr Text ausgewählt bleibt, konzentrieren Sie sich weiterhin auf das Darstellungspanel und fügen Sie eine vierte Füllung hinzu.

Wählen Sie diese neue Füllung aus und verschieben Sie sie unter die schwarze. Setzen Sie die Farbe auf Schwarz, senken Sie die Deckkraft auf 50% und gehen Sie zu Effekt > Pfad > Offset-Pfad. Geben Sie einen 5 px Offset ein, klicken Sie auf OK und gehen Sie zu Effekt > Verzerren & Transformieren > Transformieren. Ziehen Sie beide Schieberegler auf 1 px und geben Sie 24 in das Feld Kopien ein, und klicken Sie dann auf OK.

opacity

Schritt 6

Stellen Sie sicher, dass Ihr Text ausgewählt bleibt und konzentrieren Sie sich weiterhin auf das Darstellungspanel. Klicken Sie auf den Abschnitt "Typ", um sicherzustellen, dass der gesamte Text ausgewählt ist, und gehen Sie zu Effekt > Stilisieren > Abgerundete Ecken. Stellen Sie den Radius auf 5 px und klicken Sie auf OK.

rounded corners

3. So erstellen Sie einen Hintergrund und fügen eine Gesamtschattierung hinzu

Schritt 1

Wählen Sie das Rechteck-Werkzeug (M) und klicken Sie einfach auf Ihre Zeichenfläche, um das Rechteck-Fenster zu öffnen. Setzen Sie die Breite auf 870 px und die Höhe auf 1010 px, und klicken Sie dann auf OK, um Ihr Rechteck zu erstellen.

Wählen Sie diese neue Form, setzen Sie die Farbe auf R=221 G=0 B=0, senden Sie sie nach hinten (Shift-Control-[), und öffnen Sie das Ausrichtungsfenster (Fenster > Ausrichten). Stellen Sie die Ausrichtung auf Zeichenfläche ein (öffnen Sie das Ausklappmenü und gehen Sie zu Optionen anzeigen, wenn Sie den Abschnitt Ausrichten nach nicht sehen können, wie im folgenden Bild gezeigt), und klicken Sie dann auf die Schaltflächen Horizontale Ausrichtung Mitte und Vertikale Ausrichtung Mitte. Dadurch wird Ihr Rechteck schnell in die Mitte der Zeichenfläche verschoben.

background

Schritt 2

Stellen Sie sicher, dass Ihr rotes Rechteck noch ausgewählt ist, fügen Sie eine Kopie davor ein (Control-C > Control-F), und bringen Sie es nach vorne (Shift-Control-]).

Wählen Sie diese neue Form aus und konzentrieren Sie sich auf das Fenster Darstellung. Wählen Sie die Füllung aus und ersetzen Sie die vorhandene Farbe durch den unten gezeigten radialen Farbverlauf. Verringern Sie die Deckkraft auf 50% und ändern Sie den Mischmodus auf Weiches Licht, und gehen Sie dann zu Effekt > Künstlerisch > Filmkörnung. Geben Sie die unten angezeigten Attribute ein und klicken Sie auf OK. Verwenden Sie das Farbverlaufswerkzeug (G), um Ihren Farbverlauf wie unten gezeigt zu dehnen.

film grain

Schritt 3

Vergewissern Sie sich, dass das im vorherigen Schritt hinzugefügte Rechteck noch ausgewählt ist, und konzentrieren Sie sich auf das Darstellungspanel. Wählen Sie die vorhandene Füllung aus und duplizieren Sie sie mit der Schaltfläche Ausgewähltes Element duplizieren. Entfernen Sie den Effekt Filmkörnung, der auf diese neue Füllung angewendet wird, und erhöhen Sie dann die Deckkraft der neuen Füllung auf 100%.

radial gradient

Gratulation! Sie sind fertig!

So sollte es aussehen. Ich hoffe, dass Ihnen dieses Tutorial gefallen hat und Sie diese Techniken in Ihren zukünftigen Projekten anwenden können. Zögern Sie nicht, Ihr Endergebnis im Kommentarfeld mitzuteilen.

Fühlen Sie sich frei, das endgültige Design anzupassen und es zu Ihrem eigenen zu machen. Bei GraphicRiver finden Sie einige großartige Inspirationsquellen mit interessanten Lösungen zur Verbesserung Ihres Designs.

final product
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.