So erstellen Sie einen Casino-Texteffekt in Adobe Illustrator

German (Deutsch) translation by Federicco Ancie (you can also view the original English article)

Final product image — What You'll Be Creating

In den folgenden Schritten erfahren Sie, wie Sie in Adobe Illustrator einen Casino-Texteffekt erstellen. Für den Anfang lernen Sie, wie Sie ein einfaches Raster einrichten und die Hauptformen mit einer kostenlosen Schriftart und grundlegenden Techniken zum Erstellen von Vektorformen erstellen.

Sie nutzen das Aussehen-Bedienfeld voll aus und erfahren, wie Sie Formen und zusammengesetzte Pfade stilisieren. Außerdem erfahren Sie, wie Sie Farbverläufe und Grafikstile speichern und später einfach anwenden können.

Im weiteren Verlauf erfahren Sie, wie Sie mit einfachen Effekten und grundlegenden Mischtechniken subtile Highlights hinzufügen. Schließlich erfahren Sie, wie Sie der gesamten Illustration eine subtile Textur hinzufügen.

Weitere Inspirationen zum Anpassen oder Verbessern Ihres endgültigen Texteffekts finden Sie bei GraphicRiver.

1. So erstellen Sie ein neues Dokument und richten ein Raster ein

Drücken Sie Strg-N, um ein neues Dokument zu erstellen. Wählen Sie Pixel aus dem Dropdown-Menü Einheiten, geben Sie 850 in das Feld Breite und 610 in das Feld Höhe ein und klicken Sie dann auf die Schaltfläche Weitere Einstellungen. Wählen Sie RGB für den Farbmodus, stellen Sie die Rastereffekte auf Bildschirm (72 ppi) und klicken Sie dann auf die Schaltfläche Dokument erstellen.

Aktivieren Sie das Raster (Ansicht > Raster anzeigen) und am Raster ausrichten (Ansicht > Am Raster ausrichten). Sie benötigen alle 5 px ein Raster, gehen Sie also einfach zu Bearbeiten > Einstellungen > Hilfslinien > Raster und geben Sie 5 in das Feld Rasterlinie jedes Feld und 1 in das Feld Unterteilungen ein. Lassen Sie sich von all dem Raster nicht entmutigen – es wird Ihre Arbeit erleichtern, und denken Sie daran, dass Sie es einfach mit der Tastenkombination Strg-" aktivieren oder deaktivieren können.

In diesem kurzen Tutorial von Andrei Stefan erfahren Sie mehr über das Rastersystem von Illustrator: Das Rastersystem von Adobe Illustrator verstehen.

Sie sollten auch das Info-Bedienfeld (Fenster > Info) öffnen, um eine Live-Vorschau mit der Größe und Position Ihrer Formen zu erhalten. Vergessen Sie nicht, die Maßeinheit unter Bearbeiten > Voreinstellungen > Einheiten auf Pixel einzustellen. Alle diese Optionen erhöhen Ihre Arbeitsgeschwindigkeit erheblich.

2. So erstellen Sie den Hintergrund und fügen Text hinzu

Schritt 1

Wählen Sie das Rechteckwerkzeug (M) und konzentrieren Sie sich auf Ihre Symbolleiste. Entfernen Sie die Farbe aus dem Strich und wählen Sie dann die Füllung aus und stellen Sie ihre Farbe auf R = 42 G = 47 B = 66 ein. Wechseln Sie zu Ihrer Zeichenfläche und erstellen Sie einfach ein Rechteck von 860 x 620 px – das Raster und die Am Raster ausrichten sollten dies erleichtern.

Stellen Sie sicher, dass Ihr Rechteck ausgewählt bleibt und öffnen Sie das Ausrichten-Bedienfeld (Fenster > Ausrichten). Wählen Sie in diesem Dropdown-Menü die Option An Zeichenfläche ausrichten und klicken Sie dann auf die Schaltflächen Horizontale Mitte ausrichten und Vertikale Mitte ausrichten, um Ihre Auswahl einfach zu zentrieren.

Wechseln Sie zum Ebenenbedienfeld (Fenster > Ebenen), wählen Sie die vorhandene Ebene aus und sperren Sie einfach Ihre Form, um sicherzustellen, dass Sie sie nicht versehentlich auswählen/verschieben.

Schritt 2

