So erstellen Sie einen farbigen 3D-Texteffekt in Adobe Illustrator

Was Sie erstellen werden

In den folgenden Schritten erfahren Sie, wie Sie in Adobe Illustrator einen vollständig bearbeitbaren, farbigen 3D-Texteffekt erstellen. 

Zunächst lernen Sie, wie Sie einen einfachen Hintergrund erstellen und Text hinzufügen. Sie können das Erscheinungsbild-Bedienfeld voll ausnutzen und eine Reihe von Füllungen und Effekten verwenden, um zu lernen, wie Sie einen vollständig bearbeitbaren Texteffekt erstellen. Schließlich erfahren Sie, wie Sie Grafikstile einfach speichern und verwenden.

Weitere Informationen zur Anpassung oder Verbesserung Ihres endgültigen Texteffekts finden Sie auf Envato Market.

1. Erstellen Sie den Hintergrund und fügen Sie den Text hinzu

Schritt 1

Schlagen Control-N ein neues Dokument erstellen. Wählen Pixel von dem Einheiten Dropdown-Menü eingeben 850 in der breiten Box und 1000 in der Höhe, und klicken Sie auf die Erweitert Taste. Wählen RGB, Bildschirm (72ppi) und stellen Sie sicher, dass die Neue Objekte am Pixelraster ausrichten Das Kontrollkästchen ist deaktiviert, bevor Sie auf klicken OK.

Wähle das aus Rechteckwerkzeug (M) und konzentrieren Sie sich auf Ihre Toolbar. Entfernen Sie die Farbe aus dem Strich und wählen Sie dann die Füllung aus und setzen Sie die Farbe auf R = 0 G = 100 B = 145. Gehen Sie zu Ihrer Zeichenfläche und klicken Sie einfach darauf, um die Zeichenfläche zu öffnen Rechteck Fenster. Stellen Sie das ein Breite zu 860 px und das Höhe zu 1010 px und dann auf das klicken OK Taste. Stellen Sie sicher, dass diese neu erstellte Form Ihre gesamte Zeichenfläche abdeckt.

Schritt 2

Kehren Sie zu Ihrer Symbolleiste zurück und setzen Sie die Füllfarbe auf Weiß (R = 255 G = 255 B = 255). Wähle das aus Schreibwerkzeug (P) und öffnen Sie die Charakter Panel (Fenster> Typ> Zeichen). Wählen Sie die Milkshake-Schriftart und legen Sie das fest Größe zu 170 pt. Klicken Sie einfach auf Ihre Zeichenfläche und fügen Sie die "Veränderung"Text wie unten gezeigt.

Schritt 3

Fügen Sie mit demselben Werkzeug und denselben Attributen die anderen drei Textteile hinzu, wie in den folgenden Bildern dargestellt.

2. Fügen Sie Ihrem Text Farbe hinzu

Schritt 1

Wählen Sie Ihren obersten Text aus. Entfernen Sie zunächst einfach die vorhandene Füllfarbe, wodurch Ihr Text unsichtbar wird.

Bewegen Sie sich zum Aussehen Panel (Fenster> Aussehen) und drücken Sie die Neue Füllung hinzufügen Schaltfläche, um eine Füllung für den ausgewählten Text hinzuzufügen. Wählen Sie es aus und stellen Sie die Farbe auf R = 255 G = 200 B = 0.

Schritt 2

Stellen Sie sicher, dass Ihr oberster Text ausgewählt bleibt und konzentrieren Sie sich auf das Aussehen Panel.

Das gleiche verwenden Neue Füllung hinzufügen Schaltfläche, fügen Sie eine zweite Füllung für Ihren Text hinzu. Wählen Sie es aus, setzen Sie die Farbe auf Weiß und klicken Sie dann auf "Opazität"Textstück, das für diese neue Füllung steht, um die Transparenz Fly-Out-Panel. Ändere das Mischmodus zu Überlagerung und senken Sie die Opazität zu 50%.

Schritt 3

Stellen Sie sicher, dass Ihr oberster Text noch ausgewählt ist, und konzentrieren Sie sich auf das Aussehen Panel.

Fügen Sie eine dritte Füllung hinzu und ziehen Sie sie über die vorhandenen. Wählen Sie es aus und stellen Sie die Farbe auf R = 255 G = 200 B = 0, und dann zu Effekt> Verzerren und Transformieren> Transformieren. Ziehen Sie beide Rahmen Schieberegler zu 99,7%, Vergessen Sie nicht, den Referenzpunkt unten links zu überprüfen.

Schritt 4

Stellen Sie sicher, dass Ihr oberster Text noch ausgewählt ist, und konzentrieren Sie sich auf das Aussehen Panel.

Fügen Sie eine vierte Füllung hinzu und ziehen Sie sie unter die vorhandenen. Wählen Sie es aus und stellen Sie die Farbe auf R = 255 G = 200 B = 0, und dann zu Effekt> 3D> Extrudieren und Abschrägen. Drücke den Mehr Optionen Geben Sie alle unten angezeigten Attribute ein und klicken Sie auf die Schaltfläche OK Taste.

