Brand Animation Bumper - Kort

• Maj 13, 2024

I denna handledning skapar vi den korta versionen av varumärkesanimationsbumparen för en videomarknadsföringskampanj. Från denna korta version kommer vi att skapa en längre mer detaljerad stötfångare. Varje stötfångare kan användas på många sätt såsom början eller slutet på en boktrailer, träningsvideo och andra typer av videomarknadsföring. Produkten vi marknadsför är min serie DIY-e-böcker för att skapa och marknadsföra bokappar.

Den korta versionen av stötfångaranimationen kommer att innehålla de viktigaste varumärkets tillgångar; muskaraktären, bokundertexten "Allt du behöver är en mus" och företagsnamn och url.

Den långa versionen kommer att ha liknande men längre animering. Den del av stötfångaranimationen som är gemensam för båda versionerna är den böjda linjeteckningsmaskeringsanimationen i början och märkeselementen som nämns ovan.

Line Draw Mask Animation

Det finns tre designelement på skärmen under den här animeringen. Bakgrundsgradientlagret förblir statiskt. Den böjda linjen png förblir också statisk och maskskiktet rör sig till höger, vilket ger en illusion att den böjda linjen börjar dras på skärmen.

1. Öppna ScreenFlow. När fönstret Konfigurera inspelning öppnas klickar du på X i det vänstra hörnet för att stänga dialogrutan. Vi kommer inte att starta detta projekt genom att skapa en skärmbild.
   
   
2. Klicka på Arkiv - Nytt tomt dokument från ScreenFlow-menyraden överst på skrivbordet.
   
   
3. I dialogrutan Skapa tomt dokument ställer du in förinställningen till 1080p HD, vilket ger dig en skärmbredd på 1920 och höjd på 1080. Detta är den största skärmupplösningen som erbjuds på YouTube^R.
   
   
4. Låt oss fylla den tomma tidslinjen, med början med bakgrundsgradienten jpg. I menyraden klickar du på Infoga - Välj och bläddra till din jpg. Du kommer att se jpg visas på duken och på tidslinjen som en liten rektangulär bar på det översta spåret.
   
   
5. Vår stötfångare kommer att vara 5 sekunder. Så låt oss förlänga bakgrundsskiktet till 5 sekunder genom att dra höger kant. Placera muspekaren över kanten tills du ser en dubbel pil och dra kanten till markeringen på 5 sekunder på tidslinjen. Du kan behöva utöka tidslinjen för att visa mindre steg med tidslinjens förstoringsreglage längst ner på arbetsytan.
   
   
6. Importera den böjda linjen png. Den ska automatiskt placeras i det vertikala mitten av skärmen och på ett spår ovanför bakgrundsspåret. Som ni ser är spåren märkta med namnet på bilden de innehåller.
   
   
7. Vi kommer att importera maskgrafiken nu. Liksom med den böjda linjen png placeras den automatiskt centrerad på skärmen.
   
   
8. Slutligen importerar vi .mp3-ljudet. Som du ser läggs den inte till på skärmen utan läggs till i ett spår på tidslinjen.
   
   Vi vill att maskeringseffekten ska börja så snart videon startar och varar i 3 sekunder. Effekten orsakas av att masken rör sig över skärmen och avslöjar linjen nedan. Vi kan göra detta med en enkel videoåtgärd till maskskiktet.
   
   
9. Välj Mask Track på tidslinjen och placera Scrubber i början av tidslinjen. I fönstret Videoegenskaper klickar du på knappen Lägg till videoåtgärd längst ner. Du kommer att se en liten rektangel tillagd i maskspåret. Detta representerar videoåtgärden. Dra kanten på Action-rektangeln till 3 sekunders markering på tidslinjen.
   
   
10. Placera skrubbern i slutet av videoåtgärdens rektangel och välj Mask Track igen.
    
    
11. Maskgrafiken är redan i startpositionen för animeringen. Nu kommer vi att ställa in slutpositionen för maskgrafiken. Dra maskgrafiken till höger tills den är utanför skärmen. Håll Shift-tangenten intryckt för att flytta masken längs en rak linje.
    
    Nu när vi har huvudelementen på tidslinjen, testa animationen genom att placera skrubbern i början av tidslinjen och klicka på knappen Spela ovanför tidslinjen.
    
    Nästa kommer vi att lägga till musen och andra märkeselement.
    
    ScreenFlow-skärmdumpar används med tillstånd från Telestream.
    
    
    

    Video Instruktioner: 4 Techniques For Custom Logo Animation in After Effects (Maj 2024).

    
    
    Brand Animation Bumper - Short, Flash och Animation, ScreenFlow maskeringsteknik, branding bumper, book app marketing