4. Bewegungstweens

Der Bewegungstween ist die wohl am häufigsten verwendete Art von Animation die es in Flash gibt, auch weil er so vielseitig ist und sich etliche Effekte damit erstellen lassen.
Einen solchen Tween (Tween wird in Flash mit Animation, Effekt, etc. übersetzt) können, wie der Name schon sagt, Bewegungen innerhalb der Bühne ausgeführt werden. Aber auch Effekte, wie das Ein- und Ausblenden und Farbspiele, lassen sich mit dem Bewegungstweens realisieren. Bewegungstweens lassen sich nur aus Grafiken und Schaltflächen anwenden.

4.1. Beispiel „paranoides Smilie“

Als ersten Schritt erstellen wir eine neue Datei, die Action Script Version ist nebensächlich, und ändern die Größe der Bühne auf 200 x 200 Pixel (1). Die Hintergrundfarbe ändern wir in eine kräftige, dunkle Farbe. Ich habe mich hier für Lila entschieden (2).

Auf die Bühne wollen wir als erstes die Grundform des Smilies zeichnen. Dazu einfach das Ellipsenwerkzeug (3) auswählen und bei den Farbeinstellungen Stiftfarbe schwarz (4) und Füllfarbe gelb (5) einstellen. Dann einfach einen Kreis mit gedrückter Umschalt Taste auf die Bühne zeichnen (6) und gegebenenfalls in die Mitte der Bühne verschieben. Dazu einfach mit dem Auswahlwerkzeug den Kreis komplett markieren und mit gedrückter Linkstaste verschieben.

Wenn die Grundform die richtige Größe und Position besitzt, den Kreis markieren und unter Menü Modifizieren -> In Symbol konvertieren den Kreis in eine Grafik beliebigen Namens umwandeln. Nun liegt ein Grafikobjekt mit dem gewählten Namen in der Bibliothek (7).

Jetzt fügen wir zur besseren Übersicht eine neue Ebene ein, in der wir die Augen platzieren wollen. Diese sollte über der mit der Smilie Grundform liegen (8). Damit wir wissen, welche Ebene was beinhaltet, doppelklicken wir auf die momentanen Namen und schreiben in das Editierfenster jeweils die Bezeichnungen „Smilie“ und „Augen“ (9). Mit mehreren Ebenen besteht immer die Gefahr, dass man aus Versehen die falsche Ebene editiert. Deshalb wollen wir die Ebene, mit der wir bereits fertig sind, nämlich die mit dem Kreis, sperren. Dazu klicken wir einfach bei dieser Ebene auf den Punkt unter dem oben angezeigten Schloss. Jetzt taucht neben der Ebene ebenfalls ein geschlossenes Schloss auf und die Objekte, die sich darauf befinden, können nicht mehr verändert werden (10).

Jetzt können wir dem Smilie Augen verpassen. Dazu einfach erneut das Ellipsenwerkzeug auswählen und die Füllfarbe auf weiß stellen. Dann zeichnen wir auf die Smilie Grundform im ersten Frame der Augen Ebene zwei kleinere Kreise (11). Einer davon sollte noch ein wenig kleiner sein als der Andere und es macht auch nichts, wenn diese nicht perfekt rund sind. Umso lustiger sieht der Smilie dann am Ende aus. Wenn sich die beiden Kreise überlappen, kann man den Rand, der in das andere Auge hineinreicht, mit dem Auswahlwerkzeug markieren und diesen löschen (12). So sieht es noch mehr nach einem Augenpaar aus. Wenn alles passt die Objekte wieder in eine Grafik konvertieren (13).

Jetzt wollen wir dem Smilie noch einen schönen Mund hinzaubern. Da er ja paranoid ist am Besten einen mit zusammengekniffenen Lippen. Dazu einfach erneut eine neue Ebene einfügen, diese „Mund“ nennen, sperren der Augen-Ebene nicht vergessen (14) und dann das Linienwerkzeug (15) auswählen. Als Linienart wählen wir die unterbrochene und gewellte Linie in der Stärke 2 (16) und ziehen diese anschließend einfach auf die Bühne in die richtige Position (17). Wenn alles passt die Objekte wieder in eine Grafik konvertieren (18).