Bewegungs-Tween Animation

Die Grundlagen von Flash erklärt...
Antworten
Benutzeravatar
Danjo
Beiträge: 18
Registriert: Mi 9. Jan 2008, 19:52
Kontaktdaten:

Bewegungs-Tween Animation

Beitrag von Danjo » Mi 9. Jan 2008, 06:28

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
tween_animation1.gif (13.18 KiB) 2068 mal betrachtet
tween_animation.fla
benötigte Flash version: CS3
(23 KiB) 245-mal heruntergeladen
Jetzt im Werkzeugmenü das Ellipsenwerkzeug auswählen.
tween_animation2.gif
tween_animation2.gif (4.36 KiB) 2064 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
tween_animation3.gif (16.61 KiB) 2061 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
tween_animation4.gif (10.47 KiB) 2053 mal betrachtet
Nun klicken wir auf das erste Bild in der Zeitleiste und erstellen per Rechte-Maus-Klick eine Tween Animation.
tween_animation5.gif
tween_animation5.gif (10.58 KiB) 2061 mal betrachtet
tween_animation6.gif
tween_animation6.gif (10.86 KiB) 2055 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
tween_animation7.gif (8.21 KiB) 2055 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 [ 199 Bytes | 1920 mal betrachtet ]

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

Antworten