So erstellen Sie einen Retro-Chrome-Text-Effekt in Adobe Illustrator

Was Sie erstellen werden

In den folgenden Schritten erfahren Sie, wie Sie in Adobe Illustrator einen Retro-Chromtext-Effekt erstellen. 

Zunächst lernen Sie, wie Sie ein einfaches Raster einrichten und einen dunklen Hintergrund erstellen. Mit dem Rechteckgitter-Werkzeug und einigen grundlegenden Mischtechniken lernen Sie, wie Sie ein subtiles Gitter zu Ihrem Hintergrund hinzufügen. 

Sie können das Appearance-Bedienfeld voll ausnutzen und unter Verwendung einer übersichtlichen Schriftart von Envato Elements lernen, wie Sie einen vollständig bearbeitbaren Retro-Chromtexteffekt erstellen. Schließlich erfahren Sie, wie Sie Ihrem gesamten Design eine subtile Textur hinzufügen.

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

1. Erstellen eines neuen Dokuments und Einrichten eines Rasters

Schlagen Control-N ein neues Dokument erstellen. Wählen Pixel von dem Einheiten Dropdown-Menü eingeben 850 in der breiten Box und 450 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.

Aktivieren Sie das Raster (Ansicht> Raster anzeigen) und der Snap to Grid (Ansicht> An Raster ausrichten). Sie werden jedes Mal ein Gitter benötigen 5 px, also geh einfach zu Bearbeiten> Voreinstellungen> Hilfslinien> Raster, eingeben 5 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.

Sie sollten auch die öffnen 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. Alle diese Optionen erhöhen die Arbeitsgeschwindigkeit erheblich.

2. So erstellen Sie den Hintergrund

Schritt 1

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 stellen Sie die Farbe auf R = 7 G = 9 B = 21. Gehen Sie zu Ihrer Zeichenfläche und erstellen Sie einfach eine 860 x 460 px Rechteck, das Raster und die Funktion "Am Raster ausrichten" sollten dies erleichtern.

Nun müssen Sie Ihr Rechteck zentrieren. Stellen Sie sicher, dass diese Form ausgewählt bleibt, und öffnen Sie die Ausrichten Panel (Fenster> Ausrichten). Wählen An Zeichenfläche ausrichten (Öffne das Flyout-Menü und gehe zu Optionen anzeigen wenn Sie das nicht sehen können Ausrichten auf Abschnitt wie in der folgenden Abbildung gezeigt) und klicken Sie dann einfach auf Horizontales Ausrichtungszentrum und Vertikales Zentrum ausrichten Tasten. Am Ende sollte Ihr Rechteck die gesamte Zeichenfläche abdecken.

Schritt 2

Wähle das aus Rechteckiges Rasterwerkzeug und klicken Sie einfach auf Ihre Zeichenfläche. Geben Sie alle in der folgenden Abbildung gezeigten Attribute ein und klicken Sie auf OK.

Zentriere diese neu erstellte Gruppe von Pfaden und konzentriere dich auf die obere Leiste. Stellen Sie sicher, dass für die Füllung keine Farbe festgelegt ist. Ändern Sie die Strichfarbe in R = 251 G = 85 B = 195, und setze das Schlaganfallgewicht zu 2 px.

Schritt 3

Stellen Sie sicher, dass Ihre rosa Pfade ausgewählt bleiben, und gehen Sie zu Objekt> Pfad> Umrissstrich. Bewegen Sie sich zum Pfadfinder Panel (Fenster> Pfadfinder) und klicken Sie auf Vereinen Taste. Füllen Sie die resultierende Form mit dem unten gezeigten radialen Farbverlauf und verringern Sie sie Opazität zu 25%. Denken Sie daran, dass die gelbe Null von der Gradient Bild steht für Opazität Prozentsatz.

3. So erstellen Sie den Chrome-Text-Effekt

Schritt 1

Wähle das aus Schreibwerkzeug (T) und öffnen Sie die Charakter Panel (Fenster> Typ> Zeichen). Wählen Sie die Etna-Schriftart (oder eine beliebige Fettschrift, die Sie möglicherweise bevorzugen) und stellen Sie die Größe auf 135 px und die Verfolgung zu 100. Einfach auf die Zeichenfläche klicken und "hinzufügen"CHROM"Textstück und machen es weiß (R = 255 G = 255 B = 255).

Schritt 2

Stellen Sie sicher, dass Ihr Text ausgewählt bleibt, und entfernen Sie einfach die weiße Füllfarbe. Bewegen Sie sich zum Aussehen Fügen Sie eine neue Füllung für Ihren Text hinzu Neue Füllung hinzufügen Taste. Wählen Sie die neue Füllung aus und wenden Sie den unten gezeigten linearen Farbverlauf an. Beachten Sie, dass die blauen Zahlen aus dem Gradient Bild stehen für Ort Prozentsatz. Wenn Sie fertig sind, speichern Sie diesen Verlauf in Ihrem Farbfelder Panel (Fenster> Farbfelder).

Schritt 3

Stellen Sie sicher, dass Ihr Text noch ausgewählt ist, und konzentrieren Sie sich auf das Aussehen Panel. Wählen Sie die vorhandene Füllung aus und gehen Sie zu Effekt> Stilisieren> Inner Glow. Geben Sie die in der folgenden Abbildung gezeigten Attribute ein und klicken Sie darauf OK Taste.

Schritt 4

Stellen Sie sicher, dass Ihr Text noch ausgewählt ist, und konzentrieren Sie sich auf das Aussehen Panel. Wählen Sie die vorhandene Füllung aus und duplizieren Sie sie mit Ausgewähltes Element duplizieren Taste.

