Wie kann man einen Texteffekt für Feierkerzen in Adobe Illustrator erstellen?
German (Deutsch) translation by Katharina Grigorovich-Nevolina (you can also view the original English article)



In den folgenden Schritten erfahren Sie, wie Sie in Adobe Illustrator einen Texteffekt für Feierkerzen erstellen.
Zunächst lernen Sie, wie Sie ein einfaches Raster einrichten und einen dezent gemusterten Hintergrund erstellen. Mit einer kostenlosen Schriftart und dem Erscheinungsbildbedienfeld sowie einigen grundlegenden Misch- und Gruppierungstechniken lernen Sie, wie Sie die wichtigsten Textformen erstellen. Sie erfahren, wie Sie Ihre Arbeit mit Zielsymbolen erleichtern und Ihre Formen im Ebenenbedienfeld organisieren. Schließlich erfahren Sie, wie Sie einige Verkrümmen-Effekte verwenden und wie Sie subtile Texturen und Schattierungen hinzufügen.
Weitere Inspirationen zum Anpassen oder Verbessern Ihres endgültigen Texteffekts finden Sie bei GraphicRiver.



1. Wie kann man ein neues Dokument erstellen und ein Raster einrichten?
Drücken Sie Strg-N, um ein neues Dokument zu erstellen. Wählen Sie Pixel aus dem Dropdown-Menü Einheiten, geben Sie 850 in die Felder für Breite und Höhe ein und klicken Sie dann auf die Schaltfläche Weitere Einstellungen. Wählen Sie RGB für den Farbmodus, stellen Sie die Rastereffekte auf Bildschirm (72 ppi) ein und klicken Sie dann auf Dokument erstellen.
Aktivieren Sie das Raster (Ansicht > Raster anzeigen) und am Raster ausrichten (Ansicht > Am Raster ausrichten). Sie benötigen alle 1 px ein Raster, also gehen Sie einfach zu Bearbeiten > Einstellungen > Hilfslinien und Raster, geben Sie 1 in das Feld Rasterlinie jedes und 1 in das Feld Unterteilungen ein. Versuchen Sie, sich von all dem Raster nicht entmutigen zu lassen; es wird Ihre Arbeit erleichtern und denken Sie daran, dass Sie es einfach mit der Tastenkombination Strg-" aktivieren oder deaktivieren können.
In diesem kurzen Tutorial von Andrei Stefan erfahren Sie mehr über das Rastersystem von Illustrator: Das Rastersystem von Adobe Illustrator verstehen.
Sie sollten auch das Info-Bedienfeld (Fenster > Info) öffnen, 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. Alle diese Optionen erhöhen Ihre Arbeitsgeschwindigkeit erheblich.



2. Wie kannn man den Hintergrund erstellen und Text hinzufügen?
Schritt 1
Wählen Sie das Rechteckwerkzeug (M) und konzentrieren Sie sich auf Ihre Symbolleiste. Entfernen Sie die Farbe aus dem Strich, wählen Sie dann die Füllung aus und setzen Sie ihre Farbe auf R=155 G=173 B=202.
Wechseln Sie zu Ihrer Zeichenfläche, erstellen Sie ein 860-Pixel-Quadrat und stellen Sie sicher, dass es Ihre gesamte Zeichenfläche abdeckt.



Schritt 2
Öffnen Sie das Flyout-Menü in Ihrem Farbfeld-Bedienfeld (Fenster > Farbfelder) und gehen Sie zu Farbfeldbibliothek öffnen > Muster > Grundlegende Grafiken > Grundlegende Grafiken_Texturen. Dadurch wird ein neues Bedienfeld mit einigen integrierten Mustern geöffnet.
Stellen Sie sicher, dass Ihr blaues Quadrat noch ausgewählt ist, konzentrieren Sie sich auf das Aussehen-Bedienfeld (Fenster > Aussehen) und fügen Sie mit der Schaltfläche Neue Füllung hinzufügen eine neue Füllung hinzu. Wählen Sie diese neue Füllung aus, wenden Sie das Mezzotint Irregular-Muster an, verringern Sie dann seine Deckkraft auf 30% und ändern Sie die Fühlmethode auf Weiches Licht.



