5. Formtweens

5.5. Beispiel „wachsende Blume“

Mit Formtweens ist es ebenfalls möglich Dinge „wachsen zu lassen“. Hierfür wird das Beispiel einer wachsenden Blume genommen.
Dazu erstellen wir als erstes einen neuen Flash Film und geben ihm die Maße 200 x 300 Pixel (1) und als Hintergrundfarbe ein schönes Blau (2).

In diesen fügen wir die unter dem nebenstehenden Downloadlink herunterladbare Vektordatei einer Blume ein, dies geschieht durch Menü Datei -> Importieren -> In Bühne importieren.

Download Vektor Datei der Blume

Die nun erscheinende Blume ist eine Vektorgrafik und wurde mit Adobe Illustrator CS3 erstellt.
Diese müssen wir unter Hilfe der Menüfunktion Modifizieren -> Teilen in eine Grafik umwandeln, gut daran zu erkennen, dass nach dem Betätigen der Funktion die Füllung der Blume mit Punkten versehen ist (3).
Jetzt kopieren wir den Frame mit der gesamten Blume an die Positionen 5, 10, 15, 25, 30, 35, 40, 45 und 50 der ersten Ebene (4). Nun muss man sich überlegen, welche Komponenten der Blume gleichzeitig verändert werden sollen, da es nur möglich ist ein Objekt auf einmal in einem Tween zu bearbeiten. Hier wollen wir den Stängel, die jeweiligen Blätter und maximal zwei Blütenblätter gleichzeitig wachsen lassen, also nennen wir die bis jetzt einzige Ebene in Staengel (5) um. Fügen vier weitere Ebenen ein, die wir Blatt 1, Blatt 2, Bluete 1 und Bluete 2 nennen (6).

In die Ebenen fügen wir später je nach Bedarf und Zeitpunkt die jeweilig erforderlichen Schlüsselbilder ein. Als erstes wollen wir jetzt den Stängel in die Höhe wachsen lassen. Dazu gehen wir in das erste Schlüsselbild der Ebene Staengel und löschen von der Blume alles bis auf einen kleinen Anfang (7). Dies geschieht entweder mit dem Radiergummiwerkzeug oder indem wir mit dem Auswahlwerkzeug einzelne Bereiche markieren und durch drücken der Entf Taste löschen. Den gleichen Vorgang führen wir auch in den anderen Schlüsselbildern durch, nur dass immer ein weiteres Stück des Stängels stehen bleibt. Achten Sie besonders darauf, dass zwischen den einzelnen Keyframes nur halbwegs gerade Stücke sind und außer das, was zu dem Stängel gehört, gelöscht wird, ansonsten entstehen unschöne Effekte (8). Den Frame an der letzten Position bleibt erhalten. Bei Bedarf kann die Reihenfolge und Größe der Bilder auch variiert werden (9). Wenn die Nahtstellen zu ehemaligen Übergängen nicht sehr sauber sind, so ist das nicht schlimm, es wirkt nur natürlicher.

Die gleiche Vorgehensweise führen wir nun mit den anderen Komponenten der Blume durch. Dazu kopieren wir den Inhalt aus dem letzten Frame, in der ja noch unsere komplette Blume liegt, in den ersten der Blatt 1 Ebene. Hier wollen wir eins der untersten Blätter animieren. Dazu löschen wir nach der gleichen Taktik wie bei dem Stängel bereits durchgeführt, alles außer Stückchen eines Blattes (10). Sperren Sie vorher allerdings die Staengel Ebene, damit sie nicht aus versehen etwas davon entfernen (11). Nach dem gleichen Prinzip bearbeiten Sie auch das andere untere Blatt, was in die in die Blatt 2 Ebene eingefügt wird (12).

Wenn der Stängel bis an die Position gewachsen ist, wollen wir das obere Blatt wachsen lassen, wir gehen also in den entsprechenden Frame der Zeitleiste der Ebene Blatt 1 und fügen dort erneut das komplette Bild der Blume ein, löschen hier aber nur den zusätzlichen Stängel, da die beiden unteren Blätter ja schon gewachsen sind (13). Für die Animation allerdings erstellen wir hier erst einen Strich, aus dem sich dann das Blatt entfaltet (14).

Genauso gehen wir mit den anderen Blättern vor die am Ende des Stängels sitzen und in den Ebenen Blatt 1 und Blatt 2 animiert werden sollen.
Wenn wir damit fertig sind, kommt die Blüte dran. Hier wird als erstes der Kelch (unterste Teil der Blüte) in der Ebene Bluete 1 aufgebaut (15). Dann die äußeren Teile in der Ebene Bluete 2 (16) und dann den Inneren Teil wieder in der Ebene Bluete 1 (17).

Nach dem dies abgeschlossen ist, kann zwischen jeden Keyframe, in denen eine Wachstumsphase beschrieben wird, ein Formtween erstellt werden (18).

Falls die Animation an einigen Stellen etwas komisch aussieht, befindet sich in dem Tween Komponenten, die nicht animiert werden sollten. Dies lässt sich beheben, in dem diese noch gelöscht werden.
Wenn alles passt und beim drücken der Enter Taste alle Animationen ineinander übergehen 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.