Webstandard

 

Illustrator Tutorial - Feuerwerk

Was bildet für die meisten Menschen den Abschluss eines jeden Jahres? Richtig, ein Silvester-Feuerwerk. Zu diesem Anlass hat unsere Gastautorin Monika Gause, ein Step-by-Step Tutorial für alle "Vektorianer" erstellt. Ziel ist es, in 24 Schritten ein kleines aber feines Feuerwerk mittels Illustrator zu erstellen. Außerdem taugt so ein Feuerwerk, prima dazu, um eine kleine Einführung über eines der am meist unterschätzten Features von Illustrator zu geben: dem Transformieren-Effekt. Allen interessierten Lesern und Anwendern vektorbasierter Software wünschen wir hiermit viel Spass und Erfolg bei unserem letzten Tutorial im Jahr 2008!

Schritte 1-4.

Beginnen wir mit einem Bildpinsel in Tropfenform. Mit dem Ellipse-Werkzeug zeichnet Ihr ein Oval. Dann klickt Ihr mit dem Zeichenstift-Werkzeug auf einen der Ankerpunkte an einer schmalen Seite und haltet dabei die ALT-Taste gedrückt. Der Punkt wird in einen Eckpunkt umgewandelt und die Griffe gelöscht. Somit erhaltet Ihr den abgebildeten Tropfen. Dieser wird dann in waagerechte Lage gebracht, noch etwas länger und schmaler gestaltet und mit einer schwarzen Flauml;che versehen (RGB 000 bzw. 100% K)

 

Schritte 5-8.

Zieht den Tropfen in die Pinsel-Palette und wählt die Option "Bildpinsel" in der darauf folgenden Dialogbox. Wichtig hierbei ist, in den Bildpinsel-Optionen die Einfärbemethode "Farbtöne / Tonwerte" (je nach Illustrator-Version) zu nehmen. Alle anderen Einstellungen sind nicht so wichtig.

 

Schritte 9-11.

Um nun das angesprochene Feuerwerk zu erstellen, zeichnet Ihr mit dem "Linien-Werkzeug" eine Senkrechte und setzt senkrecht darunter noch einen einzelnen Ankerpunkt mit dem "Zeichenstift-Werkzeug". Beim exakt senkrechten Ausrichten helfen Euch die magnetischen Hilfslinien. Die Senkrechte erhält keine Kontur und keine Fläche. Die beiden Elemente werden gruppiert.

 

Schritt 12.

Jetzt ruft Ihr die "Aussehen-Palette" auf und wählt aus deren Palettenmenu "Neue Kontur" hinzufügen. Klickt in der "Pinselpalette" auf den "Tropfen-Pinsel" und gebt der Kontur eine leuchtende Farbe Eurer Wahl.

 

Schritte 13-14.

Damit alles jetzt auch noch wie Feuerwerk aussieht, muss es um den gewünschten Effekt erzielen zu können, vervielfältigt werden. Dazu wählt Ihr "Effekt > Verzerrungs- und Transformationsfilter > Transformieren". Aktiviert erstmal die Vorschau. In den Optionen gebt Ihr einen "Drehwinkel" von 30° und 11 Kopien ein. Schon ganz nett, aber es fehlt noch ein kleines Detail: Der Referenzpunkt der Transformation. Den setzt Ihr mit dem Referenzpunktsymbol auf unten Mitte.

 

Schritt 15.

Wahrscheinlich ist der "Tropfen-Pinsel" auf der Kontur ein bisschen zu fett. Das ändert Ihr, indem Ihr in der "Pinsel-Palette" auf Optionen für "ausgewähltes Objekt" klickt und dort eine Skalierung eingebt. Passt die nach Eurem Geschmack an.

 

Schritte 16-17.

Nun kommt der nächste Funkenkranz. Dafür zieht Ihr in der "Aussehen-Palette" eine Kopie von der bestehenden Kontur, indem Ihr sie einfach über den Button "Neue Kontur" erstellen bewegt. Gebt der erstmal eine andere Farbe, damit Ihr beide besser unterscheiden könnt.

 

Schritte 18-19.

Zunächst sind die Funken logischerweise deckungsgleich, aber das ändern wir sofort. Wir brauchen dazu weitere Transformieren-Effekte. Die zweite Kontur sollte der Aussehen-Palette noch aktiviert sein. Weist ihr jetzt noch einen "Transformieren-Effekt" zu - die Warnung vor dem Zuweisen des zweiten Effekts einfach ignorieren und trotzdem zuweisen. Der Effekt kommt erstmal mit denselben Einstellungen wie vorher. Stellt die Optionen zurück: "Winkel 0°, Kopien 0" - der Referenzpunkt soll unten in der Mitte bleiben. Aber dafür stellt Ihr die vertikale "Skalierung" auf etwa 120%. Klickt OK.

 

Schritte 20-21.

Wenn es jetzt auf der Zeichenfläche noch falsch aussieht, liegt es daran, dass die Effekte in der falschen Reihenfolge sind. Den eben erstellten Effekt müsst Ihr in der "Aussehen-Palette" über den anderen Effekt verschieben. Die Effekte werden von oben nach unten abgearbeitet und wir wollen erst skalieren und dann vervielfältigen und drehen.

 

Schritt 22.

Als letzten Schritt muss jetzt noch der komplette Funkenkranz gedreht werden, damit er den andersfarbigen Kranz nicht verdeckt. Dazu braucht Ihr noch einen "Transformieren-Effekt" für die Kontur (sie muss erneut in der Aussehen-Palette angeklickt werden). Der Effekt bekommt die Optionen: "Skalierung 100%, Kopien: 0, Referenzpunkt mittig, Winkel: 15°"

 

Schritt 23.

Diesen Effekt ordnet Ihr unter den beiden anderen an.

 

Schritt 24.

Das ganze könnt Ihr jetzt noch endlos fortführen, bis das Feuerwerk so viele Funken sprüht, wie Ihr wollt. Dazu müsst Ihr einfach die letzte Kontur (mit den 3 Effekten) duplizieren und deren oberen und unteren "Transformieren-Effekt" mit anderen Skalierungen bzw. Drehwinkeln versehen.

 

Und im Unterschied zu den Feuerwerksversuchen der Sendung mit der Maus möchte ich Euch ermuntern, das zu Hause mit den Kindern zusammen nachzubauen. Es ist weitgehend ungefährlich und macht viel Spaß. Wer sein Ergebnis bezüglich des Feuerwerk-Tutorials überprüfen möchte, kann sich die Illustrator-Datei ( Feuerwerk.ai ca. 1MB) hier downloaden.

Monika Gause ist Betreiberin der Webseite Vektorgarten und bietet dort interessierten Anwendern von vektorbasierten Anwendungen wie Adobe-Illustrator, zahlreiche hilfreiche Tipps und Tricks im Umgang mit dieser Software. Außerdem ist sie Autorin des fast 700 Seiten umfassenden und im Galileo-Verlag erschienenen Buches Adobe Illustrator CS3.