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.18KiB)19339 mal betrachtet
tween_animation.fla
benötigte Flash version: CS3
(23KiB)1718-mal heruntergeladen
Jetzt im Werkzeugmenü das Ellipsenwerkzeug auswählen.
tween_animation2.gif
tween_animation2.gif (4.36KiB)19335 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.61KiB)19332 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.47KiB)19324 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.58KiB)19332 mal betrachtet
tween_animation6.gif
tween_animation6.gif (10.86KiB)19326 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.21KiB)19326 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 |19191 mal betrachtet ]

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

Antworten