So erstellen Sie einen Casino-Text-Effekt in Adobe Illustrator

Was Sie erstellen werden

In den folgenden Schritten erfahren Sie, wie Sie in Adobe Illustrator einen Casino-Texteffekt erstellen. Zunächst lernen Sie, wie Sie ein einfaches Raster einrichten und die Hauptformen mit einer kostenlosen Schriftart und grundlegenden Vektorformungstechniken erstellen. 

Sie können das Erscheinungsbild-Bedienfeld voll ausnutzen und lernen, Formen und zusammengesetzte Pfade zu stilisieren. Sie erfahren auch, wie Sie Farbverläufe und Grafikstile speichern und später problemlos anwenden können. 

Im weiteren Verlauf erfahren Sie, wie Sie mit einfachen Effekten und einfachen Mischtechniken subtile Highlights hinzufügen. Schließlich lernen Sie, wie Sie eine subtile Textur für die gesamte Illustration 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 erstellen Neues Dokument. Wählen Pixel von dem Einheiten Dropdown-Menü eingeben 850 in dem Breite Box und 610 in dem Höhe Klicken Sie dann auf das Feld 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 Taste.

Aktivieren Sie die Gitter (Ansicht> Raster anzeigen) und das Am Raster ausrichten (Ansicht> An Raster ausrichten). Sie werden jedes Mal ein Gitter benötigen 5 px, also geh einfach zu Bearbeiten> Voreinstellungen> Hilfslinien> Raster, und eintreten 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 zu setzen Pixel von Bearbeiten> Voreinstellungen> Einheiten. Alle diese Optionen erhöhen die Arbeitsgeschwindigkeit erheblich.

2. So erstellen Sie den Hintergrund und fügen Sie Text hinzu

Schritt 1

Wähle das aus Rechteckwerkzeug (M) und konzentrieren Sie sich auf Ihre Symbolleiste. Entfernen Sie die Farbe aus dem Schlaganfall und wählen Sie dann die Füllen und setze seine Farbe auf R = 42 G = 47 B = 66. Gehen Sie zu Ihrer Zeichenfläche und erstellen Sie einfach eine 860 x 620 px Rechteck-das Gitter und die Am Raster ausrichten sollte das einfacher machen.

Stellen Sie sicher, dass Ihr Rechteck ausgewählt bleibt, und öffnen Sie das Rechteck Ausrichten Panel (Fenster> Ausrichten). Wählen An Zeichenfläche ausrichten aus dem Dropdown-Menü und klicken Sie dann auf Horizontales Ausrichtungszentrum und Vertikales Zentrum ausrichten Tasten zum einfachen Zentrieren Ihrer Auswahl.

Bewegen Sie sich zum Schichten Panel (Fenster> Ebenen), wählen Sie die vorhandene Ebene aus und wählen Sie einfach Sperren Ihre Form, um sicherzustellen, dass Sie sie nicht versehentlich auswählen / verschieben.

Schritt 2

Wähle das aus Schreibwerkzeug (T) und öffnen Sie die Charakter Panel (Fenster> Typ> Zeichen). Wählen Sie die Schriftart BudmoJiggler-Regular und legen Sie die fest Größe zu 150 px und das Verfolgung zu 30. Ergänzen Sie die "CASINO-SLOTS"Text, setzen Sie die Farbe auf Weiß und zentrieren Sie sie.

3. So erstellen Sie die Hauptformen

Schritt 1

Stellen Sie sicher, dass Ihr Text ausgewählt bleibt und gehen Sie zu Typ> Konturen erstellen (Shift-Control-O). Öffne das Pfadfinder Panel (Fenster> Pfadfinder), drücke den Teilen und dann Gruppierung aufheben Ihre Gruppe mit der Shift-Control-G Tastaturkürzel.

Schritt 2

Konzentriere dich auf den Schichten Öffnen Sie die vorhandene Ebene, und Sie sollten eine Reihe von Formen finden, für die keine Farbe festgelegt ist Füllen oder Schlaganfall (im Grunde unsichtbar). Wählen Sie eine dieser Formen aus der Schichten Panel und dann gehen Sie zu Wählen Sie> Gleich> Erscheinungsbild um alle Formen mit identischen auszuwählen Aussehen Attribute. Füllen diese Formen mit einem zufälligen Blau.

Schritt 3

Wählen Sie die drei Formen aus, die im ersten Bild hervorgehoben sind, und entfernen Sie sie mit Löschen Schlüssel.

Schritt 4

Wählen Sie alle diese blauen Formen und aus Gruppe Sie (Steuerung-G). Stellen Sie sicher, dass diese neue Gruppe ausgewählt ist, und fügen Sie ein Vorne kopieren (Control-C> Control-F). Wählen Sie diese Gruppenkopie zusammen mit den weißen Formen aus und klicken Sie auf Vereinen Taste aus der Pfadfinder Panel.

