1. Design & Illustration
  2. Graphic Design
  3. Icon Design

Wie kann man Feuerwerksraketen in Adobe Illustrator erstellen

Scroll to top

German (Deutsch) translation by Alex Grigorovich (you can also view the original English article)

Heute werden wir eine nette Ikone von Fireworks Rockets erstellen. 3D-Effekt ist ein praktisches Werkzeug zum Erstellen dieser Art von Illustration, aber wir müssen uns der Tatsache bewusst sein, dass 3D-Effekte unsere Illustration durcheinander bringen können. Es kann viele unnötige Ankerpunkte erzeugen und die Form der Abbildung verzerren. Um dies zu vermeiden, verwenden wir den 3D-Effekt nur zum Erstellen von Referenzobjekten. Das Stiftwerkzeug hilft uns dabei, das Objekt mit nur wenigen Ankerpunkten zu verfolgen, mit denen wir die Formen leicht bearbeiten können. Gehen wir also von Worten zu Taten über.


Schritt 1

Zu Beginn erstellen wir ein Streifenmuster für die Raketen. Wählen Sie das Rechteck-Werkzeug (M) im Werkzeugfenster aus und klicken Sie irgendwo auf die Zeichenfläche. Stellen Sie im Feld Rechteckoptionen die Abmessungen auf 10 x 160 Pixel ein.


Schritt 2

Halten Sie die Alt/Wahltaste auf der Tastatur gedrückt und klicken Sie auf das rote Rechteck. Ziehen Sie die Maus nach links (vergessen Sie nicht, die Umschalttaste für das gerade Ziehen zu halten).


Schritt 3

Wählen Sie beide Rechtecke aus und wählen Sie unter Objekt die Option Mischen > Erstellen. Wählen Sie jetzt Objekt > Mischen > Mischoptionen, um die Anzahl der Rechtecke festzulegen, die das Mischwerkzeug in der Mitte erstellt.


Schritt 4

Stellen Sie den Abstand auf die angegebenen Schritte ein und setzen Sie den Wert auf 4. In der Mitte werden 4 neue und gleiche Rechtecke angezeigt.


Schritt 5

Erweitern Sie die Rechtecke, indem Sie Objekt > Erweitern auswählen.

Jetzt drehen wir unsere Streifen um 45° (Objekt > Transformieren > Drehen). Stellen Sie den Winkel auf 45° ein und drücken Sie die OK-Taste.


Schritt 6

Jetzt müssen wir unsere Streifen in Symbole verwandeln. Ziehen Sie sie dazu per Drag & Drop in das Symbolfenster. Stellen Sie sicher, dass der Typ auf Grafik eingestellt ist.


Schritt 7

Jetzt können wir mit der Herstellung unserer Feuerwerksraketen beginnen. Zu Beginn verwenden wir das Stiftwerkzeug (P), um einen einfachen Pfad zu erstellen. Wählen Sie es im Werkzeugfenster aus und zeichnen Sie den offenen Pfad wie in der Abbildung unten gezeigt.


Schritt 8

Wie Sie sehen können, repräsentiert unser Weg tatsächlich nur die Hälfte der Raketenform. Es reicht aus, den Rest mit dem 3D-Effekt Revolve (Effekt > 3D > Revolve) zu erstellen. Der Effekt wird tatsächlich den Pfad um die X-Achse drehen und die Form der Rakete formen.


Schritt 9

In diesem Tutorial werden wir diese Einstellungen für den 3D-Effekt verwenden. Stellen Sie sicher, dass Sie die Perspektive einstellen. Ohne sie wird unsere Rakete seltsam und verzerrt aussehen.


Schritt 10

Wenden wir unser Streifenmuster auf die Rakete an. Klicken Sie im Fenster "Option drehen" auf die Schaltfläche "Kartengrafik".

Wir werden zwischen den Oberflächenseiten wechseln, um unser Muster auf die spezifische Seite der Rakete anzuwenden. Stellen Sie sicher, dass das Kontrollkästchen Vorschau aktiviert ist, um den Erstellungsprozess überwachen zu können. Wenn Sie zwischen Oberflächen wechseln, werden Sie feststellen, dass die aktive Oberfläche den roten Umriss hat. Auf diese Weise finden Sie leicht die Oberfläche, auf die Sie das Muster anwenden möchten.


Schritt 11

Bewegen Sie das Muster frei (skalieren Sie es nach oben oder unten), bis Sie die gesamte Oberfläche mit Streifen bedeckt haben.


Schritt 12