Wählen Sie das Textwerkzeug (T) und öffnen Sie das Zeichenbedienfeld (Fenster > Typ > Zeichen). Wählen Sie die Schriftart BudmoJiggler-Regular aus und stellen Sie die Größe auf 150 px und das Tracking auf 30 ein. Fügen Sie den Text "CASINO SLOTS" hinzu, setzen Sie die Farbe auf Weiß und zentrieren Sie ihn.

3. So erstellen Sie die Hauptformen

Schritt 1

Stellen Sie sicher, dass Ihr Text ausgewählt bleibt, und gehen Sie zu Typ > Konturen erstellen (Umschalt-Strg-O). Öffnen Sie das Pathfinder-Bedienfeld (Fenster > Pathfinder), klicken Sie auf die Schaltfläche Teilen und heben Sie dann die Gruppierung Ihrer Gruppe mit der Tastenkombination Umschalt-Strg-G auf.

Schritt 2

Konzentrieren Sie sich auf das Ebenenbedienfeld, öffnen Sie die vorhandene Ebene, und Sie sollten eine Reihe von Formen finden, für die keine Farbe für Füllung oder Kontur festgelegt ist (im Wesentlichen unsichtbar). Wählen Sie eine dieser Formen aus dem Ebenenbedienfeld aus und gehen Sie dann zu Auswählen > Gleich > Aussehen, um einfach alle Formen mit identischen Aussehensattributen auszuwählen. Füllen Sie diese Formen mit einem zufälligen Blau.

Schritt 3

Wählen Sie die drei im ersten Bild markierten Formen aus und entfernen Sie sie mit der Entf-Taste.

Schritt 4

Wählen Sie all diese blauen Formen aus und gruppieren Sie sie (Strg-G). Stellen Sie sicher, dass diese neue Gruppe ausgewählt ist und fügen Sie eine Kopie im Vordergrund hinzu (Strg-C > Strg-F). Wählen Sie diese Gruppenkopie zusammen mit den weißen Formen aus und klicken Sie im Pathfinder-Bedienfeld auf die Schaltfläche Vereinen.

Gruppierung (Umschalt-Strg-G) der resultierenden weißen Formen aufheben. Gehen Sie zum Ebenenbedienfeld, wählen Sie die verbleibende Gruppe blauer Formen aus und bringen Sie sie in den Vordergrund (Umschalt-Strg-]).

Schritt 5

Wählen Sie die sechs weißen Formen aus, die Ihr Top-Wort bilden, und drücken Sie Strg-8 (oder gehen Sie zu Objekt > Zusammengesetzter Pfad > Erstellen), um sie in einen zusammengesetzten Pfad zu verwandeln. Gehen Sie zum unteren Wort, wählen Sie die weißen Formen aus und verwandeln Sie sie in einen zweiten zusammengesetzten Pfad.

4. So erstellen und verwenden Sie den ersten Grafikstil

Schritt 1

Stellen Sie sicher, dass Ihr unterer zusammengesetzter Pfad ausgewählt bleibt, und konzentrieren Sie sich auf das Aussehenbedienfeld (Fenster > Aussehen). Wählen Sie die Füllung aus und ersetzen Sie einfach die Farbe durch den unten gezeigten linearen Verlauf.

Schritt 2

Stellen Sie sicher, dass Ihr unterer zusammengesetzter Pfad ausgewählt bleibt, konzentrieren Sie sich weiterhin auf das Aussehen-Bedienfeld und fügen Sie eine zweite Füllung mit der Schaltfläche Neue Füllung hinzufügen hinzu.

Ziehen Sie Ihre neue Füllung unter die vorhandene, wenden Sie den unten gezeigten linearen Verlauf an und gehen Sie dann zu Effekt > Pfad > Offset-Pfad. Geben Sie einen Versatz von 2 px ein, stellen Sie die Verbindungen auf Rund ein und klicken Sie auf OK. Denken Sie daran, dass die blauen Zahlen aus dem Verlaufsfenster für den Standortprozentsatz stehen. Wenn diese untere Füllung noch ausgewählt ist, gehen Sie zu Effekt > Verzerren & Transformieren > Transformieren. Ziehen Sie den Schieberegler Verschieben-Vertikal auf 0,2 px, geben Sie 60 in das Feld Kopien ein und klicken Sie dann auf die Schaltfläche OK.

Schritt 3

