Überlagerungsübergang in Bewegung

• April 28, 2024

In diesem Antrag^R. Im Tutorial werden wir den Übergang zwischen den Szenen für unser Save The Date-Projekt bearbeiten. Der Zweck dieses Übergangs besteht darin, den Titeltext und andere Gestaltungselemente für die erste Szene auszublenden und den Bildschirm für die nächste Szene leer zu lassen.

Natürlich könnten wir den Titeltext einfach ausblenden, aber fügen wir ein sehr beliebtes Übergangselement hinzu. Wir erstellen eine schräge halbtransparente Überlagerung, die von rechts nach links über den Bildschirm verläuft, wenn der Titeltext verschwindet und das erste Gestaltungselement, ein goldenes Zylinder-Symbol, auf Bildschirm zwei angezeigt wird.

Im letzten Tutorial ist der letzte Text um 3:15 Uhr in der Zeitleiste vollständig auf dem Bildschirm sichtbar. Lassen wir ein wenig Platz auf der Timeline, bevor wir mit unserer halbtransparenten Overlay-Animation beginnen, die um 4:00 Uhr auf der Timeline beginnt. Unser erster Schritt ist das Zeichnen des Overlays, das wie ein elegantes Tüllband aussieht.

1. Fügen Sie im Ebenenbereich eine neue Gruppe mit dem Namen "Formen" hinzu.
   
   
2. Verwenden Sie mit dem Abspielkopf um 4:00 Uhr das Rechteck-Werkzeug, um ein Rechteck hinzuzufügen, das etwa ein Drittel der Breite und etwas mehr als die Höhe des Bildschirms beträgt.
   
   
3. Aktivieren Sie im Inspektor - Form - Stil das Kontrollkästchen, um dem Rechteck eine Füllung hinzuzufügen.
   
   
4. Behalten Sie die standardmäßige weiße Füllfarbe bei, reduzieren Sie jedoch die Füllopazität auf 60%.
   
   
5. Lassen Sie uns auch den standardmäßigen weißen Konturstrich beibehalten, aber die Breite auf 15 erhöhen.
   
   Da die oberen und unteren Kanten des Rechtecks ​​über die Höhe des Bildschirms hinausgehen, sieht der Betrachter nur den Konturstrich am linken und rechten Rand. Fügen wir ein weiteres Detail hinzu, indem wir das Rechteck schräg stellen.
   
   
6. Wechseln Sie bei ausgewähltem Rechteck zum Werkzeug Verzerren. Ziehen Sie den rechten unteren Ankerpunkt nach rechts, um die rechte Kante zu neigen. Ziehen Sie als Nächstes den oberen linken Ankerpunkt nach links, um die andere Kante zu neigen.
   
   
7. Ziehen Sie nun das Rechteck nach rechts und direkt außerhalb des Bildschirms.
   
   Wir möchten, dass sich das Overlay auf der Timeline von 4:00 bis 5:15 Uhr über den Bildschirm bewegt.
   
   
8. Wenn sich der Abspielkopf noch um 4:00 Uhr befindet, gehen Sie zu Inspektor - Eigenschaften - Position. Fügen Sie einen Keyframe hinzu, indem Sie auf das Symbol rechts klicken.
   
   
9. Bewegen Sie den Abspielkopf auf 5:15 und ziehen Sie das Rechteck nach links, bis es sich gerade außerhalb des Bildschirms befindet. Dies sollte einen zweiten Keyframe hinzufügen.
   
   Jetzt müssen wir den Titeltext in derselben Sekunde auf der Timeline entfernen. Verwenden wir die Umkehrung des Verhaltens von Fade Characters Center In.
   
   
10. Wählen Sie mit dem Abspielkopf um 4:00 Uhr den Titeltext "Es ist eine Hochzeit" aus. Gehen Sie zu Bibliothek - Verhalten - Textsequenz - Text Basic - Fade Characters Center Out.
    
    Über der ersten Leiste für den Text wird eine neue Verhaltensleiste angezeigt. Ziehen Sie die Verhaltensleiste so, dass der linke Rand um 4:00 Uhr beginnt.
    
    
11. Ziehen Sie den rechten Rand der Verhaltensleiste auf 5:15 in der Zeitleiste.
    
    Wiederholen Sie diesen Vorgang für den Text "Datum speichern".
    
    Schließlich müssen wir die beiden Zylinder ausblenden.
    
    
12. Wählen Sie mit dem Playhead um 4:00 Uhr den Zylinder der Braut aus.
    
    
13. Gehen Sie zu Inspektor - Eigenschaften - Deckkraft. Klicken Sie auf das Symbol, um um 4:00 Uhr einen Keyframe für die Opacity-Eigenschaft hinzuzufügen.
    
    
14. Bewegen Sie den Abspielkopf auf 5:15 und reduzieren Sie die Deckkraft auf 0%.
    
    Wiederholen Sie dies für den Zylinder des Bräutigams.
    
    

Sichere deine Arbeit. Im nächsten Tutorial werden wir an der Animation für den zweiten Bildschirm arbeiten.

Zurück | Weiter

Beispielprojekt