Schritt 5

Stellen Sie sicher, dass Ihr oberster Text noch ausgewählt ist, und konzentrieren Sie sich auf das Aussehen Panel.

Wählen Sie die untere Füllung aus und gehen Sie zu Effekt> Stilisieren> Schlagschatten. Geben Sie die im oberen linken Fenster angezeigten Attribute (im folgenden Bild) ein und klicken Sie auf OK und fügen Sie dann die anderen drei hinzu Schlagschatten Effekte unten gezeigt.

Schritt 6

Stellen Sie sicher, dass Ihr oberster Text noch ausgewählt ist, und konzentrieren Sie sich auf das Aussehen Panel.

Fügen Sie eine fünfte Füllung hinzu und ziehen Sie sie unter die vorhandenen. Wählen Sie es aus und stellen Sie die Farbe auf R = 255 G = 63 B = 79, und dann zu Effekt> Pfad> Versatzpfad. Geben Sie ein 15 px Versatz und klicken Sie dann auf OK Taste.

Schritt 7

Stellen Sie sicher, dass Ihr oberster Text noch ausgewählt ist, und konzentrieren Sie sich auf das Aussehen Panel.

Wählen Sie die untere Füllung erneut aus und gehen Sie zu Effekt> 3D> Extrudieren und Abschrägen. Geben Sie alle unten gezeigten Attribute ein und klicken Sie auf OK Taste.

Schritt 8

Stellen Sie sicher, dass Ihr oberster Text noch ausgewählt ist, und konzentrieren Sie sich auf das Aussehen Panel.

Wählen Sie die untere Füllung erneut aus und fügen Sie die drei hinzu Schlagschatten Effekte unten gezeigt.

3. Fügen Sie für Ihren Text eine Schattierung hinzu

Schritt 1

Stellen Sie sicher, dass Ihr oberster Text noch ausgewählt ist, und konzentrieren Sie sich auf das Aussehen Panel.

Fügen Sie eine neue Füllung hinzu und ziehen Sie sie unter die vorhandenen. Wählen Sie es aus, setzen Sie die Farbe auf Schwarz (R = 0 G = 0 B = 0) und dann zu Effekt> Pfad> Versatzpfad. Geben Sie ein 5 px Versatz, drücke den OK und gehen Sie zu Effekt> 3D> Extrudieren und Abschrägen. Geben Sie die unten gezeigten Attribute ein und klicken Sie auf OK und dann zu Effekt> Verzerren und Transformieren> Transformieren. Ziehen Sie beide Bewegung Schieberegler zu 15 px und klicken Sie dann auf OK Taste.

Schritt 2

Stellen Sie sicher, dass Ihr oberster Text noch ausgewählt ist, und konzentrieren Sie sich auf das Aussehen Panel.

Wählen Sie diese schwarze Füllung erneut aus und senken Sie sie Opazität zu 60% und dann zu Effekt> Unschärfe> Gaußsche Unschärfe. Stellen Sie das ein Radius zu 15 px und dann auf das klicken OK Taste.

Schritt 3

Stellen Sie sicher, dass Ihr oberster Text noch ausgewählt ist, und konzentrieren Sie sich auf das Aussehen Panel.

Wählen Sie diese schwarze Füllung erneut aus und duplizieren Sie sie mit Ausgewähltes Element duplizieren Taste. Konzentrieren Sie sich auf die untere schwarze Füllung und entfernen Sie diese Gaußscher Weichzeichner bewirken. Ändern Sie auch die Mischmodus zu Sanftes Licht und senken Sie die Opazität zu 10%.

Schritt 4

Stellen Sie sicher, dass Ihr oberster Text noch ausgewählt ist, und konzentrieren Sie sich auf das Aussehen Panel.

Fügen Sie eine neue Füllung hinzu und ziehen Sie sie unter die vorhandenen. Wählen Sie es aus, setzen Sie die Farbe auf Schwarz und gehen Sie dann zu Effekt> Pfad> Versatzpfad. Geben Sie ein 5 px Versatz, drücke den OK und gehen Sie zu Effekt> 3D> Extrudieren und Abschrägen. Geben Sie die unten gezeigten Attribute ein und klicken Sie auf OK und dann zu Effekt> Verzerren und Transformieren> Transformieren. Ziehen Sie beide Bewegung Schieberegler zu 40 px und klicken Sie dann auf OK Taste.

Schritt 5

Stellen Sie sicher, dass Ihr oberster Text noch ausgewählt ist, und konzentrieren Sie sich auf das Aussehen Panel.

Wählen Sie diese untere schwarze Füllung erneut aus und senken Sie sie Opazität zu 10%, und dann zu Effekt> Unschärfe> Gaußsche Unschärfe. Stellen Sie das ein Radius zu 20 px und dann auf das klicken OK Taste.

Schritt 6

