Brand Animation Bumper - Kort
I denne opplæringen vil vi lage kortversjonen av merkevaren animasjonsstøtfanger for en video markedsføringskampanje. Fra denne korte versjonen vil vi lage en lengre og mer detaljert støtfanger. Hver støtfanger kan brukes på mange måter som begynnelse eller slutt på en bokhenger, treningsvideo og andre typer videomarkedsføring. Produktet vi markedsfører er min serie DIY-e-bøker for å lage og markedsføre bokapper.

Den korte versjonen av støtfangeranimasjonen vil inneholde de viktigste merkevarene; musekarakteren, bokens undertittel "Alt du trenger er en mus" og firmanavnet og url.

Den lange versjonen vil ha lignende, men lengre animasjon. Den delen av støtfangeranimasjonen som er felles for begge versjoner, er den buede linjetegning maskerende animasjonen i starten og merkeelementene nevnt over.

Line Draw Mask Animation

Det er tre designelementer på skjermen under denne animasjonen. Bakgrunnsgradientlaget forblir statisk. Den buede linjen png forblir også statisk og maskelaget beveger seg til høyre, noe som gir en illusjon om at den buede linjen begynner å tegnes på skjermen.

  1. Åpne ScreenFlow. Når vinduet Konfigurer innspilling åpnes, klikker du på X i venstre hjørne for å lukke dialogboksen. Vi starter ikke dette prosjektet med å lage et skjermbilde.

  2. Fra FileFlow-menylinjen øverst på skrivebordet ditt klikker du på File - New Empty Document.

  3. I dialogboksen Lag tomt dokument setter du forhåndsinnstillingen til 1080p HD, som vil gi deg en skjermbredde på 1920 og høyde på 1080. Dette er den største skjermoppløsningen som tilbys på YouTubeR.

  4. La oss fylle den tomme tidslinjen, begynner med bakgrunnsgradienten jpg. Fra menylinjen, klikk Sett inn - Velg og bla gjennom til jpg. Du vil se jpg vises på lerretet og på tidslinjen som en liten rektangulær stolpe på det øverste sporet.

  5. Støtfangeren vår har en varighet på 5 sekunder. La oss utvide bakgrunnslaget til 5 sekunder ved å dra i høyre kant. Plasser musepekeren over kanten til du ser en dobbel pil og drar kanten til 5 sekunders markering på tidslinjen. Du må kanskje utvide tidslinjen for å vise mindre trinn ved å bruke glidebryteren for tidslinjeforstørrelse nederst på arbeidsområdet.

  6. Importer den buede linjen png. Den skal automatisk plasseres i det vertikale midten av skjermen og på et spor over bakgrunnen. Som du ser er sporene merket med navnet på bildet de inneholder.

  7. Vi vil importere maskegrafikken nå. Som med den buede linjen png, vil den automatisk bli plassert sentrert på skjermen.

  8. Til slutt importerer vi .mp3-lyden. Som du ser er den ikke lagt til på skjermen, men er lagt til et spor på tidslinjen.

    Vi vil at maskeringseffekten skal begynne så snart videoen starter og varer i 3 sekunder. Effekten er forårsaket av at masken beveger seg over skjermen og avslører linjen nedenfor. Vi kan gjøre dette med en enkel videohandling til maskelaget.

  9. Velg Maskespor på tidslinjen og plasser skrubberen på begynnelsen av tidslinjen. Fra ruten Videoegenskaper klikker du på Legg til videohandling-knappen nederst. Du vil se et lite rektangel lagt til Maskesporet. Dette representerer videohandlingen. Dra kanten av handlingsrektangelet til 3 sekunders merke på tidslinjen.

  10. Plasser skrubberen på slutten av videohandlingsrektangelet og velg Maskespor igjen.

  11. Maskegrafikken er allerede i startposisjonen for animasjonen. Nå vil vi angi sluttposisjonen for maskegrafikken. Dra masken grafikk til høyre til den er utenfor skjermen. Hold nede Shift-tasten for å bevege masken langs en rett linje.

    Nå som vi har hovedelementene på tidslinjen, kan du teste animasjonen ved å plassere skrubberen på begynnelsen av tidslinjen og klikke på Spill-knappen over tidslinjen.

    Neste vil vi legge musen og andre merkeelementer.

    ScreenFlow-skjermbilder brukes med tillatelse fra Telestream.


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