Brand Animation Bumper - Kurz

• April 25, 2024

In diesem Tutorial erstellen wir die Kurzversion des Markenanimations-Stoßfängers für eine Video-Marketingkampagne. Aus dieser kurzen Version erstellen wir einen längeren, detaillierteren Stoßfänger. Jeder Stoßfänger kann auf verschiedene Arten verwendet werden, z. B. als Beginn oder Ende eines Büchertrailers, als Schulungsvideo und für andere Arten des Videomarketings. Das Produkt, das wir vermarkten, ist meine Serie von DIY-E-Books zum Erstellen und Vermarkten von Buch-Apps.

Die Kurzversion der Stoßfängeranimation enthält die wichtigsten Markenelemente. das Mauszeichen, der Untertitel des Buches „Alles, was Sie brauchen, ist eine Maus“ sowie der Firmenname und die URL.

Die lange Version wird eine ähnliche, aber längere Animation haben. Der Teil der Stoßfängeranimation, der beiden Versionen gemeinsam ist, ist die Maskierungsanimation für gekrümmte Strichzeichnungen zu Beginn und die oben genannten Branding-Elemente.

Strichzeichnungsmaskenanimation

Während dieser Animation werden drei Designelemente auf dem Bildschirm angezeigt. Die Hintergrundverlaufsebene bleibt statisch. Die gekrümmte Linie png bleibt ebenfalls statisch und die Maskenebene bewegt sich nach rechts, wodurch die Illusion entsteht, dass die gekrümmte Linie auf dem Bildschirm gezeichnet wird.

1. Öffnen Sie ScreenFlow. Wenn das Fenster Aufzeichnung konfigurieren geöffnet wird, klicken Sie auf das X in der linken Ecke, um das Dialogfeld zu schließen. Wir werden dieses Projekt nicht mit der Erstellung eines Screencasts starten.
   
   
2. Klicken Sie in der ScreenFlow-Menüleiste oben auf Ihrem Desktop auf Datei - Neues leeres Dokument.
   
   
3. Stellen Sie im Dialogfeld "Leeres Dokument erstellen" die Voreinstellung auf 1080p HD ein, wodurch Sie eine Bildschirmbreite von 1920 und eine Höhe von 1080 erhalten. Dies ist die größte auf YouTube angebotene Bildschirmauflösung^R..
   
   
4. Füllen wir die leere Zeitleiste, beginnend mit dem Hintergrundverlauf jpg. Klicken Sie in der Menüleiste auf Einfügen - Wählen Sie aus und navigieren Sie zu Ihrem JPG. Sie sehen das JPG auf der Leinwand und in der Timeline als kleine rechteckige Leiste auf der oberen Spur.
   
   
5. Unser Stoßfänger hat eine Dauer von 5 Sekunden. Erweitern Sie also die Hintergrundebene auf 5 Sekunden, indem Sie den rechten Rand ziehen. Platzieren Sie den Mauszeiger über der Kante, bis Sie einen Doppelpfeil sehen, und ziehen Sie die Kante auf die 5-Sekunden-Marke in der Zeitleiste. Möglicherweise müssen Sie die Zeitleiste erweitern, um kleinere Schritte mithilfe des Schiebereglers für die Zeitleistenvergrößerung am unteren Rand des Arbeitsbereichs anzuzeigen.
   
   
6. Importieren Sie die gekrümmte Linie png. Es sollte automatisch in der vertikalen Mitte des Bildschirms und auf einer Spur über der Hintergrundspur platziert werden. Wie Sie sehen können, sind die Spuren mit dem Namen des darin enthaltenen Bildes gekennzeichnet.
   
   
7. Wir werden jetzt die Maskengrafik importieren. Wie bei der gekrümmten Linie png wird sie automatisch zentriert auf dem Bildschirm platziert.
   
   
8. Zuletzt werden wir das MP3-Audio importieren. Wie Sie sehen können, wird es nicht dem Bildschirm hinzugefügt, sondern einem Track auf der Timeline.
   
   Wir möchten, dass der Maskierungseffekt beginnt, sobald das Video startet und 3 Sekunden dauert. Der Effekt wird dadurch verursacht, dass sich die Maske über den Bildschirm bewegt und die darunter liegende Linie sichtbar macht. Wir können dies mit einer einfachen Videoaktion auf der Maskenebene tun.
   
   
9. Wählen Sie die Maskenspur in der Timeline aus und platzieren Sie den Scrubber am Anfang der Timeline. Klicken Sie im Bereich Videoeigenschaften unten auf die Schaltfläche Videoaktion hinzufügen. Sie sehen ein kleines Rechteck, das der Maskenspur hinzugefügt wurde. Dies repräsentiert die Videoaktion. Ziehen Sie den Rand des Aktionsrechtecks ​​auf die 3-Sekunden-Marke in der Zeitleiste.
   
   
10. Platzieren Sie den Scrubber am Ende des Video-Aktionsrechtecks ​​und wählen Sie die Maskenspur erneut aus.
    
    
11. Die Maskengrafik befindet sich bereits an der Anfangsposition für die Animation. Jetzt legen wir die Endposition für die Maskengrafik fest. Ziehen Sie die Maskengrafik nach rechts, bis sie nicht mehr auf dem Bildschirm angezeigt wird. Halten Sie die Umschalttaste gedrückt, um die Maske entlang einer geraden Linie zu bewegen.
    
    Nachdem wir die Hauptelemente auf der Timeline haben, testen Sie die Animation, indem Sie den Scrubber am Anfang der Timeline platzieren und auf die Schaltfläche Wiedergabe über der Timeline klicken.
    
    Als nächstes werden wir die Maus und andere Branding-Elemente hinzufügen.
    
    ScreenFlow-Screenshots werden mit Genehmigung von Telestream verwendet.
    
    
    

    Video-Anleitungen: Shine Logo Animation in After Effects - After Effects Tutorial - Simple Logo Animation S01 E02 (April 2024).

    
    
    Brand Animation Bumper - Kurz, Flash und Animation, ScreenFlow-Maskentechnik, Branding Bumper, Buch-App-Marketing