Stellen Sie sicher, dass Ihr unterer zusammengesetzter Pfad ausgewählt bleibt, konzentrieren Sie sich weiterhin auf das Aussehen-Bedienfeld und fügen Sie eine dritte Füllung mit derselben Schaltfläche Neue Füllung hinzufügen hinzu.

Ziehen Sie Ihre neue Füllung unter die vorhandenen, wenden Sie den unten gezeigten linearen Verlauf an und gehen Sie dann zu Effekt > Pfad > Versatzpfad. Geben Sie einen Versatz von 2 px ein, stellen Sie die Verbindungen auf Rund ein und klicken Sie auf die Schaltfläche OK. Gehen Sie als Nächstes zu Effekt > Verzerren & Transformieren > Transformieren. Ziehen Sie den Schieberegler Verschieben-Vertikal auf 13 px und klicken Sie dann auf OK.

Gehen Sie bei ausgewählter unterer Füllung zum Farbfeldbedienfeld (Fenster > Farbfelder) und klicken Sie auf Neues Farbfeld, um Ihren gelben linearen Farbverlauf schnell zu speichern.

Schritt 4

Stellen Sie sicher, dass Ihr unterer zusammengesetzter Pfad ausgewählt bleibt, konzentrieren Sie sich weiterhin auf das Aussehen-Bedienfeld und fügen Sie eine vierte Füllung hinzu.

Ziehen Sie diese neue Füllung unter die vorhandenen, legen Sie die Farbe auf R = 24 G = 27 B = 36 fest und gehen Sie dann zu Effekt > Pfad > Versatzpfad. Geben Sie einen Versatz von 2 px ein, setzen Sie die Verbindungen auf Rund und klicken Sie auf die Schaltfläche OK. Als nächstes gehen Sie zu Effekt > Verzerren & Transformieren > Transformieren. Ziehen Sie den Schieberegler Verschieben-Vertikal auf 15 px, klicken Sie auf OK und gehen Sie 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 Ihr unterer zusammengesetzter Pfad ausgewählt bleibt, konzentrieren Sie sich weiterhin auf das Aussehen-Bedienfeld und fügen Sie eine fünfte Füllung hinzu.

Ziehen Sie diese neue Füllung unter die vorhandenen und setzen Sie die Farbe auf Schwarz (R=0 G=0 B=0). Senken Sie die Deckkraft auf 15%, ändern Sie den Mischmodus auf Weiches Licht und gehen Sie dann zu Effekt > Pfad > Pfad versetzt. Geben Sie einen Versatz von 7 px ein, stellen Sie die Verbindungen auf Rund ein und klicken Sie auf OK. Als nächstes gehen Sie zu Effekt > Verzerren & Transformieren > Transformieren. Ziehen Sie den Schieberegler Verschieben-Vertikal auf 14 px und klicken Sie auf OK.

Schritt 6

Stellen Sie sicher, dass Ihr unterer zusammengesetzter Pfad ausgewählt bleibt, konzentrieren Sie sich weiterhin auf das Aussehen-Bedienfeld und fügen Sie eine sechste Füllung hinzu.

Ziehen Sie diese neue Füllung unter die vorhandenen und wenden Sie den unten gezeigten linearen Verlauf an. Senken Sie die Deckkraft auf 75%, ändern Sie den Mischmodus auf Weiches Licht und denken Sie daran, dass die gelbe Null für den Deckkraftprozentsatz steht. Wenn diese untere Füllung noch ausgewählt ist, gehen Sie zu Effekt > Pfad > Versatzpfad. Geben Sie einen 2 px Offset ein, klicken Sie auf die Schaltfläche OK und gehen Sie dann zu Effekt > Verzerren & Transformieren > Transformieren. Ziehen Sie den Schieberegler Verschieben-Vertikal auf 50 px, klicken Sie auf die Schaltfläche OK und gehen Sie dann zu Effekt > Weichzeichnen > Gaußscher Weichzeichner. Geben Sie einen Radius von 8 px ein und klicken Sie auf OK.

Schritt 7

