So erstellen Sie einen Text für Buchstabenzeichen in Adobe Illustrator

Was Sie erstellen werden

In den folgenden Schritten erfahren Sie, wie Sie in Adobe Illustrator einen Texteffekt für Buchstaben erstellen. 

Zunächst lernen Sie, wie Sie ein einfaches Textstück erstellen und es in Vektorformen umwandeln. Sie können das Erscheinungsbild-Bedienfeld voll ausnutzen und lernen, wie Sie Ihren Text stilisieren und die Augen erstellen. Mit einigen grundlegenden Misch- und Strichtechniken lernen Sie, wie Sie die Beine erstellen und subtile Schatten hinzufügen. Schließlich lernen Sie, wie Sie einen einfachen Hintergrund erstellen.

Weitere Informationen zur Anpassung oder Verbesserung Ihres endgültigen Texteffekts finden Sie bei GraphicRiver mit zahlreichen Ressourcen.

Was wirst du brauchen

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

  • Knicknack-Schrift

1. Erstellen eines neuen Dokuments und der Textformen

Schlagen Control-N ein neues Dokument erstellen. Wählen Pixel von dem Einheiten Dropdown-Menü eingeben 850 in der breiten Box und 510 in der Höhe, und klicken Sie darauf Mehr Einstellungen Taste. Wählen RGB für die Farbmodus, stellen Sie das ein Rastereffekte zu Bildschirm (72 ppi), und klicken Sie dann auf Dokument erstellen.

Öffne das Info Panel (Fenster> Info) für eine Live-Vorschau mit der Größe und Position Ihrer Formen. Vergessen Sie nicht, die Maßeinheit auf Pixel von einzustellen Bearbeiten> Voreinstellungen> Einheiten. Diese Optionen erhöhen die Arbeitsgeschwindigkeit erheblich.

Schritt 2

Wähle das aus Schreibwerkzeug (T) und öffnen Sie die Charakter Panel (Fenster> Typ> Zeichen). Wählen Sie die Knicknack-Schriftart aus und legen Sie dann die fest Größe zu 150 px und das Verfolgung zu 50. Gehen Sie zu Ihrer Zeichenfläche, klicken Sie darauf und geben Sie Ihren Text ein. Wir werden das Wort "DESSIN" verwenden, das Französisch für "Zeichnen" ist..

Schritt 3

Stellen Sie sicher, dass Ihr Text noch ausgewählt ist, und wechseln Sie zu Typ> Konturen erstellen (Shift-Control-O). Gruppierung aufheben (Shift-Control-G) die resultierende Gruppe und füllen Sie dann alle Ihre Buchstabenformen mit R = 255 G = 220 B = 50.

2. So gestalten Sie die Textformen stilisiert

Schritt 1

Stellen Sie sicher, dass alle Ihre Buchstabenformen ausgewählt sind, und konzentrieren Sie sich auf die Aussehen Panel (Fenster> Aussehen).

Fügen Sie mit der Taste eine zweite Füllung hinzu Neue Füllung hinzufügen und wählen Sie es aus. Stellen Sie die Farbe auf R = 255 G = 170 B = 5, Ziehen Sie es unter die gelbe Füllung und gehen Sie zu Effekt> Verzerren und Transformieren> Transformieren. Zieh den Bewegen-Horizontal Schieberegler auf -0,5 px und das Vertikal verschieben Schieberegler auf -0,25 px, eingeben 20 in dem Kopien und dann auf OK.

Schritt 2

Wählen Sie alle Ihre Buchstabenformen aus und konzentrieren Sie sich auf die Aussehen Panel. Stellen Sie sicher, dass Ihr gesamter Pfad ausgewählt ist (klicken Sie einfach darauf) Zusammengesetzter Pfad Text vom oberen Rand des Panels) und gehen Sie zu Effekt> 3D> Drehen. Geben Sie die unten gezeigten Attribute ein und klicken Sie auf OK.

Schritt 3

Wählen Sie Ihre Buchstabenformen einzeln aus und ersetzen Sie die vorhandenen Füllfarben durch die im folgenden Bild gezeigten.

Schritt 4

Wählen Sie eine Ihrer Buchstabenformen aus und konzentrieren Sie sich auf die Aussehen Panel. Stellen Sie sicher, dass der gesamte Pfad ausgewählt ist, und gehen Sie zu Effekt> Verzerren und Transformieren> Transformieren. Geben Sie die unten gezeigten Attribute ein und klicken Sie auf OK. Vergessen Sie nicht, den Bezugspunkt in der Mitte zu überprüfen.

Schritt 5

Wählen Sie zwei weitere Formen aus und wenden Sie das an Verwandeln Effekte unten gezeigt.

3. Wie man die Augen erstellt

Schritt 1

Aktivieren Sie das Raster (Ansicht> Raster anzeigen) und am Raster ausrichten (Ansicht> An Raster ausrichten). Sie werden jedes Mal ein Gitter benötigen 1 px, also geh einfach zu Bearbeiten> Voreinstellungen> Hilfslinien & Raster, und eintreten 1 in dem Rasterlinie alle Box und 1 in dem Unterteilung Box. Versuchen Sie, sich nicht von all dem Raster entmutigen zu lassen. Dies erleichtert Ihnen die Arbeit, und Sie können es einfach mit Hilfe von aktivieren oder deaktivieren Steuerung-" Tastaturkürzel.