Wir sind jetzt mit dem Revolve-Effekt fertig. Klicken Sie auf die Schaltfläche OK und wählen Sie unter Objekt die Option Darstellung erweitern. Es wird unsere Rakete in das bearbeitbare Objekt verwandeln.


Schritt 13

Normalerweise besteht unser nächster Schritt darin, alle Formen zu trennen, aus denen unsere Rakete besteht. Dies bedeutet, dass wir die Gruppierung aufheben müssen (Umschalt + Strg/Befehl + G), bis wir einzelne Formen erhalten. Wenn Sie dies tun, werden Sie viele Fehler bemerken, die der 3D-Effekt Revolve verursacht hat. Hunderte von Ankerpunkten, deformierte und verzerrte Formen, unnötige Wege. Es wird ewig dauern, all das Zeug zu reinigen, um eine saubere Form der Feuerwerksrakete zu erhalten.


Schritt 14

Anstatt die Formen zu reinigen und zu reparieren, machen wir einen kleinen Trick. Sperren Sie im Ebenenbedienfeld die Gruppe, die unsere Feuerwerksrakete enthält. Erstellen Sie eine neue Ebene, indem Sie unten im Ebenenbedienfeld auf das Symbol Neue Ebene erstellen klicken.

Nehmen Sie das Stiftwerkzeug (P) aus dem Werkzeugfenster und beginne, die Rakete zu verfolgen. Stellen Sie sicher, dass Sie separate Formen zeichnen.


Schritt 15

Wählen Sie nun das Ellipsen-Werkzeug (L) im Werkzeugbedienfeld aus und erstellen Sie eine Ellipse.


Schritt 16

Verfolgen Sie mit dem Stiftwerkzeug auch den "body" der Rakete.


Schritt 17

Wir brauchen noch eine Ellipse für den Boden der Rakete.


Schritt 18

Wie Sie sehen können, benötigen wir nur wenige Formen, um unsere Rakete zu bauen. Wie auch immer, die vorherige 3D-Version hat uns sehr geholfen, ein Referenzobjekt für die Verfolgung zu erstellen. Wenn wir beide Objekte vergleichen, sehen Sie auch einen großen Unterschied in der Anzahl der Formen.


Schritt 19

Alles, was wir von der vorherigen Version der Rakete brauchen, sind die Streifen. Alles andere werden wir löschen.

Wählen Sie die neuen Formen aus, die wir gerade erstellt haben, und gruppieren Sie sie (Strg/Befehl + G). Stellen Sie sicher, dass diese Gruppe im Ebenenbedienfeld gesperrt und ausgeblendet ist. Schalte die Gruppe auch mit unserer vorherigen Version der Feuerwerksrakete frei.


Schritt 20

Wir werden alle Formen neben den Streifen entfernen. Gruppieren Sie die Rakete (Umschalt + Strg/Befehl + G), wählen Sie im Ebenenbedienfeld einzelne Formen aus, die Sie entfernen möchten, und klicken Sie auf der Tastatur auf Löschen.


Schritt 21

Schalten Sie die obere Gruppe frei und mache sie sichtbar. Bringen Sie auch die Gruppe mit den roten Streifen nach oben. Sie sollten mit so etwas enden.

Wie Sie sehen können, passen die Streifen nicht ganz zur Rakete, aber wir werden das später beheben.


Schritt 22

Neben dieser Rakete werden wir eine weitere erstellen. Der Erstellungsprozess wird ziemlich gleich sein, aber dieser wird ein bisschen anders aussehen. Wir werden es so aussehen lassen, als würde es jede Sekunde in die Luft fliegen. Wir werden das Stiftwerkzeug (P) wieder verwenden. Wählen Sie es im Werkzeugfenster aus und zeichnen Sie den ähnlichen Pfad wie zu Beginn dieses Tutorials.


Schritt 23

Wenden Sie den 3D-Effekt Revolve (Effekt > 3D > Revolve) auch auf diesen Pfad an.


Schritt 24

Wir werden die Streifen auch auf die neue Rakete auftragen. Geben Sie die Map Art-Optionen ein und wählen Sie unter Oberflächen die Oberfläche aus, auf die Sie das Streifenmuster anwenden möchten.


Schritt 25

Wenn Sie mit dem Aussehen der Rakete zufrieden sind, klicken Sie auf OK. Erweitern Sie die Form, indem Sie Objekt > Darstellung erweitern auswählen. Sie sollten mit so etwas enden.


Schritt 26

An diesem Punkt müssen wir die Gruppe, die die neue Rakete enthält, sperren und mit dem Stiftwerkzeug (P) neue Formen erstellen. Wählen Sie es im Werkzeugfenster aus und beginnen Sie mit der Verfolgung.