Schritt 3
Konzentrieren Sie sich auf das Ebenen-Bedienfeld (Fenster > Ebenen), sperren Sie die vorhandene Ebene und fügen Sie dann über die Schaltfläche Neue Ebene erstellen eine zweite Ebene hinzu. Wählen Sie es aus.
Wählen Sie das Textwerkzeug (T) und öffnen Sie das Zeichen-Bedienfeld (Fenster > Schrift > Zeichen). Wählen Sie die Schriftart Coiny aus und stellen Sie die Größe auf 170 px ein. Klicken Sie einfach auf Ihre Zeichenfläche und fügen Sie den Text "FIRST 10 DAYS" hinzu. Platzieren Sie es in der Mitte Ihrer Zeichenfläche und stellen Sie die Farbe auf R=255 G=242 B=161 ein.



Schritt 4
Stellen Sie sicher, dass Ihr Text noch ausgewählt ist, gehen Sie zu Schrift > Konturen erstellen und drücken Sie dann einfach Umschalt-Strg-G, um die resultierende Gruppe aufzuheben.



3. Wie kann man die Buchstabenformen stilisieren?
Schritt 1
Konzentrieren wir uns auf eine dieser Buchstabenformen. Wählen Sie es aus und gehen Sie zum Aussehen-Bedienfeld.
Wählen Sie die vorhandene Füllung aus, ersetzen Sie die Farbe durch den unten gezeigten linearen Farbverlauf und gehen Sie dann zu Effekt > Pfad > Pfad verschieben. Geben Sie einen Verschieben von 6 px ein, klicken Sie auf die Schaltfläche OK und gehen Sie dann zu Effekt > Verzerrungs- und Transformationsfilter > Aufrauen. Geben Sie die in der folgenden Abbildung gezeigten Attribute ein, klicken Sie auf die Schaltfläche OK und gehen Sie dann zu Effekt > Stilisieren > Schein nach innen. Geben Sie die in der folgenden Abbildung gezeigten Attribute ein und klicken Sie dann auf die Schaltfläche OK.



Schritt 2
Stellen Sie sicher, dass Ihre stilisierte Buchstabenform ausgewählt bleibt, und konzentrieren Sie sich weiterhin auf das Aussehen-Bedienfeld.
Wählen Sie den Strich aus und ersetzen Sie die Farbe durch den unten gezeigten linearen Verlauf. Senken Sie die Deckkraft auf 70% und ändern Sie die Fühlmethode auf Weiches Licht. Klicken Sie dann auf das Textstück "Kontur", um das Flyout-Bedienfeld "Kontur" zu öffnen. Erhöhen Sie die Gewichtung auf 4 px und überprüfen Sie die Schaltfläche Kontur nach außen ausrichten.



Schritt 3
Stellen Sie sicher, dass Ihre stilisierte Buchstabenform ausgewählt bleibt, und konzentrieren Sie sich weiterhin auf das Aussehen-Bedienfeld. Fügen Sie mit der Schaltfläche Neue Kontur hinzufügen eine zweite Kontur hinzu und wählen Sie ihn aus.
Stellen Sie die Farbe auf R=241 G=77 B=12 und das Gewicht auf 5 px und gehen Sie dann zu Effekt > Pfad > Pfad verschieben. Geben Sie ein Verschieben von -2 px ein, klicken Sie auf die Schaltfläche OK und gehen Sie dann zu Effekt > Verzerrungs- und Transformationsfilter > Aufrauen. Geben Sie die in der folgenden Abbildung gezeigten Attribute ein, klicken Sie auf die Schaltfläche OK und gehen Sie dann zu Effekt > Stilisieren > Schlagschatten. Geben Sie die unten gezeigten Attribute ein und klicken Sie dann auf die Schaltfläche OK.



Schritt 4
Stellen Sie sicher, dass Ihre stilisierte Buchstabenform ausgewählt bleibt, und konzentrieren Sie sich weiterhin auf das Aussehen-Bedienfeld. Fügen Sie eine dritte Kontur hinzu und wählen Sie ihn aus.
Stellen Sie die Farbe auf R=252 G=138 B=6 und das Gewicht auf 3 px und gehen Sie dann zu Effekt > Pfad > Pfad verschieben. Geben Sie ein Verschieben von -2 px ein, klicken Sie auf die Schaltfläche OK und gehen Sie dann zu Effekt > Verzerrungs- und Transformationsfilter > Aufrauen. Geben Sie die in der folgenden Abbildung gezeigten Attribute ein, klicken Sie auf die Schaltfläche OK und öffnen Sie dann das Flyout-Menü Kontur. Konzentrieren Sie sich auf den unteren Rand, öffnen Sie das Dropdown-Menü Profil und wählen Sie Breitenprofil 2.



