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)29727 mal betrachtet

tween_animation.fla

benötigte Flash version: CS3

(23KiB)2556-mal heruntergeladen

Jetzt im Werkzeugmenü das Ellipsenwerkzeug auswählen.

tween_animation2.gif (4.36KiB)29723 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)29720 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)29712 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)29720 mal betrachtet

tween_animation6.gif (10.86KiB)29714 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)29714 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 |29579 mal betrachtet ]

Dateidownload:

tween_animation.fla

benötigte Flash version: CS3

(23KiB)2556-mal heruntergeladen