Schritt 27

Wählen Sie alle neuen Elemente aus, die wir gerade erstellt haben, und gruppieren Sie sie (Strg/Befehl + G). Sperren Sie diese Gruppe und machen Sie sie unsichtbar. Erstellen Sie gleichzeitig die sichtbare Gruppe mit unserem Referenzobjekt und heben Sie die Gruppierung auf (Umschalt + Strg/Befehl + G). Entfernen Sie alle Formen, die das Referenzobjekt darstellen, außer den roten Streifen.


Schritt 28

Entsperren Sie die Gruppe mit den neuen Formen, die wir gerade erstellt haben, und machen Sie sie sichtbar. Platzieren Sie die Gruppe mit den roten Streifen oben.


Schritt 29

Jetzt können wir zu einem interessanteren Teil dieses Tutorials übergehen - dem Färben. Wir werden Farbverläufe mit nur wenigen Farbtönen verwenden. Entfernen Sie die Gruppierung (Umschalt + Strg/Befehl + G) der Gruppe von Elementen, die wir durch Verfolgen des Referenzobjekts erstellt haben, und legen Sie los.

Wir werden die untere Ellipse vorerst so verlassen.


Schritt 30

Wie Sie sehen können, sind die Streifen viel größer als wir sie tatsächlich brauchen. Machen wir sie fit. Wählen Sie die weiße Form der Rakete ("Körper") und duplizieren Sie sie (Strg/Befehl + C, Strg/Befehl + F). Bringen Sie es nach vorne (Umschalt + Strg/Befehl +]). Stellen Sie außerdem sicher, dass Sie auch die Füllfarbe (Farbverlauf) und die Strichfarbe entfernen. Wir brauchen nur den Weg. Wählen Sie den Pfad und die Streifen aus (halten Sie die Umschalttaste auf Ihrer Tastatur gedrückt, um beide auszuwählen) und wählen Sie unter Objekt Schnittmaske > Erstellen aus.


Schritt 31

Duplizieren Sie die obere Ellipse (Strg/Befehl + C, Strg/Befehl + F). Wählen Sie unter Rechtsklick die Option Ausgewählten Pfad isolieren. Nehmen Sie das Direktauswahl-Werkzeug (A) aus dem Werkzeugfenster, wählen Sie den Ankerpunkt wie in der Abbildung unten gezeigt aus und entfernen Sie ihn (indem Sie die Entf-Taste auf Ihrer Tastatur drücken).


Schritt 32

Wir haben einen offenen Weg geschaffen. Stellen Sie sicher, dass Sie die Füllfarbe (Farbverlauf) entfernen und die Strichfarbe auf #69C4F6 einstellen. Stellen Sie außerdem die Strichbreite auf 0,5 pt und das Profil auf Breite Profil 1 ein. Auf diese Weise haben wir ein schönes Kantenhighlight erstellt.


Schritt 33

Ganz unten in der Rakete müssen wir ein kleines Loch für die Sicherung und die Sicherung selbst erstellen. Lassen Sie uns die Ellipse am Boden der Rakete duplizieren (Strg/Befehl + C, Strg/Befehl + F). Skalieren Sie es und platzieren Sie es wie auf dem Bild unten gezeigt.


Schritt 34

Nehmen Sie das Stiftwerkzeug (P) aus dem Werkzeugfenster und zeichnen Sie eine Form wie diese.


Schritt 35

Duplizieren Sie nun die gelbe Ellipse (Strg/Befehl + C, Strg/Befehl + F) und verkleinern Sie sie. Stellen Sie außerdem sicher, dass die kleinere Ellipse nach vorne zeigt (Umschalt + Strg/Befehl +]).


Schritt 36

Wählen Sie eine größere gelbe Ellipse und die grüne Form aus und klicken Sie im Pathfinder-Bedienfeld auf die Schaltfläche Vereinen.


Schritt 37

Duplizieren Sie die gelbe Ellipse erneut (Strg/Befehl + C, Strg/Befehl + F) und verkleinern Sie sie etwas.


Schritt 38

Wenden wir jetzt einige Farben an.


Schritt 39

Sie sollten mit so etwas enden.


Schritt 40

Wenden wir schöne Farben auf die Rakete an, die wir zuvor erstellt haben. Dieses Mal werden wir rote Farbe verwenden.


Schritt 41

