Nárazník pre animáciu značky - krátky
V tomto tutoriále vytvoríme krátku verziu nárazníka animácie značky pre video marketingovú kampaň. Z tejto krátkej verzie vytvoríme dlhší podrobnejší nárazník. Každý nárazník sa dá použiť mnohými spôsobmi, napríklad na začiatku alebo na konci prívesu na knihy, školiacim videom a inými typmi videoreklamu. Produkt, ktorý uvádzame na trh, je moja séria elektronických kníh pre domácich majstrov na vytváranie a uvádzanie kníh na trh.

Krátka verzia animácie nárazníka bude obsahovať najdôležitejšie prvky značky; znak myši, titulky knihy „Všetko, čo potrebujete, je myš“ a názov spoločnosti a adresa URL.

Dlhá verzia bude mať podobnú, ale dlhšiu animáciu. Súčasťou animácie nárazníka, ktorá je spoločná pre obe verzie, je zakrivená animácia zakrývajúca kreslenie na začiatku a vyššie uvedené prvky brandingu.

Animácia masky s čiarou

Počas tejto animácie sú na obrazovke tri prvky dizajnu. Vrstva gradientu pozadia zostáva statická. Zakrivená čiara png zostáva tiež statická a maska ​​sa posúva doprava, čo vytvára ilúziu, že zakrivená čiara sa začína kresliť na obrazovku.

  1. Otvorte ScreenFlow. Po otvorení okna Konfigurovať nahrávanie dialógové okno zatvorte kliknutím na ikonu X v ľavom rohu. Tento projekt nezačneme vytvorením obsadenia obrazovky.

  2. V ponuke ScreenFlow Menubar v hornej časti pracovnej plochy kliknite na položku File - New Empty Document.

  3. V dialógovom okne Vytvoriť prázdny dokument nastavte predvoľbu na 1080p HD, čo vám poskytne šírku obrazovky 1920 a výšku 1080. Toto je najväčšie rozlíšenie obrazovky ponúkané na YouTubeR.

  4. Naplňte prázdnu časovú os a začnite jpg s prechodom na pozadí. Na paneli Menubar kliknite na položku Vložiť - vyberte a prejdite na stránku jpg. Uvidíte, že jpg sa objaví na plátne a na časovej osi ako malý obdĺžnikový pruh na hornej stope.

  5. Náš nárazník bude trvať 5 sekúnd. Pretiahnite teda vrstvu pozadia na 5 sekúnd potiahnutím pravého okraja. Umiestnite kurzor myši na okraj, až kým neuvidíte dvojitú šípku a potiahnite okraj k 5 sekundovej značke na časovej osi. Možno budete musieť rozšíriť časovú os, aby ste zobrazili menšie prírastky pomocou posúvača zväčšenia časovej osi v dolnej časti pracovného priestoru.

  6. Importujte zakrivenú čiaru png. Mal by sa automaticky umiestniť do vertikálneho stredu obrazovky a na stopu nad trasou na pozadí. Ako vidíte, stopy sú označené názvom obrázka, ktorý obsahujú.

  7. Grafiku masky teraz importujeme. Rovnako ako pri zakrivenej čiare png, bude automaticky umiestnená do stredu obrazovky.

  8. Nakoniec importujeme zvuk .mp3. Ako vidíte, nepridá sa na obrazovku, ale pridá sa do skladby na časovej osi.

    Chceme, aby sa efekt maskovania začal hneď po spustení videa a trval 3 sekundy. Tento efekt je spôsobený tým, že maska ​​sa pohybuje po obrazovke a odhaľuje čiaru pod ňou. Môžeme to urobiť jednoduchým videom na vrstvu Mask.

  9. Vyberte stopu masky na časovej osi a umiestnite pračku na začiatok časovej osi. Na table Vlastnosti videa kliknite na tlačidlo Pridať akciu videa v dolnej časti. Uvidíte malý obdĺžnik pridaný do masky. Predstavuje to Akcia videa. Presuňte okraj obdĺžnika Akcie k 3 sekundovej značke na časovej osi.

  10. Umiestnite pračku na koniec obdĺžnika video akcie a znova vyberte stopu masky.

  11. Maska je už na začiatku animácie. Teraz nastavíme koncovú polohu masky. Potiahnite masku smerom doprava, až kým nebude mimo obrazovky. Ak chcete masku posúvať po priamke, podržte stlačený kláves Shift.

    Teraz, keď máme hlavné prvky na časovej osi, otestujte animáciu umiestnením pračky na začiatok časovej osi a kliknutím na tlačidlo Prehrať nad časovou osou.

    Ďalej pridáme myš a ďalšie prvky značky.

    Snímky obrazovky ScreenFlow používané so súhlasom spoločnosti Telestream.


    Video Návody: Jaká je vaše značka traktoru (Apríl 2024).