Bewegungs-Tween Animation

[Danjo]

Dieses Tutorial soll verdeutlichen, wie eine einfache Tween Animation funktioniert.
Zunächst in Flash eine neue Datei erstellen und die Bühne entsprechend an die gewünschte Größe anpassen.
Danach die bereits vorhandene Ebene in der Zeitleiste benennen.

Nun das erste Bild in der Zeitleiste markieren.

tween_animation1.gif (13.18KiB)108237 mal betrachtet

tween_animation.fla

benötigte Flash version: CS3

(23KiB)3921-mal heruntergeladen

Jetzt im Werkzeugmenü das Ellipsenwerkzeug auswählen.

tween_animation2.gif (4.36KiB)108233 mal betrachtet

Wir zeichnen auf der Bühne in der linken Ecke einen Kreis und markieren diesen mit dem Auswahlwerkzeug (schwarzer Pfeil).
Nun machen wir aus dem Kreis einen Movieclip (Modifizieren > In Symbol konvertieren) und nennen ihn "Kreis".

tween_animation3.gif (16.61KiB)108230 mal betrachtet

Danach markieren wir in der Zeitleiste das Bild 20 und wandeln es in ein Schlüsselbild um (Rechte-Maus-Klick > Schlüsselbild einfügen).

tween_animation4.gif (10.47KiB)108222 mal betrachtet

Nun klicken wir auf das erste Bild in der Zeitleiste und erstellen per Rechte-Maus-Klick eine Tween Animation.

tween_animation5.gif (10.58KiB)108230 mal betrachtet

tween_animation6.gif (10.86KiB)108224 mal betrachtet

Indem wir nun das letzte Bild (Bild 20) auf der Zeitleiste auswählen und danach das Objekt auf der Bühne nach rechts verschieben,

tween_animation7.gif (8.21KiB)108224 mal betrachtet

können wir über Steuerung > Abspielen unsere Tween Animation betrachten.

Es gibt noch eine weitere Art von Tweens, den "Form-Tween", der in diesem Tutorial erklärt wird.

tween_animation.swf [199Bytes |108089 mal betrachtet ]

Dateidownload:

tween_animation.fla

benötigte Flash version: CS3

(23KiB)3921-mal heruntergeladen