Gruppierung aufheben (Shift-Control-G) die resultierenden weißen Formen. Bewegen Sie sich zum Schichten wählen Sie die verbleibende Gruppe blauer Formen aus und stellen Sie sie nach vorne (Shift-Control-]).

Schritt 5

Wählen Sie die sechs weißen Formen aus, die Ihr oberstes Wort bilden, und drücken Sie Steuerung-8 (oder gehe zu Objekt> Zusammengesetzter Pfad> Make) um sie in einen zusammengesetzten Pfad zu verwandeln. Gehen Sie zum unteren Wort, wählen Sie die weißen Formen aus und verwandeln Sie sie in einen zweiten zusammengesetzten Pfad.

4. Erstellen und Verwenden des ersten Grafikstils

Schritt 1

Stellen Sie sicher, dass der untere zusammengesetzte Pfad ausgewählt bleibt, und konzentrieren Sie sich auf den Pfad Aussehen Panel (Fenster> Aussehen). Wähle aus Füllen und ersetzen Sie einfach die Farbe mit Linearer Verlauf unten gezeigt.

Schritt 2

Stellen Sie sicher, dass der untere zusammengesetzte Pfad ausgewählt bleibt, und konzentrieren Sie sich auf den Pfad Aussehen Panel und fügen Sie eine Sekunde hinzu Füllen Verwendung der Neue Füllung hinzufügen Taste.

Ziehen Sie Ihre neue Füllung unter die vorhandene Füllung und wenden Sie das an Linearer Verlauf unten gezeigt, und dann zu Effekt> Pfad> Versatzpfad. Geben Sie ein 2 px Versatz, stellen Sie das ein Schließt sich an zu Runden, und klicken Sie auf OK. Beachten Sie, dass die blauen Zahlen aus dem Gradient Fenster stehen für Ort Prozentsatz. Wenn diese untere Füllung noch ausgewählt ist, gehen Sie zu Effekt> Verzerren und Transformieren> Transformieren. Zieh den Vertikal verschieben Schieberegler auf 0,2 px, eingeben 60 in dem Kopien und dann auf die OK Taste.

Schritt 3

Stellen Sie sicher, dass der untere zusammengesetzte Pfad ausgewählt bleibt, und konzentrieren Sie sich auf den Pfad Aussehen Panel und fügen Sie eine dritte hinzu Füllen das gleiche verwenden Neue Füllung hinzufügen Taste.

Ziehen Sie Ihre neue Füllung unter die vorhandenen und wenden Sie das an Linearer Verlauf unten gezeigt, und dann zu Effekt> Pfad> Versatzpfad. Geben Sie ein 2 px Versatz, stellen Sie das ein Schließt sich an zu Runden, und klicken Sie darauf OK Taste. Gehen Sie als Nächstes zu Effekt> Verzerren und Transformieren> Transformieren. Zieh den Vertikal verschieben Schieberegler auf 13 px und klicken Sie dann auf OK.

Wenn diese untere Füllung noch ausgewählt ist, gehen Sie zu Farbfelder Panel (Fenster> Farbfelder) und klicken Sie auf Neues Muster um schnell gelb zu speichern Linearer Verlauf.

Schritt 4

Stellen Sie sicher, dass der untere zusammengesetzte Pfad ausgewählt bleibt, und konzentrieren Sie sich auf den Pfad Aussehen Panel und fügen Sie eine vierte hinzu Füllen.

Ziehen Sie diese neue Füllung unter die vorhandenen und setzen Sie die Farbe auf R = 24 G = 27 B = 36, und dann zu Effekt> Pfad> Versatzpfad. Geben Sie ein 2 px Versatz, stellen Sie das ein Schließt sich an zu Runden, und klicken Sie darauf OK Taste. Gehen Sie als Nächstes zu Effekt> Verzerren und Transformieren> Transformieren. Zieh den Vertikal verschieben Schieberegler auf 15 px, klicken OK, und dann zu Effekt> Stilisieren> Schlagschatten. Geben Sie die in der folgenden Abbildung gezeigten Attribute ein und klicken Sie dann auf OK.

Schritt 5

Stellen Sie sicher, dass der untere zusammengesetzte Pfad ausgewählt bleibt, und konzentrieren Sie sich auf den Pfad Aussehen Panel und fügen Sie eine fünfte hinzu Füllen.

Ziehen Sie diese neue Füllung unter die vorhandenen und setzen Sie die Farbe auf Schwarz (R = 0 G = 0 B = 0). Senken Sie es Opazität zu fünfzehn%, ändere das Mischmodus zu Sanftes Licht, und dann zu Effekt> Pfad> Versatzpfad. Geben Sie ein 7 px Versatz, stellen Sie das ein Schließt sich an zu Runden, und klicken Sie auf OK. Gehen Sie als Nächstes zu Effekt> Verzerren und Transformieren> Transformieren. Zieh den Vertikal verschieben Schieberegler auf 14 px und klicken Sie auf OK.