Schritt 5
Stellen Sie sicher, dass Ihre stilisierte Buchstabenform ausgewählt bleibt, und konzentrieren Sie sich weiterhin auf das Aussehen-Bedienfeld. Fügen Sie eine vierte Kontur hinzu und wählen Sie ihn aus.
Stellen Sie die Farbe auf R=255 G=191 B=23 und das Gewicht auf 1 px und gehen Sie dann zu Effekt > Pfad > Pfad verschieben. Geben Sie ein Verschieben von -2 px ein, klicken Sie auf die Schaltfläche OK und gehen Sie dann zu Effekt> Verzerrungs- und Transformationsfilter > Aufrauen. Geben Sie die in der folgenden Abbildung gezeigten Attribute ein, klicken Sie auf die Schaltfläche OK und öffnen Sie dann das Flyout-Menü Kontur. Öffnen Sie das Dropdown-Menü Profil und wählen Sie Breitenprofil 6.



Schritt 6
Konzentrieren Sie sich auf das Ebenen-Bedienfeld, öffnen Sie Ihre oberste Ebene und verwenden Sie diese Zielsymbole, um die Aussehen-Attribute, die für Ihre ersten Buchstabenformen verwendet werden, einfach auf den Rest Ihrer Formen anzuwenden. Zielsymbole sind die kleinen runden Symbole, die ganz rechts von jeder einzelnen Ebene oder Form angezeigt werden. Halten Sie die Alt-Taste auf Ihrer Tastatur gedrückt, klicken Sie auf das Zielsymbol, das für Ihre stilisierten Buchstabenformen steht, und ziehen Sie es dann in eines der Zielsymbole, die für die anderen Buchstabenformen stehen. Verwenden Sie dieselbe Technik, um den Rest Ihrer Formen zu stilisieren.



4. Wie kann man die Kunststoffständer erstellen?
Schritt 1
Konzentrieren Sie sich auf die Unterseite Ihrer ersten Buchstabenformen. Erstellen Sie mit dem Rechteckwerkzeug (M) eine Form von 20 x 25 px und platzieren Sie sie wie in der folgenden Abbildung gezeigt.
Füllen Sie es mit einem zufälligen Lila und gehen Sie dann zu Effekt > Stilisieren > Abgerundete Ecken. Geben Sie einen Radius von 2 px ein, klicken Sie auf die Schaltfläche OK und gehen Sie dann zu Effekt > Verkrümmungsfilter > Bogen unten. Geben Sie die in der folgenden Abbildung gezeigten Attribute ein und klicken Sie dann auf die Schaltfläche OK.



Schritt 2
Erstellen Sie mit dem Rechteckwerkzeug (M) eine Form von 6 x 20 px und platzieren Sie sie wie in der folgenden Abbildung gezeigt.
Füllen Sie es mit Schwarz und gehen Sie dann zu Effekt > Stilisieren > Abgerundete Ecken. Geben Sie einen Radius von 1 px ein, klicken Sie auf die Schaltfläche OK und gehen Sie dann zu Effekt > Verkrümmungsfilter > Bogen oben. Geben Sie die in der folgenden Abbildung gezeigten Attribute ein und klicken Sie dann auf die Schaltfläche OK.



Schritt 3
Stellen Sie sicher, dass Ihre schwarzen und violetten Formen noch ausgewählt sind, und gehen Sie zu Objekt > Aussehen umwandeln. Wählen Sie die resultierenden Formen aus, öffnen Sie das Pathfinder-Bedienfeld (Fenster > Pathfinder) und klicken Sie auf die Schaltfläche Vorderes Objekt abziehen.



Schritt 4
Stellen Sie sicher, dass Ihre violette Form noch ausgewählt ist, und konzentrieren Sie sich auf das Aussehen-Bedienfeld. Wählen Sie die Füllung aus, ersetzen Sie die Farbe durch den unten gezeigten linearen Verlauf und gehen Sie dann zu Effekt > Stilisieren > Schlagschatten. Geben Sie die in der folgenden Abbildung gezeigten Attribute ein und klicken Sie dann auf die Schaltfläche OK.



