Flash Tutorial Philipp Nunnemann Adobe Flash CS4»3D-Tool«Im folgenden Tutorial könnt Ihr das»3d-tool«in Adobe Flash CS4 kennenlernen. Das Tool erlaubt euch, Objekte im dreidimensionalen Raum zu bewegen. Ich werde Euch zu Beginn die einzelnen Funktionen des Tools erklären und dann, in einer kleinen Animation, ihre konkrete Anwendung zeigen. Ich habe unter Mac OS X mit Adobe Flash CS4 gearbeitet. 1. Wir erstellen zunächst ein neues Dokument. Für die 3D-Funktion benötigt man ActionScript 3.0. 2. Mit dem 3D-Tool lässt sich jedes beliebige Objekt animieren. Für dieses Tutorial werden wir einen Text animieren. Mit dem Textwerkzeug legen wir einen Textrahmen an und schreiben einen beliebigen Text. 3. Mit dem Auswahlwerkzeug wählen wir den Textrahmen aus. Um den Text zu animieren muss dieser zuerst in ein Symbol konvertiert werden. Dazu drücken wir F8, oder wählen im Menü Modifizieren, In Objekt konvertieren.
4. Im Pop-Up Fenster können wir den Typ der Konvertierung festlegen. Als Typ müssen wir Movieclip wählen, der Name kann beliebig gewählt werden. Die Registrierung kann in der Mitte bleiben. Anschließend klicken wir auf OK. 5. Das»3D-Tool«befindet sich in der Werkzeugleiste und ist das dritte von oben. Es besteht im Prinzip aus zwei Werkzeugen, dem»3d-drehungswerkzeug«und dem»3d-versetzungswerkzeug«. 2
5.1 Das»3D-Drehungswerkzeug«erlaubt das Drehen eines Objekts um seine drei Achsen. Die bunten Linien sind Anfasser, mit denen das Objekt um die verschiedenen Achsen gedreht werden kann. Die X-Achse, die Y-Achse sowie die Z-Achse. Greift man eine der Linien mit der Maus, erfolgt die Drehung (bei gedrückter Maustaste) durch kreisförmige Bewegungen im Uhrzeiger-, oder gegen den Uhrzeigersinn. Hält man auch die Shift-Taste gedrückt, erfolgt die Drehung in gleichmäßigen Stufen. Rot: Dreht das Objekt um die X-Achse. Grün: Dreht das Objekt um die Y-Achse. Blau: Dreht das Objekt um die Z-Achse. Orange: Dreht das Objekt gleichzeitig um alle drei Achsen. 3
5.2 Das»3D-Versetzungswerkzeug«ermöglicht es, das Objekt auf drei Achsen im Raum zu verschieben. Die bunten Pfeile sind Anfasser, mit denen das Objekt auf den verschiedenen Achsen verschoben werden kann. Die X-Achse, die Y-Achse sowie die Z-Achse. Greift man einen der Pfeile mit der Maus, erfolgt die Verschiebung (bei gedrückter Maustaste) durch Ziehen in die geschwünschte Richtung. Rot: Verschiebt das Objekt auf der X-Achse. Grün: Verschiebt das Objekt auf der Y-Achse. Blau: Der blaue Pfeil ist eigentlich nur nur ein blauer Punkt. Greift man diesen, kann man das Objekt auf der Z-Achse verschieben. Eine Bewegung nach oben verschiebt das Objekt in Richtung des Betrachters/Kamera. Eine Bewegung nach unten verschiebt das Objekt vom Betrachter, von der Kamera weg. 4
6. Für die Animation kehren wir zum Ausgangspunkt zurück. Wir wählen das»3d-drehungswerkzeug«und klicken mit der rechten Maustaste auf das Objekt. Im Dropdown-Menü wählen wir Bewegungs-Tween erstellen. 7. Wir wollen das unser Text sich um die Y-Achse dreht und dabei gleichzeitig auf der Z-Achse nach vorne, also zum Betrachter, verschoben wird. Der Cursor sollte bereits auf Frame 60 stehen. 7.1. Wir drehen den Text mit dem»3d-drehungswerkzeug«um 45 um die Y-Achse. 45 entsprechen bei gedrückter Shifttaste genau einer Stufe. 5
7.2. Für die Verschiebung auf der Z-Achse wechseln wir im 3D-Werkzeugmenü zum»3d-versetzungswerkzeug«und greifen den blauen Pfeil. Dieser ist mittlerweile sichtbar, da sich durch die Drehung die Achsen, und somit auch die Z-Achse, verschoben haben. Wir verschieben den Text auf der Z-Achse in Richtung des Betrachters. 7.3. Flash CS4 hat automatisch Keyframes gesetzt un die Animation wurde erstellt. Das Ergebnis sollte so aussehen. Ein Klick auf cmd + Enter und Ihr könnt die Animation testen. Viel Spaß beim Ausprobieren. 6