Schritt 6

Stellen Sie sicher, dass der untere zusammengesetzte Pfad ausgewählt bleibt, und konzentrieren Sie sich auf den Pfad Aussehen Panel, und fügen Sie einen sechsten hinzu Füllen.

Ziehen Sie diese neue Füllung unter die vorhandenen und wenden Sie den unten gezeigten linearen Farbverlauf an. Senken Sie es Opazität zu 75%, ändere das Mischmodus zu Sanftes Licht, und denken Sie daran, dass die gelbe Null für steht Opazität Prozentsatz. Wenn diese untere Füllung noch ausgewählt ist, gehen Sie zu Effekt> Pfad> Versatzpfad. Geben Sie ein 2 px Versatz, drücke den OK und dann zu Effekt> Verzerren und Transformieren> Transformieren. Zieh den Vertikal verschieben Schieberegler auf 50 px, drücke den OK und dann zu Effekt> Unschärfe> Gaußsche Unschärfe. Geben Sie eine 8 px Radius und klicken Sie auf OK.

Schritt 7

Stellen Sie sicher, dass der untere zusammengesetzte Pfad ausgewählt bleibt, und konzentrieren Sie sich auf den Pfad Aussehen Panel und wählen Sie das vorhandene aus Schlaganfall. Stellen Sie die Farbe auf R = 35 G = 31 B = 32, niedriger sein Opazität zu 70%, ändere das Mischmodus zu Sanftes Licht, und klicken Sie dann auf "Schlaganfall"Textstück zum Öffnen des Schlaganfall Fly-Out-Panel. Stellen Sie das ein Gewicht zu 2 px und dann das überprüfen Runde beitreten und Strich nach innen ausrichten Tasten.

Schritt 8

Stellen Sie sicher, dass der untere zusammengesetzte Pfad ausgewählt bleibt, und konzentrieren Sie sich auf den Pfad Aussehen Panel und fügen Sie eine Sekunde hinzu Schlaganfall Verwendung der Neuen Strich hinzufügen Taste.

Wählen Sie diesen neuen Strich aus und wenden Sie Ihr Gelb an Linearer Verlauf von dem Farbfelder und öffnen Sie die Schlaganfall Fly-Out-Panel. Stellen Sie das ein Gewicht zu 1 px und dann das überprüfen Runde beitreten und Schlaganfall nach außen ausrichten Tasten.

Schritt 9

Stellen Sie sicher, dass der untere zusammengesetzte Pfad noch ausgewählt ist, und öffnen Sie das Grafische Stile Panel (Fenster> Grafikstile) und klicken Sie auf Neuer Grafikstil. Gehen Sie zu Ihrem obersten zusammengesetzten Pfad, wählen Sie ihn aus und wenden Sie einfach Ihren Grafikstil aus dem Fenster an Grafische Stile Panel.

5. Erstellen und Verwenden des zweiten Grafikstils

Schritt 1

Wählen Sie Ihre Gruppe von blauen Kreisen und aus Gruppierung aufheben es (Shift-Control-G). Konzentrieren Sie sich auf einen dieser blauen Kreise, wählen Sie ihn aus und ersetzen Sie den blauen durch den Radialer Farbverlauf gezeigt in der folgenden Abbildung. Verwenden Sie die Verlaufswerkzeug (G) um die Größe und Position Ihres Farbverlaufs wie folgt einzustellen.

Schritt 2

Stellen Sie sicher, dass Ihr gelber Kreis ausgewählt bleibt, und konzentrieren Sie sich weiterhin auf das Aussehen Panel. Wähle aus Füllen und Duplikat es mit der Ausgewähltes Element duplizieren Taste.

Wählen Sie die neu hinzugefügte Füllung aus und gehen Sie zu Effekt> Stilisieren> Schlagschatten. Geben Sie die im linken Fenster angezeigten Attribute (im folgenden Bild) ein und klicken Sie auf OK und dann erneut zu Effekt> Stilisieren> Schlagschatten. Geben Sie die im anderen Fenster angezeigten Attribute ein und klicken Sie auf OK.

Schritt 3

Stellen Sie sicher, dass Ihr gelber Kreis ausgewählt bleibt, und konzentrieren Sie sich weiterhin auf das Aussehen Panel. Wählen Sie die untere Füllung aus und gehen Sie zu Effekt> Stilisieren> Äußeres Glühen. Geben Sie die in der folgenden Abbildung gezeigten Attribute ein und klicken Sie dann auf OK.