Schritt 5
Stellen Sie sicher, dass Ihre kleine Form noch ausgewählt ist, und gehen Sie zu Effekt > Stilisieren > Abgerundete Ecken. Geben Sie einen Radius von 2 px ein, klicken Sie auf die Schaltfläche OK und gehen Sie dann zu Effekt > Verkrümmungsfilter > Bogen unten. Geben Sie die in der folgenden Abbildung gezeigten Attribute ein und klicken Sie dann auf die Schaltfläche OK. Wenn Sie fertig sind, senden Sie diese Form mit der Tastenkombination Umschalt-Strg-[ nach hinten.



Schritt 6
Multiplizieren Sie Ihre kleine Form (Strg-C > Strg-V) und verteilen Sie die Kopien wie in der folgenden Abbildung gezeigt. Vergessen Sie nicht, sie zurück zu senden (Shift-Control-[)



5. Wie kann man Schattierungen und eine Reihe farbiger Punkte hinzufügen?
Schritt 1
Wählen Sie Ihre erste Buchstabenform zusammen mit der kleinen aus und gruppieren Sie sie (Strg-G).



Schritt 2
Stellen Sie sicher, dass Ihre neue Gruppe noch ausgewählt ist, und gehen Sie zu Effekt > Stilisieren > Schlagschatten. Geben Sie die im linken Fenster (in der folgenden Abbildung) angezeigten Attribute ein, klicken Sie auf die Schaltfläche OK und wenden Sie dann die anderen beiden unten gezeigten Schlagschatten-Effekte an.



Schritt 3
Gehen Sie zu den restlichen Formen und gruppieren Sie sie wie bei den ersten beiden. Verwenden Sie erneut diese Zielsymbole im Ebenen-Bedienfeld, um die Schlagschatten-Effekte einfach von einer Gruppe in eine andere zu übertragen.



Schritt 4
Konzentrieren Sie sich auf das Ebenen-Bedienfeld, sperren Sie Ihre zweite Ebene und fügen Sie eine dritte hinzu. Wählen Sie es aus.
Erstellen Sie mit dem Ellipse-Werkzeug (L) ein Bündel von 5 px Kreisen, verteilen Sie sie wie in der folgenden Abbildung gezeigt und füllen Sie sie mit den sechs unten gezeigten Farben.



Schritt 5
Multiplizieren Sie Ihre farbigen Kreise und verteilen Sie sie wie im folgenden Bild gezeigt.



Schritt 6
Wählen Sie alle Ihre farbigen Kreise aus und gehen Sie zu Effekt > Verzerrungs- und Transformationsfilter > Aufrauen. Geben Sie die in der folgenden Abbildung gezeigten Attribute ein und klicken Sie dann auf die Schaltfläche OK.



6. Wie kann man die Flammen erstellen?
Schritt 1
Konzentrieren Sie sich auf das Ebenen-Bedienfeld, sperren Sie Ihre dritte Ebene und fügen Sie eine vierte hinzu. Wählen Sie es aus und konzentrieren Sie sich dann auf die Oberseite Ihrer ersten Buchstabenform.
Erstellen Sie mit dem Ellipse-Werkzeug (L) eine Form von 16 x 45 px, füllen Sie sie mit dem unten gezeigten linearen Verlauf und platzieren Sie sie wie im ersten Bild gezeigt. Konzentrieren Sie sich auf die Oberseite dieses zusammengedrückten Kreises, wählen Sie das Ankerpunkt-Werkzeug (Umschalt-C) und klicken Sie einfach auf diesen Ankerpunkt.



Schritt 2
Erstellen Sie mit dem Ellipse-Werkzeug (L) eine Form von 10 x 34 px, füllen Sie sie mit dem unten gezeigten linearen Verlauf und platzieren Sie sie wie im ersten Bild gezeigt. Stellen Sie sicher, dass diese neue Form ausgewählt bleibt, wählen Sie das Ankerpunkt-Werkzeug (Umschalt-C) und klicken Sie auf den oberen Ankerpunkt.



Schritt 3
Erstellen Sie mit dem Ellipse-Werkzeug (L) eine Form von 6 x 22 px, füllen Sie sie mit dem unten gezeigten linearen Verlauf und platzieren Sie sie wie im ersten Bild gezeigt. Stellen Sie sicher, dass diese neue Form ausgewählt bleibt, wählen Sie das Ankerpunkt-Werkzeug (Umschalt-C) und klicken Sie auf den oberen Ankerpunkt.



Schritt 4
Erstellen Sie mit dem Rechteckwerkzeug (M) eine 2 x 32 px große Form, füllen Sie sie mit dem unten gezeigten linearen Verlauf und platzieren Sie sie wie im ersten Bild gezeigt. Stellen Sie sicher, dass diese neue Form ausgewählt bleibt und wählen Sie das Direktauswahl-Werkzeug (A). Wählen Sie die oberen Ankerpunkte aus und gehen Sie zu Objekt > Pfad > Durchschnitt berechnen (Alt-Strg-J). Aktivieren Sie das Kontrollkästchen Beide und klicken Sie dann auf die Schaltfläche OK.



Schritt 5
Erstellen Sie mit dem Ellipse-Werkzeug (L) eine Form von 12 x 22 px, füllen Sie sie mit R=255 G=247 B=209 und platzieren Sie sie wie im ersten Bild gezeigt. Senken Sie die Deckkraft auf 40% und ändern Sie die Fühlmethode auf Ineinanderkopieren.
Erstellen Sie mit demselben Werkzeug eine 6 x 2 px große Form und füllen Sie sie mit dem unten gezeigten linearen Verlauf. Platzieren Sie es wie im zweiten Bild gezeigt und senden Sie es nach hinten (Shift-Control-[).



Schritt 6
Wählen Sie alle Formen aus, aus denen Ihre Flamme besteht, und gruppieren Sie sie (Strg-G). Multiplizieren Sie diese Gruppe (Strg-C > Strg-V) und verteilen Sie die Kopien wie in der folgenden Abbildung gezeigt.



Schritt 7
Wählen Sie Ihre erste Flammengruppe aus und gehen Sie zu Effekt > Verkrümmungsfilter > Flagge. Geben Sie die in der folgenden Abbildung gezeigten Attribute ein und klicken Sie dann auf die Schaltfläche OK. Wählen Sie die restlichen Gruppen aus und wenden Sie denselben Verkrümmen-Flagge-Effekt an, spielen Sie jedoch mit dem Bend-Attribut.



Schritt 8
Wählen Sie das Ellipse-Werkzeug (L) und erstellen Sie eine Reihe von 40-Pixel-Kreisen. Füllen Sie diese neuen Formen mit R=255 G=247 B=209 und platzieren Sie sie wie in der folgenden Abbildung gezeigt.



Schritt 9
Stellen Sie sicher, dass Ihr Satz von 40-Pixel-Kreisen ausgewählt bleibt, senden Sie ihn nach hinten (Umschalt-Strg-[) und konzentrieren Sie sich dann auf das Aussehen-Bedienfeld. Senken Sie die Deckkraft auf 25 % und ändern Sie die Fühlmethode auf Ineinanderkopieren und gehen Sie dann zu Effekt > Weichzeichnen > Gaußscher Weichzeichner. Geben Sie einen Radius von 10 px ein und klicken Sie dann auf die Schaltfläche OK.



7. Wie kann man Schattierung und eine subtile Textur hinzufügen?
Schritt 1
Erstellen Sie ein neues 860-Pixel-Quadrat, stellen Sie sicher, dass es Ihre gesamte Zeichenfläche bedeckt, und füllen Sie es mit dem unten gezeigten radialen Farbverlauf. Beachten Sie, dass die gelbe Null aus dem Verlauf-Bild (Fenster > Verlauf) für den Prozentsatz der Deckkraft steht. Konzentrieren Sie sich auf das Aussehen-Bedienfeld und wählen Sie die vorhandene Füllung aus. Senken Sie die Deckkraft auf 70% und ändern Sie die Fühlmethode auf Weiches Licht.



Schritt 2
Stellen Sie sicher, dass Ihre neueste Form noch ausgewählt ist, konzentrieren Sie sich auf das Aussehen-Bedienfeld und fügen Sie eine zweite Füllung hinzu. Wählen Sie es aus und stellen Sie die Farbe auf Schwarz ein, verringern Sie die Deckkraft auf 15% und ändern Sie die Fühlmethode auf Weiches Licht und gehen Sie dann zu Effekt > Kunstfilter > Körnung & Aufhellung. Geben Sie die in der folgenden Abbildung gezeigten Attribute ein, klicken Sie auf die Schaltfläche OK, und Sie sind fertig.



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, das endgültige Design anzupassen und es zu Ihrem eigenen zu machen. Bei GraphicRiver finden Sie einige großartige Inspirationsquellen mit interessanten Lösungen, um Ihr Design zu verbessern.


