Erstellen Sie in Flash CS4 ein Rückwärts-Tween

• April 25, 2024

Im letzten Tutorial haben wir den neuen EnvBack1-Movieclip erstellt und den Stempelknopf von der Bühne in Frame 81 entfernt. Jetzt können wir den Umschlag umdrehen. Dies sieht nach einer schwierigen Animation aus, ist aber in Wirklichkeit sehr einfach. Wir werden zwei Movieclips verwenden. Eine wird eine neue Instanz des EnvFront1-Movieclips sein und die zweite wird unser neuer EnvBack1-Movieclip sein.

Öffnen Sie Ihre Fla-Datei in Flash^R. CS4 und los geht's.

1. Sperren Sie alle Ebenen in der Timeline.
   
   Wenn Sie den Zeiger auf Frame 81 bewegen, sehen Sie, dass wir eine leere Bühne haben. Unser erster Schritt besteht darin, eine neue Ebene in der Zeitleiste für eine neue (zweite) Instanz des EnvFront1-Movieclips zu erstellen und eine neue Instanz aus der Bibliothek zu ziehen. Wir möchten, dass sich dieser Movieclip an derselben Position wie EnvFront1_1 befindet. Klicken Sie in Bild 80 auf EnvFront1 und rufen Sie die X- und Y-Werte im Eigenschaftenfenster ab.
   
   
2. Fügen Sie eine neue Ebene über der Ebene "EnvFront1_1" in der Zeitleiste hinzu und nennen Sie diese neue Ebene "EnvFront1_2".
   
   Wir möchten nicht, dass dieser neue Movieclip bis Frame 81 sichtbar ist.
   
   
3. Fügen Sie Frame 81 auf der neuen Ebene EnvFront1_2 einen Keyframe hinzu, um Frames 1 - 80 auf leer zu setzen. Ziehen Sie in Frame 81 eine neue Instanz des EnvFront1-Movieclips aus der Bibliothek auf die Bühne. Geben Sie im Eigenschaftenfenster diesen neuen Movieclip und den Instanznamen "EnvFront1_2" an.
   
   
4. Kehren Sie in Bild 81 zu EnvFront1_2 zurück und setzen Sie die X- und Y-Werte für EnvFront1_2 auf die gleichen Werte für EnvFront1_1.
   
   Wir können jetzt die Tween-Animation erstellen, die beginnt, den Umschlag umzudrehen.
   
   
5. Klicken Sie mit der rechten Maustaste auf EnvFront1_2 und wählen Sie im Menü die Option Motion Tween erstellen. Ziehen Sie die Tween-Spanne, um das Tween in Frame 85 zu beenden. Wählen Sie in Frame 85 den Movieclip EnvFront1_2 aus und schieben Sie mit dem freien Transformationswerkzeug den rechten und den linken Rand zusammen, bis der Umschlag fast zu dünn ist, um ihn zu sehen. Notieren Sie sich die Breite.
   
   Jetzt müssen wir eine Instanz des EnvBack1-Movieclips verwenden, um die Flip-Over-Animation zu beenden. Aber zuerst müssen wir eine neue Ebene für dieses neue Tween erstellen.
   
   
6. Fügen Sie der Zeitleiste über der Ebene EnvFront1_2 eine neue Ebene hinzu und nennen Sie diese Ebene "EnvBack1_1".
   
   Wir werden unsere erste Instanz des EnvBack1-Movieclips auf der Bühne in Frame 85 hinzufügen.
   
   
7. Klicken Sie mit der rechten Maustaste auf Frame 85 auf der Ebene EnvBack1_1 und fügen Sie einen Keyframe hinzu.
   
   
8. Ziehen Sie eine Instanz von EnvBack1 aus der Bibliothek. Nennen Sie diese Instanz im Eigenschaftenfenster "EnvBack1_1". Stellen Sie X und Y so ein, dass sie mit denen von EnvFront1_2 übereinstimmen.
   
   
9. Klicken Sie mit der rechten Maustaste auf den EnvBack1_1-Movieclip und erstellen Sie ein Tween. Ziehen Sie die Tween-Spanne auf Frame 90. Klicken Sie mit der rechten Maustaste auf Frame 90 und wählen Sie im Menü die Option Keyframe einfügen, Alle.
   
   
10. Stellen Sie in Frame 85 die Breite von EnvBack1 so ein, dass sie mit der von EnvFront1_2 in Frame 85 übereinstimmt.
    
    
11. Bewegen Sie den Abspielkopf zwischen den Bildern 80 und 90, um die Flip-Animation anzuzeigen.
    
    
12. Sperren Sie alle Ebenen. Speichern Sie Ihre Fla-Datei.
    
    

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: Wie kann man eine Diashow in Flash erstellen (April 2024).