Schritt 4

Stellen Sie sicher, dass Ihr gelber Kreis ausgewählt bleibt, und konzentrieren Sie sich weiterhin auf das Aussehen Panel.

Wählen Sie den Strich und stellen Sie die Farbe auf R = 35 G = 31 B = 32, und öffnen Sie die Schlaganfall Fly-Out-Panel. Stellen Sie sicher, dass die Gewicht ist eingestellt auf 1 px und überprüfen Sie die Schlaganfall nach außen ausrichten Taste. Senken Sie es Opazität zu 50% und ändern Sie die Mischmodus zu Sanftes Licht und dann zu Effekt> Verzerren und Transformieren> Transformieren. Zieh den Vertikal verschieben Schieberegler auf 1 px und klicken Sie dann auf OK.

Schritt 5

Stellen Sie sicher, dass Ihr gelber Kreis noch ausgewählt ist, und gehen Sie zu Grafische Stile und speichern Sie Ihren zweiten Grafikstil. Wählen Sie alle Ihre blauen Kreise aus und wenden Sie diesen zweiten Grafikstil an.

6. Wie füge ich subtile Highlights hinzu?

Schritt 1

Verwendung der Ellipsenwerkzeug (L), ein ... kreieren 10 px einkreisen und mit weiß füllen (R = 255 G = 255 B = 255). Senken Sie es Opazität zu 80%, ändere das Mischmodus zu Überlagerung, und dann zu Effekt> Verzerren und verwandeln> Pucker & Bloat. Ziehen Sie den Schieberegler auf -80% und dann auf das klicken OK Taste. Multipliziere diesen kleinen Kreis (Control-C> Control-F) und verteilen Sie die Kopien wie im zweiten Bild gezeigt.

Schritt 2

Verwendung der Ellipsenwerkzeug (L), Erstelle ein 80 px Kreisen und platzieren Sie es ungefähr wie im ersten Bild. Füllen es mit dem Radialer Farbverlauf unten gezeigt und konzentrieren sich auf die Aussehen Panel. Vergiss nicht, dass die gelbe Null von der Gradient Bild steht für Opazität Prozentsatz. Wählen Sie die Füllung aus, ändern Sie ihre Füllung Mischmodus zu Überlagerung, und gehe zu Effekt> Unschärfe> Gaußsche Unschärfe. Geben Sie eine 18 px Radius und klicken Sie dann auf OK.

Schritt 3

Stellen Sie sicher, dass Ihr neuer Kreis ausgewählt bleibt, und konzentrieren Sie sich auf das Aussehen Panel und Duplikat die bestehende Füllen. Wählen Sie diese neue Füllung aus Opazität zu 80%, und klicken Sie auf die vorhandene Gaußscher Weichzeichner bewirken es zu öffnen. Senken Sie die Radius zu 9 px und dann zu Effekt> Pfad> Versatzpfad. Geben Sie ein -10 px Versatz und klicken Sie dann auf OK.

Schritt 4

Stellen Sie sicher, dass Ihr neuer Kreis ausgewählt bleibt, und konzentrieren Sie sich auf das Aussehen Panel und Duplikat die Spitze Füllen. Wählen Sie diese neue Füllung aus Opazität zu 60%, und öffnen Sie die vorhandenen Gaußscher Weichzeichner bewirken. Senken Sie die Radius zu 5 px und öffnen Sie dann das vorhandene Versatzpfad bewirken. Geben Sie ein -20 px Versatz und klicken Sie dann auf OK.

Duplikat diesen Kreis und platzieren Sie die Kopie wie im zweiten Bild gezeigt.

7. So fügen Sie eine Schattierung und eine subtile Textur hinzu

Schritt 1

Verwendung der Rechteckwerkzeug (M), erstelle eine neue 860 x 620 px formen und zentrieren. Füllen es mit dem Radialer Farbverlauf unten gezeigt und ändern Sie die Mischmodus zu Sanftes Licht. Denken Sie daran, dass die gelbe Null von der Gradient Bild steht für Opazität Prozentsatz und verwenden Sie die Verlaufswerkzeug (G) um den Farbverlauf grob zu strecken, wie im folgenden Bild gezeigt.

Schritt 2

Stellen Sie sicher, dass Ihr neuestes Rechteck ausgewählt bleibt, und konzentrieren Sie sich auf das Aussehen Panel. Fügen Sie eine Sekunde hinzu Füllen und wählen Sie es aus. Setzen Sie die Farbe auf Schwarz und senken Sie sie Opazität zu 10%, und ändern Sie die Mischmodus zu Sanftes Licht. Dann geh zu Effekt> Künstlerisch> Filmkorn. Geben Sie die in der folgenden Abbildung gezeigten Attribute ein und klicken Sie 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.