Flash Tutorials bei TUTORIALS4FLASH.DE

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

tween_animation.fla: benötigte Flash version: CS3; (23KiB)1742-mal heruntergeladen

Jetzt im Werkzeugmenü das Ellipsenwerkzeug auswählen.

: tween_animation2.gif (4.36KiB)19515 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)19512 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)19504 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)19512 mal betrachtet

: tween_animation6.gif (10.86KiB)19506 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)19506 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 |19371 mal betrachtet ]

Dateidownload:

tween_animation.fla: benötigte Flash version: CS3; (23KiB)1742-mal heruntergeladen

Flash Tutorials bei TUTORIALS4FLASH.DE

Bewegungs-Tween Animation

Bewegungs-Tween Animation