5. Formtweens
5.4. Beispiel „kriechende Raupe“
Zur besseren Verdeutlichung der Einsatzmöglichkeiten von Formtween wollen wir einmal eine kleine Raupe vorwärts kriechen lassen. Diese bewegt sich indem sie sich zusammen und dann wieder auseinander zieht. Dieser Effekt lässt sich besonders gut mit dieser Art des Tweenings verwirklichen.
Als erstes Erstellen wir einen neue Bühne mit den Abmessungen 600 x 200 Pixel (1) und als Hintergrundfarbe ein helles Blau (2).
In das erste Bild der Ebene zeichnen wir als erstes den Ast eines Baumes, auf dem unsere Raupe entlang kriechen soll. Dazu ziehen wir einfach mit dem Pinselwerkzeug (3) einen braunen (Hexadezimalwert #562C2C) (4), großen (5), um 30 geglätteten (6) Strich über die Mitte der Bühne (7).
Dieses Bild lassen wir nun bis zur Stelle 50 anzeigen (8), indem wir den Frame kopieren und dort einfügen. Dann erstellen wir eine neue Ebene die über der jetzigen liegt und nennen diese Raupe (9), danach fügen wir in den ersten Frame ein neues leeres Schlüsselbild ein (10). Die andere Ebene benennen wir in Ast um (11).
In den leeren Keyframe der Raupen Ebene zeichnen wir mit dem Rechteckwerkzeug einer mit hellgrünen Rand (12), dunkelgrünen Füllung (13), 3 Punkte starken (14) welligen Linie (15) und mit um 60 abgerundete Ecken (16) versehenes Rechteck (17), den Körper unserer Raupe.
Jetzt kopieren wir dieses Bild an die Positionen 10, 20, 30, 40 und 50. An jeder dieser Positionen verschieben wir die Raupe bis sie ans Ende der Bühne angekommen ist, wie unten zu sehen.
Zwischen den jetzt vorhandenen Bildern schieben wir an die Positionen 5, 15, 25, 35 und 45 jeweils einen Keyframe mit dem Inhalt der nachfolgenden Keyframes ein und ziehen den Körper der Raupe in die Länge, so dass ihr Schwanzende an der Stelle ist, wo er auch im vorhergehenden Keyframe war. Als Beispiel ist das nachfolgende Bild dazu aufgeführt, dass diesen Vorgang zwischen dem ersten, fünften und zehnten Bild darstellt:
Zwischen den einzelnen Frames muss jetzt nur noch Formtweens erstellt werden und die Raupe beginnt zu kriechen.
Wenn man noch will, kann man den Hintergrund und den Ast zusätzlich verschönern und der Raupe Augen verpassen.
Jetzt 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.