Stellen Sie sicher, dass Ihr unterer zusammengesetzter Pfad ausgewählt bleibt, konzentrieren Sie sich weiterhin auf das Aussehen-Bedienfeld und wählen Sie den vorhandenen Strich aus. Setzen Sie die Farbe auf R = 35 G = 31 B = 32, verringern Sie die Deckkraft auf 70%, ändern Sie den Mischmodus auf Weiches Licht und klicken Sie dann auf das Textstück "Strich", um das Flyout-Bedienfeld Strich zu öffnen. Setzen Sie das Gewicht auf 2 px und aktivieren Sie dann die Schaltflächen Round Join und Align Stroke to Inside.

Schritt 8

Stellen Sie sicher, dass Ihr unterer zusammengesetzter Pfad ausgewählt bleibt, konzentrieren Sie sich weiterhin auf das Aussehen-Bedienfeld und fügen Sie einen zweiten Strich mit der Schaltfläche Neuen Strich hinzufügen hinzu.

Wählen Sie diesen neuen Strich aus, wenden Sie Ihren gelben linearen Verlauf aus dem Farbfeldbedienfeld an und öffnen Sie dann das Flyout-Bedienfeld Strich. Setzen Sie die Gewichtung auf 1 px und aktivieren Sie dann die Schaltflächen Round Join und Align Stroke to Outside.

Schritt 9

Stellen Sie sicher, dass der untere zusammengesetzte Pfad noch ausgewählt ist, öffnen Sie das Grafikstilebedienfeld (Fenster > Grafikstile) und klicken Sie auf Neuer Grafikstil. Wechseln Sie zum obersten zusammengesetzten Pfad, wählen Sie ihn aus und wenden Sie einfach Ihren Grafikstil aus dem Grafikstile-Bedienfeld an.

5. So erstellen und verwenden Sie den zweiten Grafikstil

Schritt 1

Wählen Sie Ihre Gruppe blauer Kreise erneut aus und heben Sie die Gruppierung auf (Umschalt-Strg-G). Konzentrieren Sie sich auf einen dieser blauen Kreise, wählen Sie ihn aus und ersetzen Sie das Blau durch den radialen Farbverlauf, der in der folgenden Abbildung gezeigt wird. Verwenden Sie das Verlaufswerkzeug (G), um die Größe und Position Ihres Verlaufs wie unten gezeigt anzupassen.

Schritt 2

Stellen Sie sicher, dass Ihr gelber Kreis ausgewählt bleibt und konzentrieren Sie sich weiterhin auf das Aussehen-Bedienfeld. Wählen Sie die Füllung aus und duplizieren Sie sie mit der Schaltfläche Ausgewähltes Element duplizieren.

Wählen Sie die neu hinzugefügte Füllung aus und gehen Sie zu Effekt > Stilisieren > Schlagschatten. Geben Sie die im linken Fenster angezeigten Attribute ein (in der folgenden Abbildung), klicken Sie auf die Schaltfläche OK und gehen Sie dann erneut zu Effekt > Stilisieren > Schlagschatten. Geben Sie die im anderen Fenster angezeigten Attribute ein und klicken Sie dann auf OK.

Schritt 3

Stellen Sie sicher, dass Ihr gelber Kreis ausgewählt bleibt und konzentrieren Sie sich weiterhin auf das Aussehen-Bedienfeld. Wählen Sie die untere Füllung aus und gehen Sie zu Effekt > Stilisieren > Äußeres Glü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 ausgewählt bleibt und konzentrieren Sie sich weiterhin auf das Aussehen-Bedienfeld.

Wählen Sie den Strich aus, stellen Sie die Farbe auf R=35 G=31 B=32 ein und öffnen Sie das Flyout-Bedienfeld Strich. Stellen Sie sicher, dass das Gewicht auf 1 px eingestellt ist, und aktivieren Sie die Schaltfläche Strich nach außen ausrichten. Senken Sie die Deckkraft auf 50% und ändern Sie den Mischmodus auf Weiches Licht und gehen Sie dann zu Effekt > Verzerren & Transformieren > Transformieren. Ziehen Sie den Schieberegler Verschieben-Vertikal auf 1 px und klicken Sie dann auf OK.

Schritt 5

Stellen Sie sicher, dass Ihr gelber Kreis noch ausgewählt ist, gehen Sie zum Grafikstile-Bedienfeld und speichern Sie Ihren zweiten Grafikstil. Wählen Sie alle Ihre blauen Kreise aus und wenden Sie diesen zweiten Grafikstil an.

6. Wie man subtile Highlights hinzufügt

Schritt 1

Erstellen Sie mit dem Ellipsenwerkzeug (L) einen 10 px-Kreis und füllen Sie ihn mit Weiß (R = 255 G = 255 B = 255). Senken Sie die Deckkraft auf 80%, ändern Sie den Mischmodus auf Überlagerung und gehen Sie dann zu Effekt > Verzerren & Transformieren > Pucker & Bloat. Ziehen Sie diesen Schieberegler auf -80% und klicken Sie dann auf die Schaltfläche OK. Multiplizieren Sie diesen kleinen Kreis (Strg-C > Strg-F) und verteilen Sie die Kopien wie im zweiten Bild gezeigt.

Schritt 2

Erstellen Sie mit dem Ellipse-Werkzeug (L) einen 80-Pixel-Kreis und platzieren Sie ihn ungefähr wie im ersten Bild gezeigt. Füllen Sie es mit dem unten gezeigten radialen Farbverlauf und konzentrieren Sie sich auf das Aussehenbedienfeld. Vergessen Sie nicht, dass die gelbe Null aus dem Verlaufsbild für den Prozentsatz der Deckkraft steht. Wählen Sie die Füllung aus, ändern Sie den Mischmodus in Überlagerung und gehen Sie zu Effekt > Weichzeichnen > Gaußscher Weichzeichner. Geben Sie einen Radius von 18 px ein und klicken Sie dann auf OK.

Schritt 3

Stellen Sie sicher, dass Ihr neuer Kreis ausgewählt bleibt, konzentrieren Sie sich weiterhin auf das Aussehenbedienfeld und duplizieren Sie die vorhandene Füllung. Wählen Sie diese neue Füllung aus, verringern Sie ihre Deckkraft auf 80% und klicken Sie auf den vorhandenen Gaußschen Weichzeichner-Effekt, um ihn zu öffnen. Verringern Sie den Radius auf 9 px und gehen Sie dann zu Effekt > Pfad > Versatzpfad. Geben Sie einen Offset von -10 px ein und klicken Sie dann auf OK.

Schritt 4

Stellen Sie sicher, dass Ihr neuer Kreis ausgewählt bleibt, konzentrieren Sie sich weiterhin auf das Aussehen-Bedienfeld und duplizieren Sie die obere Füllung. Wählen Sie diese neue Füllung aus, verringern Sie ihre Deckkraft auf 60% und öffnen Sie den vorhandenen Gaußschen Weichzeichner-Effekt. Senken Sie den Radius auf 5 px und öffnen Sie dann den vorhandenen Offset-Pfad-Effekt. Geben Sie einen Offset von -20 px ein und klicken Sie dann auf OK.

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

7. Wie man Schattierung und eine subtile Textur hinzufügt

Schritt 1

Erstellen Sie mit dem Rechteckwerkzeug (M) eine neue Form von 860 x 620 px und zentrieren Sie sie. Füllen Sie es mit dem unten gezeigten radialen Farbverlauf und ändern Sie den Mischmodus auf Weiches Licht. Denken Sie daran, dass die gelbe Null im Verlaufsbild für den Prozentsatz der Deckkraft steht, und verwenden Sie das Verlaufswerkzeug (G), um Ihren Verlauf grob zu dehnen, wie in der folgenden Abbildung gezeigt.

Schritt 2

Stellen Sie sicher, dass Ihr neuestes Rechteck ausgewählt bleibt, und konzentrieren Sie sich weiterhin auf das Aussehenbedienfeld. Fügen Sie eine zweite Füllung hinzu und wählen Sie sie aus. Stellen Sie die Farbe auf Schwarz ein, verringern Sie die Deckkraft auf 10% und ändern Sie den Mischmodus auf Weiches Licht. Gehen Sie dann zu Effekt > Künstlerisch > Filmkorn. Geben Sie die in der folgenden Abbildung gezeigten Attribute ein und klicken Sie auf OK.

Herzliche Glückwünsche! Sie sind fertig!

So sollte es aussehen. Ich hoffe, Ihnen hat dieses Tutorial gefallen und Sie können diese Techniken in Ihren zukünftigen Projekten anwenden.

Fühlen Sie sich frei, das endgültige Design anzupassen und es zu Ihrem eigenen zu machen. Bei GraphicRiver finden Sie einige großartige Inspirationsquellen mit interessanten Lösungen, um Ihr Design zu verbessern.

Casino Text Effect Adobe Ilustrator Tutorial