Wie Sie sehen, müssen wir auch hier eine Schnittmaske für die roten Streifen erstellen. Wir werden die gleiche Methode anwenden wie mit der blauen Rakete, um dies zu erreichen. Duplizieren Sie die weiße Form (Strg/Befehl + C, Strg/Befehl + F). Bringen Sie es nach vorne (Umschalt + Strg/Befehl +]) und entfernen Sie die Füllfarbe (Farbverlauf). Wählen Sie den geschlossenen Pfad und die roten Streifen aus und wählen Sie unter Objekt Schnittmaske > Erstellen aus. Stellen Sie außerdem sicher, dass die rote Ellipse am unteren Rand der Rakete oben auf den roten Streifen angezeigt wird (der einfachste Weg, dies zu tun, besteht darin, Gruppen mit diesen Formen im Ebenenbedienfeld zu finden und anzuordnen). Sie sollten mit so etwas enden.


Schritt 42

Wir müssen das gleiche Loch für die Sicherung schaffen. Wir werden nicht alle Schritte noch einmal wiederholen. Verwenden Sie einfach die gleiche Methode, die wir für die blaue Rakete verwendet haben. Wenden Sie schöne rote Farbverläufe an.


Schritt 43

Wählen Sie alle Elemente aus, aus denen die rote Rakete besteht, und gruppieren Sie sie (Strg/Befehl + G). Wählen Sie unter Objekt die Option Transformieren > Reflektieren. Stellen Sie die Achse auf Vertikal und klicken Sie auf die Schaltfläche Kopieren. Es wird eine weitere Rakete erstellen. Platzieren Sie es wie auf dem Bild unten gezeigt.


Schritt 44

Gruppieren Sie die rote Rakete auf der linken Seite der Abbildung (Umschalt + Strg/Befehl + G). Wir werden seine rote Farbe in gelb ändern.


Schritt 45

Stellen Sie außerdem sicher, dass Sie die Farbe für das Sicherungsloch am Boden der Rakete ändern.


Schritt 46

Sie sollten mit so etwas enden.


Schritt 47

Passen wir die Schattierung am Boden der Raketen an. Das Mischwerkzeug hilft uns dabei. Beginnen wir mit der blauen Rakete.

Zuerst müssen wir die blaue Ellipse (Strg/Befehl + C, Strg/Befehl + F) duplizieren, verkleinern und wie im Bild unten gezeigt platzieren. Stellen Sie die Füllfarbe auf #003682 ein.


Schritt 48

Wählen Sie beide Ellipsen aus und wählen Sie unter Objekt die Option Mischen > Erstellen. Wählen Sie anschließend Objekt > Mischen > Mischoptionen, setzen Sie die angegebenen Schritte auf 15 und klicken Sie auf OK.


Schritt 49

Wiederholen wir den vorherigen Schritt auch mit den roten und gelben Ellipsen.


Schritt 50

Lassen Sie uns die Sicherung für unsere Raketen erstellen. Wir müssen einen einfachen Pinsel erstellen, den wir auf die offenen Pfade anwenden werden. Also lasst uns anfangen. Nehmen Sie das Stiftwerkzeug (P) aus dem Werkzeugfenster und erstellen Sie eine unregelmäßige Form, wie in der Abbildung unten gezeigt. Stellen Sie die Füllfarbe auf #85580D ein.


Schritt 51

Wählen Sie unter Objekt Pfad > Versatzpfad aus. Stellen Sie den Versatz auf -2 Pixel ein und klicken Sie auf OK. Es wird eine neue Form erstellt. Stellen Sie die Füllfarbe auf #D6B16B und platzieren Sie sie wie in der Abbildung unten gezeigt.


Schritt 52

Wiederholen Sie den vorherigen Schritt noch einmal. Stellen Sie diesmal die Füllfarbe auf #E3C861 ein.


Schritt 53

Wir werden diesen Schritt noch einmal wiederholen. Setzen Sie die Füllfarbe der neuen Form auf #FAECCB.


Schritt 54

Wählen Sie alle vier von uns erstellten Formen aus und gruppieren Sie sie (Strg/Befehl + G). Halten Sie die Alt/Wahltaste auf der Tastatur gedrückt und klicken Sie auf die Gruppe der soeben erstellten Formen und ziehen Sie sie. Wiederholen Sie dies einige Male, bis Sie etwas Ähnliches erhalten.

Fühlen Sie sich frei, die Position und den Winkel einzelner Segmente anzupassen. Machen Sie sich keine Sorgen, wenn Sie keine gerade Linie bilden können. Unvollkommenheiten sind erlaubt.


Schritt 55

