5. Formtweens
Der Formtween ist die zweite Art von Tweens in Flash und wird aufgrund der wenigen Einsatzmöglichkeiten und der hohen Speicherbelastung nur sehr selten angewendet. Der Haupteinsatz liegt darin, wenn sich ein Objekt in seiner Form verändern soll. So zum Beispiel lässt sich das Morphing, also das schrittweise Umwandeln einer Form in eine andere, und das „wachsen“ von Linien etc., sehr gut damit umsetzen. Leider ist durch die hohe Anzahl an Zwischenbildern der Speicheraufwand sehr hoch und man sollte Formtweens nur sehr selten und mit Bedacht anwenden, meist lässt sich der Effekt auch mit normalen Bitmaps, die die Zwischenschritte zeigen, umsetzen.
5.1. Beispiel „Kreis wird zu einem Rechteck“
Das erste Bespiel befasst sich mit der häufigsten Anwendungsart der Formtweens. Hier soll die Umwandlung einer Form in eine andere umgesetzt werden.
Dazu erstellen wir als erstes eine neue Flash Datei mit den Maßen 300 x 300 Pixel (1) und der Hintergrundfarbe weiß (2).
Auf der nach Betätigung des OK Buttons entstandenen Bühne zeichnen wir nun in den ersten Frame der ersten Ebene mit dem Ellipsenwerkzeug (3), unter Zuhilfenahme der Umschalttaste, einen Kreis (7) mit der Rahmenfarbe blau (4), der Füllfarbe Türkis (5) und der unterbrochenen Linienart (6).
Jetzt gehen wir in den Frame 30 und fügen dort ein leeres Schlüsselbild ein, indem wir einen Rechtsklick auf diesen machen und „Leeres Schlüsselbild einfügen“ (8) wählen.
In dieses leere Schlüsselbild wollen wir jetzt ein Rechteck zeichnen. Um einen noch besseren Effekt zu erreichen, tauschen wir die Farben allerdings im Gegensatz zu dem Kreis (9) und erhöhen die Dicke der Umrandung auf 3 (10). Es ist darauf zu achten, dass das Rechteck in etwa auf der gleichen Höhe gezeichnet wird wie der Kreis in dem Frame zuvor (11). Hingegen kann es aber größer oder kleiner sein als dieses.
Nun fehlt nur noch die Erstellung des Tweens. Hierzu klicken wir rechts auf den Zwischenraum zwischen den zwei Schlüsselbildern (KeyFrames) und wählen Form Tween erstellen. Nun ist dieser mit einem Pfeil versehen und grünlich eingefärbt. Sollte der Pfeil unterbrochen sein, so ist bei der Erstellung etwas schief gegangen.
Den gleichen Effekt, allerdings mit noch mehr Einstellungsmöglichkeiten erhalten wir, wenn das Eigenschaftenfenster beim Anklicken des ersten Frames angezeigt wird. Hier stellen wir unter Tween Form ein (12) und bekommen so mehrere Möglichkeiten um den Tween anzupassen. So zum Beispiel diesen winkelförmig (13), also mit größerem Augenmerkt auf die Ecken, oder verteilt (14), also gleichmäßig ablaufen zu lassen. Zudem besteht die Möglichkeit den Tween am Anfang oder am Ende langsamer laufen zu lassen (15). Auch das ein- oder ausschalten eines möglicherweise parallel mitlaufenden Sound (16), Effekte auf diesen (17) und die Synchronisation (18) sind möglich.
Wir wollen allerdings einen ganz einfachen Tween erstellen und belassen die Einstellungen auf dem Original.
Nun auf den ersten Frame der Ebene gehen und sich durch drücken der ENTER Taste die Animation ansehen. 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.