Motion Tweens in Flash CS6

• April 26, 2024

In diesem Tutorial erfahren Sie, wie Sie ein Motion Tween in Flash erstellen^R. CS6. Sie erinnern sich vielleicht, dass wir in einem früheren Tutorial eine Animation erstellt haben, die einen Kreis über die Bühne bewegt hat. In dieser Lektion haben wir eine klassische Tween-Animation erstellt. Das klassische Tween ist die ursprüngliche Art der Animation für Flash.

Jetzt schauen wir uns eine neue Art von Tween-Animation an. Dieses Mal erstellen wir eine Motion Tween-Animation, die ein Quadrat über die Bühne bewegt. Auf den ersten Blick erscheinen diese beiden Animationen möglicherweise identisch. Im Verlauf zukünftiger Lektionen werden Sie jedoch feststellen, warum das Motion Tween die bevorzugte Tween-Animationsoption ist. Es ist sehr flexibel und kann verwendet werden, um recht komplexe Animationen zu erstellen.

1. Öffnen Sie Flash CS6 und wählen Sie ActionScript 3.0 in der Spalte Neu erstellen des Begrüßungsbildschirms.
   
   Sie werden sehen, dass wir eine leere Bühne und eine Ebene in der Timeline haben.
   
   
2. Doppelklicken Sie auf den Ebenennamen und benennen Sie Ebene 1 in "Quadrat" um.
   
   
3. Setzen Sie die Strichfarbe auf Null.
   
   
4. Klicken Sie auf das Feld Farbe füllen und wählen Sie eine beliebige Farbe aus der Farbauswahl.
   
   
5. Zeichnen Sie mit dem Rechteck-Werkzeug ein Quadrat auf die Bühne.
   
   Zu diesem Zeitpunkt ist das Quadrat eine Grundform. Um dies zu bestätigen, schauen wir uns die Informationen im Eigenschaftenfenster an.
   
   
6. Wählen Sie mit dem Auswahlwerkzeug das Quadrat auf der Bühne aus.
   
   Im Eigenschaftenfenster sehen wir, dass dieses Objekt eine Form ist. Wir können auch die Position, Größe und Farbe des Objekts sehen.
   
   Der erste Schritt zum Erstellen eines Motion Tween besteht darin, die Form in ein Symbol umzuwandeln. Wir werden Flash-Symbole in einem zukünftigen Tutorial ausführlich behandeln.
   
   
7. Wählen Sie das Quadrat auf der Bühne aus und klicken Sie in der Menüleiste auf Ändern - In Symbol konvertieren.
   
   
8. Benennen Sie im Dialogfeld In Symbol konvertieren das Symbol "Quadrat" und setzen Sie den Typ auf Movieclip. Setzen Sie als Nächstes den Registrierungspunkt auf die Mitte, indem Sie auf das kleine mittlere Feld in der Gruppe der kleinen Felder klicken. OK klicken.
   
   Sie werden sehen, dass eine dünne blaue Linie um das Quadrat erscheint, die anzeigt, dass das Objekt jetzt ein Symbol ist.
   
   
9. Klicken Sie mit der rechten Maustaste auf Frame 50 der Timeline und wählen Sie Frame einfügen, um die Frames der Timeline 50 zu erweitern.
   
   
10. Klicken Sie mit der rechten Maustaste auf ein beliebiges Bild in der Zeitleiste und wählen Sie "Bewegungs-Tween erstellen".
    
    Sie werden sehen, dass Flash alle Frames in eine andere Farbe gebracht hat. Diese werden als Tween-Spanne des Bewegungs-Tween bezeichnet.
    
    Bewegen Sie den Abspielkopf entlang der Zeitleiste zurück zu Bild 1. Wie im letzten Lernprogramm bewegt sich das Objekt nicht. Dies liegt daran, dass wir noch keinen zweiten Keyframe hinzugefügt haben, um die Endposition für die Animation anzugeben.
    
    
11. Klicken Sie mit der rechten Maustaste auf Frame 50 und wählen Sie im Menü die Option Keyframe einfügen - Alle.
    
    
12. Klicken Sie auf Bild 50 und ziehen Sie es auf die andere Seite der Bühne, um Flash mitzuteilen, dass dies die Endposition für das Motion Tween ist.
    
    

Wenn Sie nun den Abspielkopf bewegen, bewegt sich das Quadrat schrittweise über die Bühne.

Mit Motion Tweens können wir die Animation jedoch einfach so ändern, dass sich das Quadrat entlang einer gekrümmten Linie anstatt auf einer geraden Linie bewegt.

Copyright 2018 Adobe Systems Incorporated. Alle Rechte vorbehalten. Screenshots von Adobe-Produkten mit Genehmigung von Adobe Systems Incorporated. Adobe, Photoshop, Photoshop-Album, Photoshop-Elemente, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere-Elemente, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, Fireworks, Contribute, Captivate, Flash Catalyst und Flash Paper ist / sind entweder [eine] eingetragene Marke (n) oder eine Marke (n) von Adobe Systems Incorporated in den USA und / oder anderen Ländern.

Video-Anleitungen: Motion Tween in Flash CS6 (April 2024).