Wählen Sie alle von uns erstellten Elemente aus und gruppieren Sie sie (Strg/Befehl + G). Ziehen Sie sie per Drag & Drop in das Pinselbedienfeld. Stellen Sie im Fenster Neuer Pinsel sicher, dass der Art Brush dick ist, und klicken Sie auf OK. Lassen Sie im Fenster Art Brush Options alles so wie es ist und klicken Sie auf OK. Unser Pinsel ist jetzt fertig.


Schritt 56

Zeichnen wir die offenen Pfade für die Sicherung. Nehmen Sie das Stiftwerkzeug (P) aus dem Werkzeugfenster und erstellen Sie den Pfad wie in der Abbildung unten gezeigt.


Schritt 57

Wählen Sie im Pinselbedienfeld den Pinsel aus, den wir gerade erstellt haben. Der Pinsel wird auf unseren Weg angewendet. Wenn es nicht ganz richtig passt, können Sie die Dicke der Sicherung im Hubfeld jederzeit anpassen, indem Sie die Hubbreite verringern.


Schritt 58

Erweitern Sie den Pinsel, indem Sie Objekt > Darstellung erweitern auswählen. Jetzt müssen wir noch einige Anpassungen vornehmen. Unsere Sicherung kommt nicht aus dem geplanten Loch heraus. Damit es so aussieht, müssen wir die Maske in eine Kiste legen. Also duplizieren wir (Strg/Befehl + C, Strg/Befehl + F) die kleinere Ellipse auf dem Sicherungsloch. Wählen Sie unter der rechten Maustaste Isolated Selected Path aus. Wählen Sie mit dem Direktauswahl-Werkzeug (A) den Ankerpunkt wie in der Abbildung unten gezeigt aus und entfernen Sie ihn, indem Sie die Entf-Taste auf Ihrer Tastatur drücken.


Schritt 59

Wählen Sie mit der rechten Maustaste die Option Isolationsmodus beenden und bringen Sie den offenen Pfad nach vorne (Umschalt + Strg/Befehl +]). Entfernen Sie die Füllfarbe des offenen Pfads und stellen Sie die Strichfarbe auf eine beliebige Farbe ein (Farbe ist nicht wichtig). Nehmen Sie das Stiftwerkzeug (P) aus dem Werkzeugfenster und zeichnen Sie einen geschlossenen Pfad um die Sicherung, indem Sie den soeben erstellten offenen Pfad verwenden.


Schritt 60

Wenn Sie mit dem Aussehen des offenen Pfads zufrieden sind, entfernen Sie auch die Strichfarbe. Wählen Sie sowohl den geschlossenen Pfad als auch die Sicherung aus und wählen Sie unter Objekt Schnittmaske > Erstellen aus.


Schritt 61

Sie sollten mit so etwas enden.


Schritt 62

Stellen Sie sicher, dass die Sicherung auch für die beiden anderen Raketen erstellt wird.


Schritt 63

Wir müssen noch ein paar Stöcke bauen, um die Feuerwerksraketen zu unterstützen, bevor sie in die Luft fliegen. Wählen Sie das Rechteck-Werkzeug (M) im Werkzeugfenster aus und erstellen Sie das Rechteck wie in der Abbildung unten gezeigt. Stellen Sie sicher, dass Sie es hinter der Rakete platzieren (Umschalt + Strg/Befehl + [).


Schritt 64

Wenden Sie einen schönen linearen Farbverlauf auf den Stick an.


Schritt 65

Lassen Sie uns zwei Kopien (Strg/Befehl + C, Strg/Befehl + V) des Sticks erstellen und wie in der Abbildung unten gezeigt platzieren (um die Perspektive zu bewahren, richten Sie jeden Stick auf die laterale Seite der Rakete aus).


Abschluss

Heute hatten wir die Gelegenheit, eine niedliche Ikone der Feuerwerksraketen zu kreieren. Wir hatten auch die Gelegenheit zu sehen, dass 3D-Effekte manchmal sehr nützlich sind, um ein Endprodukt zu erstellen, aber wenn sie einige Probleme verursachen, können wir diese Effekte immer noch auf andere Weise verwenden. Meistens benötigen wir ein Referenzobjekt, das wir verfolgen können. Mithilfe von 3D-Effekten können wir nach Belieben einen Referenzkörper erstellen. Sie müssen nicht im Internet nach dem perfekten Bild suchen, mit dem Sie es verfolgen können. Sie können alles selbst erstellen. Entdecken Sie einfach Ihre Möglichkeiten und seien Sie kreativ.

Ich hoffe, Ihnen hat das Lesen dieses Tutorials genauso gut gefallen wie mir das Erstellen. Vielen Dank, dass Sie mitmachen.