Flash CS6-Bewegungspfade

• April 24, 2024

Im letzten Blitz^R. Im CS6-Tutorial haben wir eine einfache Motion Tween-Animation erstellt, mit der ein Objekt entlang einer geraden Linie verschoben wurde. Jetzt ändern wir die Animation, um das Objekt entlang einer gekrümmten Linie zu verschieben.

Wir haben bereits die kleine Änderung der Tween-Spanne für das Motion Tween besprochen, aber wir haben uns die Bühne nicht angesehen. Wie Sie sehen können, haben wir eine gepunktete grüne gerade Linie, die sich von der Anfangsposition links bis zur Endposition rechts von der Animation erstreckt. Dies wird als Bewegungspfad der Animation bezeichnet.

Wenn Sie mit Motion Tweens arbeiten, können Sie diesen Bewegungspfad leicht ändern. Lass es uns versuchen.

1. Platzieren Sie den Cursor mit dem Auswahlwerkzeug neben der grünen Linie und in der Mitte des Pfads.
   
   Sie werden sehen, wie sich der Cursor in einen Pfeil mit einer kleinen gekrümmten Linie ändert.
   
   
2. Lassen Sie uns die Pfadkurve nach oben machen. Klicken Sie auf die Mitte des Pfads und ziehen Sie nach oben, bis sich die Linie krümmt.
   
   
3. Bewegen Sie den Abspielkopf über die Zeitleiste und Sie werden sehen, dass sich das Quadrat entlang des gekrümmten Pfades bewegt.
   
   Jetzt ist ein guter Zeitpunkt, um unsere Animation zu testen.
   
   
4. Klicken Sie in der Menüleiste auf Steuerung - Film testen - In Flash Professional.
   
   Dadurch wird unsere Animation im Flash Player geöffnet. Sie sollten sehen, dass sich das Quadrat entlang des gekrümmten Pfades bewegt. Die Animation wird wiederholt (wird kontinuierlich abgespielt), da wir nicht angewiesen haben, am Ende anzuhalten. Schließen Sie den Flash Player und kehren Sie zum Arbeitsbereich zurück.
   
   Zu diesem Zeitpunkt bewegt sich das Quadrat entlang des gekrümmten Pfades, aber das Quadrat dreht sich nicht. Es bleibt während der gesamten Animation auf Höhe des Bühnenbodens. Wir können der Animation ein wenig Interesse hinzufügen, indem wir das Quadrat drehen, während es sich entlang des Pfades bewegt.
   
   Wir möchten, dass das Quadrat zu Beginn der Animation auf gleicher Höhe mit dem unteren Rand der Bühne liegt und sich schrittweise entlang des Pfades dreht. Wir müssen also die Endposition der Animation ändern.
   
   
5. Wählen Sie Frame 50 aus und wählen Sie dann im Werkzeugbedienfeld das Werkzeug „Freie Transformation“.
   
   Sie sehen eine schwarze Linie mit acht Kontrollpunkten um das Quadrat.
   
   
6. Klicken Sie in der Menüleiste auf Ändern - Transformieren - Skalieren und Drehen.
   
   
7. Stellen Sie im Dialogfeld Skalieren und Drehen den Wert Drehen auf 120 Grad ein und klicken Sie auf OK.
   
   
8. Bewegen Sie den Abspielkopf langsam entlang der Zeitachse und Sie werden sehen, wie sich das Quadrat entlang des Pfades dreht.
   
   

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: Learn to Animate in Less Than 10 Minutes - Adobe Animate (April 2024).