Konzentriere dich auf deine untere Füllung, entferne das vorhandene Inneres Glühen Wirkung, und dann gehen Sie zu Effekt> Pfad> Versatzpfad. Geben Sie ein 2 px Versatz, Klicken Sie das an OK und dann zu Effekt> Stilisieren> Schlagschatten. Geben Sie die im oberen linken Fenster angezeigten Attribute (im folgenden Bild) ein und klicken Sie auf OK und dann die anderen drei anwenden Schlagschatten Effekte unten gezeigt.

Schritt 5

Stellen Sie sicher, dass Ihr 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 zwischen die vorhandenen zwei Fills. Senken Sie es Opazität zu 30% und ändern Sie die Mischmodus zu Farbe brennen, Wenden Sie den linearen Gradienten an, und klicken Sie auf Effekt> Pfad> Versatzpfad. Geben Sie ein 1 px Offset Pfad und klicken Sie dann auf OK.

Schritt 6

Stellen Sie sicher, dass Ihr 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 Fills. Senken Sie es Opazität zu 30%, stell die Farbe auf R = 251 G = 85 B = 195, und dann zu Effekt> Pfad> Versatzpfad. Geben Sie ein 12 px Versatz, Klicken Sie das an OK und dann zu Effekt> Unschärfe> Gaußsche Unschärfe. Geben Sie ein 30 px Radius und klicken Sie dann auf OK.

Schritt 7

Stellen Sie sicher, dass Ihr Text noch ausgewählt ist, und konzentrieren Sie sich auf das Aussehen Panel. Wählen Sie den Strich aus, setzen Sie die Farbe auf Weiß und erhöhen Sie den Strich Gewicht zu 2 px. Senken Sie es Opazität zu 50% und ändern Sie die Mischmodus zu Überlagerung, und dann zu Effekt> Pfad> Versatzpfad. Geben Sie ein -1 px Offset und klicken Sie dann auf OK.

Schritt 8

Stellen Sie sicher, dass Ihr Text noch ausgewählt ist, und konzentrieren Sie sich auf das Aussehen und fügen Sie einen zweiten Strich hinzu Neuen Strich hinzufügen Taste.

Wählen Sie diesen neuen Strich und ändern Sie seine Mischmodus zu Überlagerung. Stellen Sie das ein Gewicht zu 1 px, Wenden Sie den linearen Farbverlauf an, der in der folgenden Abbildung dargestellt ist, und wechseln Sie dann zu Effekt> Pfad> Versatzpfad. Geben Sie ein -0,5 px Versatz und klicken Sie dann auf OK.

Schritt 9

Stellen Sie sicher, dass Ihr Text noch ausgewählt ist, und konzentrieren Sie sich auf das Aussehen Panel und fügen Sie einen dritten Strich hinzu.

Ziehen Sie es über die untere Füllung und stellen Sie das ein Gewicht zu 6 px, und wenden Sie den in der folgenden Abbildung gezeigten linearen Farbverlauf an. Senken Sie es Opazität zu 10%, ändere das Mischmodus zu Sanftes Licht, und dann zu Effekt> Pfad> Versatzpfad. Geben Sie ein 3 px Versatz, Klicken Sie das an OK und dann zu Effekt> Verzerren und Transformieren> Transformieren. Zieh den Vertikal verschieben Schieberegler auf 2 px und klicken Sie dann auf OK.

Schritt 10

Stellen Sie sicher, dass Ihr 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 an den oberen Rand des Bedienfelds.

Wählen Sie Ihre neue Füllung aus und setzen Sie die Farbe auf Schwarz (R = 0 G = 0 B = 0). Senken Sie es Opazität zu 5% und ändern Sie die Mischmodus zu Überlagerung, und dann zu Effekt> Pfad> Versatzpfad. Geben Sie ein 2 px Versatz, Klicken Sie das an OK und dann zu Effekt> Skizze> Chrome. Geben Sie die in der folgenden Abbildung gezeigten Attribute ein und klicken Sie dann auf OK.

4. Hinzufügen eines zweiten Texteffekts und einer subtilen Textur

Schritt 1

Wähle das aus Schreibwerkzeug (T) und konzentrieren sich auf die Charakter Panel. Wähle aus Harlow Solid Italic Schriftart und stellen Sie die Größe auf 80 px. Klicken Sie auf Ihre Zeichenfläche und fügen Sie die "RetroStellen Sie sicher, dass für Ihren Text keine Farbe für die Füllung oder für den Strich festgelegt ist Aussehen und fügen Sie eine neue Füllung hinzu Neue Füllung hinzufügen Taste. Wählen Sie es aus und wenden Sie den unten gezeigten linearen Farbverlauf an.

Schritt 2

Stellen Sie sicher, dass Ihr "Retromsgstr "" "Der Text ist immer noch ausgewählt Aussehen Panel und fügen Sie eine zweite Füllung hinzu. Wählen Sie es aus und wenden Sie den unten gezeigten linearen Farbverlauf an. Senken Sie es Opazität zu 30%, ändere das Mischmodus zu Überlagerung, und dann zu Effekt> Pfad> Versatzpfad. Geben Sie ein -2 px Versatz und klicken Sie dann auf OK.

Schritt 3

Verwendung der Rechteckwerkzeug (M), erstelle eine neue 860 x 460 px Rechteck und zentrieren Sie es. Setzen Sie die Füllfarbe auf Schwarz und verringern Sie sie Opazität zu 5%, ändere das Mischmodus zu Sanftes Licht, und dann zu Effekt> Künstlerisch> Filmkorn. Geben Sie die in der folgenden Abbildung gezeigten Attribute ein und klicken Sie dann auf OK.

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. Bei GraphicRiver finden Sie einige großartige Inspirationsquellen mit interessanten Lösungen zur Verbesserung Ihres Designs.