Brand Animation Bumper - Kort

• April 28, 2024

I denne tutorial vil vi oprette den korte version af brand-animationsbumperen til en video marketingkampagne. Fra denne korte version vil vi oprette en længere og mere detaljeret kofanger. Hver kofanger kan bruges på mange måder, såsom begyndelsen eller slutningen af ​​en bogtrailer, træningsvideo og andre typer videomarkedsføring. Produktet, vi markedsfører, er min serie DIY-e-bøger til oprettelse og markedsføring af bog-apps.

Den korte version af kofangeranimationen indeholder de vigtigste branding-aktiver; musekarakteren, bogens undertekst “Alt hvad du behøver er en mus” og firmanavnet og url.

Den lange version har lignende, men længere animation. Den del af kofangeranimationen, der er fælles for begge versioner, er den buede linjetegning, der maskerer animationen i starten og de brandingelementer, der er nævnt ovenfor.

Line Tegning Maske Animation

Der er tre designelementer på skærmen under denne animation. Baggrundsgradientlaget forbliver statisk. Den buede linje png forbliver også statisk, og maskelaget flytter sig til højre, hvilket giver en illusion om, at den buede linje begynder at blive trukket på skærmen.

1. Åbn ScreenFlow. Når vinduet Konfigurer optagelse åbnes, skal du klikke på X i venstre hjørne for at lukke dialogboksen. Vi starter ikke dette projekt med at oprette et skærmbillede.
   
   
2. Klik på Filer - nyt tomt dokument fra ScreenFlow-menulinjen øverst på dit skrivebord.
   
   
3. I dialogboksen Opret tomt dokument skal du indstille forudindstillingen til 1080p HD, hvilket giver dig en skærmbredde på 1920 og højden på 1080. Dette er den største skærmopløsning, der tilbydes på YouTube^R.
   
   
4. Lad os udfylde den tomme tidslinje, der begynder med baggrundsgradienten jpg. Fra menulinjen skal du klikke på Indsæt - Vælg og gennemsøg din jpg. Du vil se jpg'en vises på lærredet og på tidslinjen som en lille rektangulær bjælke på det øverste spor.
   
   
5. Vores kofanger har en varighed på 5 sekunder. Så lad os udvide baggrundslaget til 5 sekunder ved at trække den højre kant. Placer musemarkøren over kanten, indtil du ser en dobbeltpil og træk kanten til 5 sekunders markering på tidslinjen. Det kan være nødvendigt, at du udvider tidslinjen for at vise mindre trin ved hjælp af skyderen for tidslinjeforstørrelse i bunden af ​​arbejdsområdet.
   
   
6. Importer den buede linje png. Det skal automatisk placeres i det lodrette centrum af skærmen og på et spor over baggrundssporet. Som du kan se, er sporene mærket med navnet på det billede, de indeholder.
   
   
7. Vi importerer masken grafisk nu. Som med den buede linje png, placeres den automatisk centreret på skærmen.
   
   
8. Til sidst importerer vi .mp3-lyden. Som du kan se, føjes det ikke til skærmen, men føjes til et spor på tidslinjen.
   
   Vi ønsker, at maskeringseffekten skal begynde, så snart videoen starter og varer 3 sekunder. Effekten er forårsaget af, at masken bevæger sig over skærmen og afslører linjen nedenfor. Vi kan gøre dette med en simpel videohandling til maskelaget.
   
   
9. Vælg Maskespor på tidslinjen, og anbring skrubberen i begyndelsen af ​​tidslinjen. Fra ruden Videoegenskaber skal du klikke på knappen Tilføj videohandling nederst. Du vil se et lille rektangel tilføjet til maskesporet. Dette repræsenterer videohandlingen. Træk kanten af ​​action-rektanglet til 3 sekund-mærket på tidslinjen.
   
   
10. Placer skrubberen i slutningen af ​​videohandlingsrektanglet, og vælg Maskespor igen.
    
    
11. Maskegrafikken er allerede i startpositionen for animationen. Nu vil vi indstille slutpositionen for maskegrafikken. Træk masken grafik til højre, indtil den er væk fra skærmen. Hold Shift nede for at flytte masken langs en lige linje.
    
    Nu hvor vi har hovedelementerne på tidslinjen, kan du teste animationen ved at placere skrubberen i begyndelsen af ​​tidslinjen og klikke på knappen Afspil over tidslinjen.
    
    Dernæst tilføjer vi musen og andre branding-elementer.
    
    ScreenFlow-skærmbilleder brugt med tilladelse fra Telestream.
    
    
    

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

    
    
    Brand Animation Bumper - Kort, flash og animation, ScreenFlow maskeringsteknik, branding kofanger, book app marketing