Stellen Sie sicher, dass Ihr oberster Text noch ausgewählt ist, und konzentrieren Sie sich auf das Aussehen Panel.

Wählen Sie diese untere schwarze Füllung erneut aus und duplizieren Sie sie mit derselben Ausgewähltes Element duplizieren Taste. Konzentrieren Sie sich auf die untere schwarze Füllung und entfernen Sie diese Gaußscher Weichzeichner bewirken. Ändern Sie auch die Mischmodus zu Sanftes Licht und senken Sie die Opazität zu 10%.

Schritt 7

Stellen Sie sicher, dass Ihr oberster Text noch ausgewählt ist, und konzentrieren Sie sich auf das Aussehen Panel.

Fügen Sie eine neue Füllung hinzu und ziehen Sie sie über die vorhandenen. Wählen Sie es aus und ersetzen Sie die vorhandene Farbe durch den unten gezeigten linearen Farbverlauf. Denken Sie daran, dass die gelbe Null von der Gradient Bild steht für Opazität Prozentsatz. Wenn diese neue Füllung noch ausgewählt ist, gehen Sie zu Effekt> Pfadfinder> Hinzufügen und dann zu Effekt> Pfad> Versatzpfad. Geben Sie ein -4 px Versatz und drücken Sie die OK Taste.

Schritt 8

Stellen Sie sicher, dass Ihr oberster Text noch ausgewählt ist, und konzentrieren Sie sich auf das Aussehen Panel.

Wählen Sie die obere Füllung erneut aus und verringern Sie sie Opazität zu 30%, und gehe zu Effekt> Unschärfe> Gaußsche Unschärfe. Geben Sie ein 5 px Radius und klicken Sie auf die OK Taste.

Schritt 9

Stellen Sie sicher, dass Ihr oberster Text noch ausgewählt ist, und konzentrieren Sie sich auf das Aussehen Panel.

Wählen Sie die obere Füllung erneut aus und duplizieren Sie sie mit derselben Ausgewähltes Element duplizieren Taste. Wählen Sie diese neu hinzugefügte Füllung aus und ersetzen Sie den vorhandenen linearen Verlauf durch den unten gezeigten. Denken Sie daran, dass die gelben Zahlen stehen Opazität Prozentsatz, während die blauen für stehen Ort Prozentsatz. Sobald Sie fertig sind, senken Sie diese Füllung Opazität zu 50% und ändern Sie die Mischmodus zu Sanftes Licht, und klicken Sie dann auf die vorhandene Versatzpfad bewirken. Senken Sie die Versatz zu -2 px und klicken Sie auf die OK Taste.

Schritt 10

Stellen Sie sicher, dass Ihr oberster Text noch ausgewählt ist, und konzentrieren Sie sich auf das Aussehen Panel.

Fügen Sie eine neue Füllung hinzu und ziehen Sie sie über die vorhandenen. Senken Sie es Opazität zu 75%, ändere das Mischmodus zu Sanftes Licht, und ersetzen Sie die vorhandene Farbe durch den unten gezeigten linearen Farbverlauf. Vergiss nicht, dass die gelbe Null von der Gradient Bild steht für Opazität Prozentsatz. Wenn diese neue Füllung noch ausgewählt ist, gehen Sie zu Effekt> Pfadfinder> Hinzufügen und dann zu Effekt> Pfad> Versatzpfad. Geben Sie ein -2 px Versatz und drücken Sie die OK Taste.

4. Speichern und verwenden Sie einen Grafikstil

Schritt 1

Stellen Sie sicher, dass Ihr oberster Text noch ausgewählt ist, und öffnen Sie das Grafische Stile Panel (Fenster> Grafikstile) und klicken Sie einfach darauf Neuer Grafikstil Schaltfläche, um die Attribute des ausgewählten Objekts zu speichern.

Schritt 2

Wählen Sie den Rest Ihres Textes aus und wenden Sie einfach Ihren Grafikstil an.

5. Fügen Sie eine subtile Schattierung für die Gesamtillustration hinzu

Schritt 1

Wähle dein blaues Rechteck aus und mache eine Kopie vor (Control-C> Control-F) und nach vorne bringen (Shift-Control-]). Wählen Sie diese Kopie aus und ersetzen Sie die vorhandene Füllfarbe durch den unten gezeigten radialen Verlauf. Denken Sie daran, dass die gelbe Null für steht Opazität Prozentsatz und verwenden Sie die Verlaufswerkzeug (G) um den Farbverlauf wie unten gezeigt anzupassen.

Schritt 2

Stellen Sie sicher, dass das im vorherigen Schritt hinzugefügte Rechteck noch ausgewählt ist, und ändern Sie das Rechteck Mischmodus zu Sanftes Licht.

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.

Fühlen Sie sich frei, um das endgültige Design anzupassen und machen Sie es zu Ihrem eigenen. Auf dem Envato-Markt finden Sie einige interessante Inspirationsquellen mit interessanten Lösungen zur Verbesserung Ihres Designs.