In diesem kurzen Lernprogramm erfahren Sie mehr über das Rastersystem von Illustrator: Andrei Stefan: Grundlegendes zum Rastersystem von Adobe Illustrator.

Wähle das aus Ellipsenwerkzeug (L) und erstellen Sie ein 13 x 19 px Form und a 13 x 16 px gestalten. Füllen Sie beide Formen mit Weiß (R = 255 G = 255 B = 255).

Schritt 2

Vergewissern Sie sich, dass Ihre weißen Ellipsen ausgewählt bleiben und auf den Punkt fokussieren Aussehen Panel. Fügen Sie eine zweite Füllung hinzu und setzen Sie die Farbe auf R = 254 G = 170 B = 5. Ziehen Sie diese neue Füllung unter die weiße und gehen Sie zu Effekt> Verzerren und Transformieren> Transformieren. Geben Sie die unten gezeigten Attribute ein und klicken Sie auf OK.

Schritt 3

Stellen Sie sicher, dass Ihre weißen Ellipsen ausgewählt bleiben, und konzentrieren Sie sich auf die Aussehen Panel. Fügen Sie eine dritte Füllung hinzu und setzen Sie die Farbe auf R = 254 G = 170 B = 5. Ziehen Sie diese neue Füllung an den unteren Rand des Bereichs und gehen Sie zu Effekt> Verzerren und Transformieren> Transformieren. Geben Sie die unten gezeigten Attribute ein und klicken Sie auf OK.

Schritt 4

Wähle das aus Ellipsenwerkzeug (L) und erstellen Sie ein 4 x 8 px Form und a 4 x 6 px gestalten. Füllen Sie beide Formen mit R = 12 G = 142 B = 220 und platzieren Sie sie wie unten gezeigt.

Schritt 5

Wähle das aus Ellipsenwerkzeug (L) und zwei erstellen, 4 x 2 px Formen. Füllen Sie beide Formen mit Schwarz (R = 0 G = 0 B = 0) und platzieren Sie sie wie unten gezeigt.

Schritt 6

Wähle das aus Ellipsenwerkzeug (L) und zwei erstellen 1 px Kreise. Füllen Sie beide Formen mit Weiß und platzieren Sie sie wie unten gezeigt.

Schritt 7

Wählen Sie die Formen aus, aus denen das linke Auge besteht Gruppe Sie (Steuerung-G). Wählen Sie die Formen aus, aus denen sich das andere Auge zusammensetzt Gruppe Sie (Steuerung-G).

Schritt 8

Multiplizieren Sie Ihre Augengruppen und platzieren Sie die Kopien ungefähr wie unten gezeigt. Verwenden Sie die Direktauswahl-Tool (A) um die Hauptform des Augapfels aus Ihren Gruppen auszuwählen.

Öffne das Verwandeln Effekt auf die untere Füllung dieser Form angewendet und mit diesen Einstellungen die Position der Augenbrauen anpassen. Ersetzen Sie bei Bedarf auch die orange Farbe durch das für die Buchstaben verwendete Dunkelblau oder Dunkelrosa.

4. So erstellen Sie die Beine

Schritt 1

Wähle das aus Stiftwerkzeug (P) und zeichnen Sie zwei einfache Pfade, wie in den ersten Bildern gezeigt. Stellen Sie sicher, dass diese neuen Pfade ausgewählt bleiben, und konzentrieren Sie sich auf den Pfad Aussehen Panel.

Legen Sie die Strichfarbe auf fest R = 255 G = 170 B = 5 und dann öffnen Sie die Schlaganfall Fly-Out-Panel. Erhöhen Sie die Gewicht zu 4 px und dann das überprüfen Runde Kappe und Runde beitreten Tasten. Wenn Sie fertig sind, senden Sie Ihre Pfade nach hinten (Shift-Control- [).

Schritt 2

Multiplizieren Sie die Pfade, aus denen die Beine bestehen, und spreizen Sie sie wie in der folgenden Abbildung dargestellt. Ersetzen Sie bei Bedarf die Orange durch das dunkelblaue oder das dunkelrosa der Buchstabenformen.

5. So erstellen Sie den Schatten und den Hintergrund

Schritt 1

Verwendung der Ellipsenwerkzeug (L), Erstellen Sie die Menge der zusammengedrückten Kreise, die im folgenden Bild gezeigt werden. Füllen Sie alle diese Formen mit Schwarz und senken Sie sie Opazität zu fünfzehn%. Platzieren Sie sie wie unten gezeigt und vergessen Sie nicht, sie alle nach hinten zu schicken (Shift-Control- [) wenn du fertig bist.

Schritt 2

Wählen Sie schließlich das Rechteckwerkzeug (M) und erstellen Sie eine Form, die der Größe Ihrer Zeichenfläche entspricht. Fülle es mit R = 44 G = 56 B = 104 und schick es zurück (Shift-Control- [).

Herzliche Glückwünsche! Sie sind fertig!

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

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

Suchen Sie mehr zu lernen? Ich empfehle Ihnen, mehr über meine Anfänger-Tutorials zu erfahren: