German (Deutsch) translation by Rebecca Priscilla (you can also view the original English article)
Im folgenden Illustrator-Tutorial erfahren Sie, wie Sie ieinee blitzartige Leuchtschrift als Texteffekt erstellen können. Zu Beginn lernen Sie, wie Sie einen Pinsel, den Hintergrund und den Hauptpfad erstellen können.
Anschließend lernen Sie, wie Sie einen Blitz in Illustrator erstellen und ihn zur Verzierung Ihres elektrischen Texteffekts verwenden können.
Wenn Sie keine Zeit haben, um zu lernen, wie man Blitze in Illustrator erstellt, können Sie jederzeit Envato Elements ausprobieren. Dort finden Sie eine Fülle von Ressourcen, mit denen Sie ganz einfach einen Blitzeffekt in Illustrator erstellen können. Dieser blitzige Lichtscheineffekt in Illustrator ist eines der vielen Beispiele.
Möchten Sie sich lieber Video-Tutorials ansehen? Dann haben Sie Glück! In diesem Video auf dem Envato Tuts+ YouTube-Kanal erfahren Sie, wie Sie einen Blitz in Illustrator erstellen und wie Sie diesen coolen elektrischen Vektoreffekt erzeugen können:
Kreative Bilder helfen Ihrem Business aufzufallen, in Erinnerung zu bleiben und dadurch langfristig erfolgreicher zu werden.
Ein Teil Ihrer Freizeit ist optimal investiert, wenn Sie Neues lernen. Adobe Illustrator kann der erste Schritt in einer neuen Unternehmensrichtung darstellen. Adobe Illustrator zu lernen kann sich langfristig als sehr sinnvoll erweisen. Sie können die eigenen Projekte cooler gestalten und sogar Ihr Portfolio durch neue Dienstleistungen und Angebotsmöglichkeiten erweitern.
Moderne, auffällige Illustrationen kommen beim Publikum besser an, generieren mehr Interaktion und verkaufen letztendlich auch mehr. Die Techniken der Illustration lernen nur die, die langfristig Ihre Horizonte erweitern und Neues schaffen möchten. Sichern Sie sich mit unserer Hilfe den klaren Wettbewerbsvorteil!
Was Sie in diesem Tutorial über elektrische Leuchtschrift lernen werden
- Wie man einen Kunstpinsel in Illustrator erstellt
- Wie man einen Blitz-Texteffekt in Illustrator erstellt
- Wie man einen Blitz in Illustrator zeichnet
- Wie man einen elektrischen Effekt in Illustrator erstellt
Was Sie benötigen
Sie benötigen die folgende Schriftart, um diesen elektrischen Texteffekt zu erstellen:
- Schriftart: Robinson Regular
1. Ein neues Dokument anlegen und die Rastereffekte einstellen
Drücken Sie Strg-N, um ein neues Dokument zu erstellen. Wählen Sie im Dropdown-Menü Einheiten die Option Pixel, setzen Sie die Breite auf 850 px und die Höhe auf 580 px und klicken Sie auf die Schaltfläche Erweiterte Optionen. Wählen Sie RGB als Farbmodus und setzen Sie die Rastereffekte auf Bildschirm (72 ppi), und klicken Sie dann auf die Schaltfläche Erstellen.
Aktivieren Sie das Raster (Ansicht > Raster ein/ausblenden oder Strg-") und am Raster ausrichten (Ansicht > Am Raster ausrichten oder Umschalt-Strg-"). Für den Anfang benötigen Sie eine Rasterlinie alle 1 px, also gehen Sie einfach auf Bearbeiten > Voreinstellungen > Hilfslinien & Raster und geben Sie 1 in das Feld Rasterlinie alle und 1 in das Feld Unterteilungen ein. Lassen Sie sich von den vielen Rasterlinien nicht entmutigen—sie erleichtern Ihnen die Arbeit, und denken Sie daran, dass Sie sie mit dem Tastaturkürzel Strg-" ganz einfach aktivieren oder deaktivieren können.
Mehr über das Rastersystem von Illustrator erfahren Sie in diesem kurzen Tutorial von Andrei Stefan: Der Umgang mit Rastersystem in Adobe Illustrator .
Sie sollten auch das Info-Bedienfeld öffnen (Fenster > Info), um eine Live-Vorschau mit der Größe und Position Ihrer Formen zu erhalten. Vergessen Sie nicht, die Maßeinheit unter Bearbeiten > Voreinstellungen > Einheiten auf Pixel einzustellen. All diese Optionen werden Ihre Arbeitsgeschwindigkeit deutlich erhöhen. Jetzt sind Sie bereit und können lernen, wie man grelle Blitze in Illustrator erstellt.
2. Einen Bildpinsel speichern und den Hintergrund erstellen
Schritt 1
Wählen Sie in der Werkzeugleiste das Ellipse-Werkzeug (L) und gehen Sie dann zu den Farbeinstellungen. Wählen Sie den Strich aus und entfernen Sie die Farbe, doppelklicken Sie dann auf die Farbfüllung und setzen Sie sie auf Schwarz (R=0 G=0 B=0).
Gehen Sie zu Ihrer Zeichenfläche und klicken und ziehen Sie einfach, um eine 10 x 1 px große Form zu erstellen—das Raster und Am Raster ausrichten sollten die Arbeit erleichtern.
Wechseln Sie zum Ankerpunkt-Werkzeug (Umschalt-C) und klicken Sie einfach auf den linken und rechten Ankerpunkt, um sie in Eckpunkte zu verwandeln, wie im zweiten Bild gezeigt.
Schritt 2
Vergewissern Sie sich, dass Ihre Form noch ausgewählt ist, und öffnen Sie das Pinsel-Bedienfeld (Fenster > Pinsel), um sie als Pinsel zu speichern.
Klicken Sie auf die Schaltfläche Neuer Pinsel, aktivieren Sie das Kontrollkästchen Bildpinsel und klicken Sie dann auf OK, um das Fenster Kontur-Optionen (Bildpinsel) zu öffnen. Behalten Sie die Standardeinstellungen bei und setzen Sie die Einfärbe-Methode auf Farbtone, damit Sie die Pinselfarbe nach der Anwendung ändern können.
Klicken Sie anschließend auf OK, und Ihr Bildpinsel sollte im Pinsel-Bedienfeld angezeigt werden. Lassen Sie das Pinsel-Bedienfeld geöffnet, da Sie diesen Bildpinsel benötigen, um Ihren eigenen Blitzeffekt in Illustrator zu erstellen.
Schritt 3
Für die folgenden Schritte benötigen Sie alle 5 Pixel eine Rasterlinie. Gehen Sie also zurück zu Bearbeiten > Voreinstellungen > Hilfslinien & Raster und geben Sie in das Feld Rasterlinie alle 5 ein.
Wählen Sie das Rechteckwerkzeug (M) und klicken Sie auf Ihre Zeichenfläche, um eine 870 x 600 px große Form zu erstellen.
Füllen Sie es mit R=9 G=23 B=72 und gehen Sie dann auf das Steuerung-Bedienfeld. Vergewissern Sie sich, dass die Ausrichtung auf Zeichenfläche eingestellt ist, und klicken Sie dann auf die Schaltflächen Horizontal zentriert ausrichten und Vertikal zentriert ausrichten, um Ihr Rechteck einfach in die Mitte der Zeichenfläche zu verschieben.
3. Den Text erstellen
Schritt 1
Wählen Sie das Textwerkzeug (T) und gehen Sie auf das Zeichen-Bedienfeld (Fenster > Schrift > Zeichen).
Wählen Sie die Schriftart Robison Regular Font und stellen Sie die Größe auf 250 pt ein. Klicken Sie dann auf Ihre Zeichenfläche und geben Sie "ELECTRIC" ein. Setzen Sie die Textfarbe auf R=62 G=239 B=254.
Schritt 2
Seien Sie sicher, dass Ihr Text ausgewählt ist, und wählen Sie Schrift > In Pfade umwandeln, um Ihren Text in bearbeitbare Vektorformen umzuwandeln. Drücken Sie Umschalt-Strg-G, um die Gruppierung der entstandenen Formengruppe aufzuheben.
Schritt 3
Wählen Sie die Form "I" aus und löschen Sie sie. Verwenden Sie dann das Rechteck-Werkzeug (M), um eine 60 x 180 px große Form zu erstellen, und füllen Sie sie mit Weiß (R=255 G=255 B=255).
Schritt 4
Vergewissern Sie sich, dass Ihr weißes Rechteck noch ausgewählt ist, und gehen Sie zu Objekt > Pfad > Ankerpunkte hinzufügen. Wechseln Sie zum Direktauswahl-Werkzeug (A), und konzentrieren Sie sich auf die neu hinzugefügten Ankerpunkte.
Beginnen Sie mit dem oberen Ankerpunkt, wählen Sie ihn aus und ziehen Sie ihn um 15 Px nach rechts, gehen Sie zum unteren Ankerpunkt und ziehen Sie ihn um 15 Px nach links. Wählen Sie den linken Ankerpunkt aus und ziehen Sie ihn um 15 px nach unten, wählen Sie dann den rechten Ankerpunkt aus und ziehen Sie ihn um 15 px nach oben, wie im zweiten Bild gezeigt.
Schritt 5
Arbeiten Sie weiter auf die weiße Form und stellen Sie sicher, dass das Direktauswahl-Werkzeug (A) immer noch aktiv ist. Wählen Sie den rechten oberen Ankerpunkt aus und ziehen Sie ihn 75 Px nach unten und 25 Px nach links.
Gehen Sie zum Ankerpunkt unten links, wählen Sie ihn aus und ziehen Sie ihn 75 Px nach oben und 25 Px nach links. Am Ende sollte es so aussehen wie auf dem zweiten Bild.
Schritt 6
Konzentrieren Sie sich weiterhin auf Ihre weiße Form, drücken Sie auf die Taste -, um das Werkzeug Ankerpunkt löschen zu aktivieren, und klicken Sie auf die beiden im ersten Bild hervorgehobenen Ankerpunkte, um sie einfach zu entfernen.
Schritt 7
Wählen Sie mit dem Auswahl-Werkzeug (V) die Form "E" aus, ziehen Sie sie nach links und lassen Sie einen Abstand von 160 px zwischen dem linken Rand dieser Buchstabenform und dem linken Rand der Hintergrundform.
Gehen Sie zur letzten "C"-Form, ziehen Sie sie nach rechts und lassen Sie diesmal einen Abstand von 160 px zwischen dem rechten Rand dieser Buchstabenform und dem rechten Rand der Hintergrundform.
Schritt 8
Wählen Sie alle Buchstabenformen zusammen mit der Blitzform aus, gehen Sie auf das Steuerung-Bedienfeld und klicken Sie auf die Schaltfläche Horizontal zentriert ausrichten. Dadurch wird der Abstand zwischen den ausgewählten Formen gleichmäßig.
Drücken Sie anschließend Strg-8 oder wählen Sie Objekt > Zusammengesetzter Pfad > Erstellen, um die ausgewählten Formen in einen einzigen zusammengesetzten Pfad zu verwandeln.
Schritt 9
Vergewissern Sie sich, dass Ihr zusammengesetzter Pfad ausgewählt ist, und zentrieren Sie ihn mit den Schaltflächen Horizontal zentriert ausrichten und Vertikal zentriert ausrichten im Steuerung-Bedienfeld. Nachdem Sie nun Ihren zusammengesetzten Pfad erstellt haben, können Sie sich an die Arbeit mit dem Blitz-Vektor-Effekt machen.
4. How to Create a Lightning Text Effect in Illustrator
Schritt 1
Im weiteren Verlauf dieses Tutorials ist es sehr wichtig, dass Sie den zusammengesetzten Pfad ausgewählt lassen, da Sie nun eine Reihe von Strichen und Effekten hinzufügen werden, die schließlich Ihren blitzigen Vektoreffekt bilden werden.
Öffnen Sie das Aussehen-Bedienfeld (Fenster > Aussehen), wählen Sie die Füllung aus und entfernen Sie die Farbe. Wählen Sie dann die Kontur aus und setzen Sie die Farbe auf R=0 G=88 B=179.
Erhöhen Sie die Strichstärke auf 2 pt und gehen Sie dann zu Effekt > Verzerrungs- und Transformationsfilter > Zickzack. Aktivieren Sie die Kontrollkästchen Absolut und Ecke, ziehen Sie beide Schieberegler auf 2, klicken Sie auf OK, um den Effekt anzuwenden, und gehen Sie dann zu Effekt > Verzerrungs- und Transformationsfilter > Aufrauen. Aktivieren Sie erneut die Kontrollkästchen Absolut und Ecke, aber ziehen Sie die Schieberegler auf 5 px und 10. Klicken Sie auf OK, um diesen zweiten Effekt anzuwenden, und gehen Sie dann zu Effekt > Stilisierungsfilter > Weiche Kante. Setzen Sie den Radius auf nur 1 px und klicken Sie auf OK.
Schritt 2
Immer noch auf dem Aussehen-Bedienfeld, vergewissern Sie sich, dass der Strich ausgewählt ist, und duplizieren Sie ihn mit der Schaltfläche Objekt duplizieren.
Wählen Sie den neuen Strich aus und verringern Sie die Stärke auf 1 px, und ersetzen Sie die Farbe durch R=0 G=166 B=215.
Schritt 3
Auf dem Aussehen-Bedienfeld, der oberste Schriftzug ist ausgewählt, und duplizieren Sie ihn mit der gleichen Schaltfläche Objekt duplizieren.
Wählen Sie den neuen Strich aus, ersetzen Sie die Farbe durch R=78 G=194 B=241, und öffnen Sie den vorhandenen Zickzack-Effekt. Ziehen Sie den Schieberegler Wellen pro Segment auf 4 und klicken Sie auf OK.
Schritt 4
Auf dem Aussehen-Bedienfeld wählen Sie der oberste Strich, und duplizieren Sie ihn.
Wählen Sie den neuen Strich aus und ersetzen Sie einfach die Farbe durch R=148 G=241 B=255.
Schritt 5
Weiterhin auf dem Aussehen-Bedienfeld wählen Sie der oberste Strich, und duplizieren Sie ihn.
Wählen Sie den neuen Strich aus und setzen Sie die Stärke auf 0.5 px herab. Tauschen Sie die Einstellungen für Größe und Wellen pro Segment aus und OK klicken.
Schritt 6
Auf dem Aussehen-Bedienfeld wählen Sie der oberste Strich, und duplizieren Sie ihn
Wählen Sie den neuen Strich aus, wenden Sie den Bildpinsel aus dem Pinsel-Bedienfeld an und stellen Sie die Farbe auf R=251 G=255 B=247.
Schritt 7
Noch auf dem Aussehen-Bedienfeld wählen Sie der oberste Strich, und duplizieren Sie ihn
Wählen Sie den neuen Schriftzug aus und setzen Sie die Stärke auf 0,25 px herab, und öffnen Sie dann den vorhandenen Effekt Aufrauen. Ziehen Sie beide Schieberegler auf 10 und auf OK klicken.
Schritt 8
Auf dem Aussehen-Bedienfeld wählen Sie die oberste Kontur, und fügen Sie neue Kontur hinzu mit der Schaltfläche Neue Kontur hinzufügen.
Wählen Sie diesen neuen Strich aus und wenden Sie den Bildpinsel aus dem Pinsel-Bedienfeld an. Legen Sie die Farbe auf R=68 G=78 B=255 est, erhöhen Sie die Stärke auf 6 px und ändern Sie den Füllmethode auf Ineinander kopieren, und gehen Sie dann zu Effekt > Weichzeichnen > Gaußscher Weichzeichner. Setzen Sie den Radius auf 10 px und klicken Sie auf OK.
Schritt 9
Auf dem Aussehen-Bedienfeld wählen Sie die oberste Kontur, und duplizieren Sie ihn.
Wählen Sie den neuen Strich aus und ändern Sie seine Farbe in R=251 G=176 B=64, und öffnen Sie dann den vorhandenen Effekt Gaußscher Weichzeichner. Verringern Sie den Radius auf 8 px und klicken Sie auf OK.
Schritt 10
Auf dem Aussehen-Bedienfeld wählen Sie die oberste Kontur, und fügen Sie eine neue Kontur darauf ein.
Wählen Sie diesen neuen Strich aus und wenden Sie den Bildpinsel aus dem Pinsel-Bedienfeld an. Setzen Sie die Farbe auf R=134 G=250 B=242, erhöhen Sie die Stärke auf 3 px und vergessen Sie nicht, die Füllmethode auf Ineinander kopieren zu ändern.
Schritt 11
Weiterhin auf das Aussehen-Bedienfeld, diesmal wählen Sie der untere Strich, und duplizieren Sie ihn.
Wählen Sie den unteren Strich aus, erhöhen Sie die Stärke auf 3 px, ersetzen Sie die Farbe durch R=0 G=27 B=135 und gehen Sie zu Effekt > Stilisierungsfilter > Schein nach außen. Geben Sie die unten gezeigten Einstellungen ein und klicken Sie auf OK.
Schritt 12
Auf das Aussehen-Bedienfeld, wählen Sie der untere Strich, und duplizieren Sie ihn.
Wählen Sie erneut den unteren Strich aus, ändern Sie die Farbe in R=9 G=23 B=72 und öffnen Sie dann den bereits angewendeten Effekt Schein nach außen. Ersetzen Sie die vorhandenen Einstellungen durch die im unten gezeigten Bild und klicken Sie auf OK.
Schritt 13
Weiterhin auf das Aussehen-Bedienfeld, stellen Sie sicher, dass der untere Strich ausgewählt ist, und duplizieren Sie ihn.
Wählen Sie den neuen Strich aus und ändern Sie seine Farbe in R=9 G=23 B=72. Wählen Sie den Effekt Schein nach außen, der auf diesen Strich angewendet wird, und entfernen Sie ihn mit der Schaltfläche Ausgewähltes Objekt löschen, und gehen Sie dann zu Effekt > Stilisierungsfilter > Schlagschatten.
Geben Sie die im ersten Fenster angezeigten Einstellungen ein, klicken Sie auf OK und gehen Sie erneut zu Effekt > Stilisierungsfilter > Schlagschatten. Geben Sie die im zweiten Fenster angezeigten Attribute ein und klicken Sie auf OK, um diesen zweiten Effekt anzuwenden.
Schritt 14
Dies ist Ihr elektrischer Texteffekt. Speichern Sie ihn als Grafik, damit Sie die Einstellungen für das Erscheinungsbild leicht auf andere Pfade anwenden und ähnliche Blitzeffekte in Illustrator erzeugen können.
Vergewissern Sie sich, dass Ihr zusammengesetzter Pfad noch ausgewählt ist, öffnen Sie das Grafikstil-Panel (Fenster > Grafikstile) und klicken Sie einfach auf die Schaltfläche Neuer Grafikstil, um all diese Aussehen-Einstellungen als Grafikstil zu speichern.
5. Wie man einen Blitz in Illustrator zeichnet
Schritt 1
Zeichnen Sie mit dem Zeichenstift-Werkzeug (P) oder dem Pinsel-Werkzeug (B) einige gezackte Pfade, die von Ihrem Text ausgehen, etwa wie im folgenden Bild gezeigt.
Schritt 2
Wählen Sie alle Pfade aus und klicken Sie einfach auf Ihren Grafikstil im Grafikstil-Bedienfeld, um alle Attribute des Aussehen zu übernehmen.
Schritt 3
Nehmen Sie nun einige Änderungen an den Aussehen-Einstellungen vor, damit die Pfade mehr wie Blitz-Vektor-Effekte aussehen.
Stellen Sie sicher, dass alle Pfade ausgewählt sind und der Fokus auf dem Aussehen-Bedienfeld liegt. Halten Sie die Umschalttaste gedrückt, um die unteren vier Striche auszuwählen, und entfernen Sie sie dann mit der Schaltfläche Ausgewähltes Objekt löschen.
Schritt 4
Vergewissern Sie sich, dass Ihre Pfade immer noch ausgewählt sind, und konzentrieren Sie sich weiterhin auf das Aussehen-Bedienfeld. Wählen Sie die unteren vier Striche einzeln aus und wenden Sie den Bildpinsel aus dem Pinsel-Bedienfeld an.
Schritt 5
Vergewissern Sie sich, dass Ihre Pfade immer noch ausgewählt sind, und konzentrieren Sie sich weiterhin auf das Aussehen-Bedienfeld. Wählen Sie die Striche einzeln aus und stellen Sie die Stärke wie im folgenden Bild gezeigt ein.
6. Wie man einen Blitz in Illustrator erstellt
Schritt 1
Stellen Sie sicher, dass mindestens einer Ihrer Pfade ausgewählt ist, und speichern Sie Ihren zweiten Grafikstil.
Schritt 2
Verwenden Sie erneut das Zeichenstift-Werkzeug (P) oder das Pinsel-Werkzeug (B), um einige neue gezackte Pfade zu zeichnen, etwa wie im folgenden Bild gezeigt.
Schritt 3
Vergewissern Sie sich, dass alle neuen gezackten Pfade ausgewählt sind, wenden Sie Ihren zweiten Grafikstil an und konzentrieren Sie sich dann auf das Aussehen-Bedienfeld, wo Sie die im folgenden Bild hervorgehobenen Striche deaktivieren müssen. Damit ist Ihr Tutorial über elektrischen Lichtscheineffekt fertig.
Herzlichen Glückwunsch! Sie haben es geschafft!
Hier sehen Sie, wie Ihr elektrischer Texteffekt aussehen sollte. Ich hoffe, dass Ihnen dieses Tutorial gefallen hat und Sie diese Techniken in Ihren zukünftigen Projekten anwenden können.
Sie können das endgültige Design gerne anpassen und Ihre eigenen elektrischen Effekte erstellen. Sie können einige großartige Inspirationsquellen bei Envato Elements finden, mit interessanten Lösungen, um Ihre Blitzeffekte in Illustrator zu verbessern.
Populäre blitzige Effekte von Envato Elements
Envato Elements ist eine hervorragende Ressource für elektrische Vektorgrafiken. Hier ist eine kurze Liste mit einigen der beliebtesten Assets, die Sie finden können.
Shake Lightning: Editierbare elektrische Leuchtschrift (AI, EPS)
Suchen Sie nach einem farbenfrohen elektrischen Texteffekt? Dies könnte die Lösung sein. Alles, was Sie tun müssen, ist Ihr Wort zu schreiben, und der elektrische Effekt wird angewendet!
Realistische Blitze Lightning Vector (AI, EPS, JPG, PNG)
Schauen Sie sich dieses Paket von Blitzvektoren an, die sich perfekt eignen, um weitere Blitztexteffekte in Illustrator zu dekorieren.
Handgezeichnete Blitze Vektor Donner Doodles (AI, EPS, JPG)
Machen Sie Ihre Designs lustig und cartoonartig mit diesen handgezeichneten Blitz-Vektoren. Sie eignen sich perfekt für Comics, Scrapbooking, Papierbastelprojekte, Kartendesign oder Aufkleber.
Lightning Vector Backgrounds (JPG, AI, EPS, PNG)
Erstellen Sie dynamische Blitz-Vektor-Hintergründe mit diesem Set bunter Blitze. Sie erhalten ein Konzept und zehn Farbschemata von mehrfarbigen polygonalen Flächen. Alle diese Blitz-Vektoren sind von hoher Qualität und druckfertig.
Electric Text Font (OTF, TTF)
Natürlich können Sie immer verschiedene elektrische Leuchtschriften für Ihren Texteffekt ausprobieren. Diese hier könnte ziemlich gut aussehen. Probieren Sie sie einfach aus.
Möchten Sie mehr erfahren?
Wir haben viele Illustrator-Tutorials auf Envato Tuts+, für Anfängern und Fortgeschrittene. Schauen Sie mal rein!
Adobe IllustratorHow to Create a Winter Text Effect in Illustrator
Adobe IllustratorHow to Create a Fall Text Effect in Illustrator
Text EffectsHow to Create a 3D Text Art Effect in Adobe Illustrator
Text EffectsHow to Create an Isometric Text Effect in Adobe Illustrator
Text EffectsHow to Create a Retro Long Shadow Text Effect in Adobe Illustrator
Text EffectsHow to Create a Western Text Effect in Adobe Illustrator
Text EffectsHow to Create a Christmas, Knitted Text Effect in Adobe Illustrator
Text EffectsHow to Create a Comic Book Text Effect in Illustrator
Adobe IllustratorHow to Create an Art Nouveau Text Effect in Illustrator
Text EffectsHow to Create a Graffiti Text Effect in Illustrator
Unlimited Downloads.
