4. Bewegungstweens
4.3. Beispiel „drehendes und wanderndes Logo“
Jetzt wollen wir zwei Bewegungen in einem Tween kombinieren, dazu Animieren wir ein rundes Logo, das von einer zur anderen Seite wie ein Rad rollt.
Dazu erstellen wir einen neuen Flash Film mit den Maßen 1024 x 200 Pixel (1) und den Hexadezimalwert #F7BC5B als Hintergrundfarbe (2).
- Beispiel Logo zum Einbinden in den Flash Film
Als Logo, das animiert werden soll, nehmen wir das nebenstehende, das mit Adobe Photoshop erstellt wurde und sich mit Hintergrundfarbe und Größe in den Flash Film einfügt. Das Logo lässt sich abspeichern in dem man einen Rechtsklick auf dieses ausführt und mit Grafik speichern unter dieses in einen beliebigen Ordner abspeichert. Nachdem wird dieses mit Menü Datei ->Importieren - > In Bibliothek importieren in den Flash Film eingebunden haben, können wir es verwenden und animieren.
Dazu ziehen wir dieses mit gedrückter Linkstaste von der Bibliothek auf die Bühne (3) und legen dieses dort ab (4).
Jetzt platzieren wir das Logo an den linken, äußeren Rand (5), notfalls die Zoomeinstellung auf 50 % einstellen um eine bessere Übersicht zu erlangen (6), und transformieren es unter Menü Modifizieren -> In Symbol konvertieren in ein Grafiksymbol, damit wir dieses auch animieren können (7).
Jetzt kopieren wir diesen Frame und fügen ihn an der Position 35 wieder ein (8). Hier verschieben wir das Logo an den rechten, äußeren Rand und erstellen eine Bewegungstween (9), jetzt bewegt sich das Logo erst einmal von links nach rechts.
Als nächstes wollen wir die Drehung des Logos animieren. Dazu gehen wir wieder in den ersten Frame und wählen das Transformationswerkzeug (10) aus, klicken das Logo an, so dass dieses mit dem Transformationsumrandung markiert ist (11), suchen an einer der vier Ecken das Zeichen für drehen, einen Pfeil der kreisförmig ist (12) und drehen das Logo um 260° im Uhrzeigersinn (13). Der gleiche Effekt ergibt sich, wenn man unter Menü Modifizieren -> Transformieren -> Skalieren und Drehen ... unter Drehen die gewünschte Gradzahl eingibt.
Wenn wir jetzt die Enter-Taste betätigen, wird auf der Bühne eine Vorschau der Animation in Originalgeschwindigkeit abgespielt. Sollte sich das Logo nicht optimal in der Geschwindigkeit drehen, einige der Frames in dem Bewegungstween markieren und unter Rechtsklick „Bild entfernen“ diese löschen bis sich die Drehung optimal einfügt.
Wenn alles perfekt ist nun noch die fertige Animation ansehen, indem wir auf den Menüpunkt Steuerung -> Film testen gehen und fertig ist unser Film. Jetzt nur noch den Film speichern und ihn erneut ansehen, damit die swf Datei erstellt wird.
Die Animation lässt sich besonders gut für Intros verwenden in dem eben ein Logo animiert werden soll.