Predtým než sa pustíme do našej prvej animácie, odskakujúcej guľky, chcem najskôr urobiť technickú výzvu: Text sa má vykresliť, akoby bol napísaný ručne. Fig Leaf Rag má krásne úvodné akcenty na konci, kde umiestnime bodka vykričníka.
Existuje niekoľko metód, ktoré sú viac alebo menej dobré v závislosti od situácie, v ktorej sme. Keďže pracujem s grafickým tabletom, námorím písmo a ukážem vám, ako animovať. No predtým vám ukážem, ako by sa to dalo urobiť aj inak, čo však nie je moja obľúbená metóda:
Kroky 1–10
Krok 1
Chcem mať textovú vrstvu preč a nahradiť ju zloženou vrstvou, obyčajnou pixlovou vrstvou, na ktorej môžem maľovať. Text má byť vnútri vrstvy. Takže vytvorím podkompozíciu pomocou Ctrl+Shift+C alebo cez možnosť Vrstva>Vytvoriť podkompozíciu. Nazvem to "Typo_Intro".
Krok 2
Všetky atribúty boli zachované, aj Turbulentné oddelenie.
Keď to nechcem, kliknem na Turbulentné oddelenie, stlačím Ctrl+X a vložím to do zloženejšej vrstvy vyššie ("Fig Leaf Rag").
Krok 3
Späť do zloženej vrstvy "Typo_Intro". Tu sme odkryli text a môžeme ho animovať.
Prvá možnosť je cez Trasy. Vezmem si Oceľový pero a potiahnem prvú čiaru písmena A na texte. Potom odložím pero a s podržaným Ctrl-tlačidlom kliknem niekde do prázdna a tak ukončím aktuálnu trasu, predtým než ťahám druhú čiarku písmena A.
Znova odložím pero, kliknem s podržaným Ctrl-tlačidlom na internát a potiahnem ďalšiu čiaru a tak ďalej, až kým nie je celý text doťahaný.
Krok 4
Teraz pridám efekt. Nájdeme ho ako Kontúra v verzii CC pod Generovať. Do verzie CS6 sa volal Účinok ťahov.
Vyberieme masku alebo zaškrtneme možnosť Všetky masky a tak môžeme nechať tieto masky nakresliť.
Krok 5
Vypnem masky s týmto malým symbolom a farbím trasu na červeno. Môžem zmeniť aj veľkosť, avšak len globálne pre všetky masky.
A keď opäť zapnem masky, môžem posúvať a prispôsobovať jednotlivé body, aby celý biely text bol pod nimi skrytý.
Krok 6
Krásne na tom je: Mám tu posúvač začiatku a konca: Potiahnem ho od začiatku do konca a takmôžem nechať nakresliť celý text.
To funguje veľmi dobre, ale nemáte exaktnú kontrolu. Napríklad musíte vždy použiť rovnakú hrúbku čiary, takže nemôžete ťahať hrubšie a tenšie.
Preto chcem ešte ukázať inú metódu, ktorá podľa môjho názoru ide trochu rýchlejšie, ako keď všetko jednotlivo ťaháte…
Krok 7
V tomto prípade preferujem trochu rýchlejšiu metódu s štetcem.
Tento štetc však nie je možné použiť na textové vrstvy. Musíme teda znova vytvoriť podkompozíciu a nazveme ju "Typo_Statický". V tejto podkompozícii môžeme hneď začať pracovať.
Krok 8
Ak chceme pracovať so štetcom a dvojklikom v režime štetca, sa otvorí panel vrstiev a len tu môžeme pracovať s štetcami.
Vznikli tiež dve nové panely: Štetc a maľovať. V paneli Štecce- môžeme nastaviť veľkosť, tvrdosť atď. štetca.
A v paneli Maľovať- môžeme vybrať spôsob maľovania. V položke Trvanie je pôvodne konštantné, ale zmením ho na Maľovať animovať.
Krok 9
Keď sa vrátim na inú kartu a pohybujem sa pozdĺž časovej osi, uvidím, že všetky čiary sú tam a všetky sa kreslia automaticky.
Krok 10
Keď stlačím UU pre všetky zmenené vlastnosti, potom dostaneme veľa podvlastností.
Pre každú sa zobrazí začiatok a koniec.
Môžeme upraviť aj jednotlivý interval, tvrdosť a dokonca aj polohu každej čiary - aj potom, čo bola nakreslená.
Pokračujte jednoducho: Kroky 11–20
Krok 11
Zmazal som všetko, aby sme mali lepší prehľad.
Nakreslím ďalšiu novú čiaru a keď ste v zobrazení vrstiev, uvidíte cestu. To je to, čo je uložené.
Ak sa mi nakreslená čiara nepáči, môžem ju prekresliť tým, že ju vyberiem a jednoducho ju znovu nakreslím. Bude aktualizovaná a jednoducho prepísaná.
Krok 12
Rovnako chcem znovu nakresliť text, pretože to je najrýchlejší spôsob, ako niečo animovať.
Zmenším teda môj polomer a s grafickou tabuľkou prejdem text a nakreslím ho sem.
Krok 13
Nakreslil som všetky čiary a keď si pustíme celé video v časovom prujezdu, uvidíme, že všetko je tam.
Keď stlačím U, máme späť všetky kľúčové snímky.
Krok 14
Ak stlačím tlačidlo Ü, okno, cez ktoré práve prechádza kurzor myši, sa maximalizuje. V tomto prípade je to časová os. Mám teda viac miesta a lepšie rozpoznám prvky, ktoré vyčnievajú. Tieto trochu stiahnem, aby všetky trvali približne rovnako dlho.
Krok 15
Dajme tomu pustíme.
Mimochodom: Ak ste náhodou stlačili tlačidlo Caps Lock, After Effects sa už neaktualizuje. Dostanete upozornenie Deaktivujte Caps Lock pre aktualizáciu zobrazenia.
Ak teraz pustíme, začne After Effects kresliť všetky písmená súčasne. Malo by však začať vprieku a pokračovať dozadu. A presne tu je problém. Ak chcem dosiahnuť to, čo chcem, musím to riešiť ručne - jednu čiaru po druhej. Je to veľká námaha. Rád by som to urobil rýchlejšie.
Ďalší krok vám vysvetlím, ako presne - ale predtým označíme všetky čiary.
Krok 16
Preto použijem skript, ktorý nastaví tieto kľúčové snímky postupne.
Tento skript som napísal sám a samozrejme vám ho poskytnem. Nájdete ho v zložke Skripty s názvom Sekvenčné čiary. Kto pozná film „Sequenzebenen z After Effects“, môže si predstaviť, čo tento skript robí.
Otvorím tento skript v Extend Script a spustím ho.
Krok 17
Teraz máme prakticky schody z kľúčových snímkov a text sa kreslí krok za krokom. Avšak ešte dosť pomaly.
Musíme to urýchliť. Preto vyberieme všetko, vezmeme posledný kľúčový snímok, ktorý nájdeme, stlačíme klávesu Alt- a protiahneme to na 5 sekúnd.
Potom to už bude oveľa rýchlejšie.
Posledný bod musí ešte o niečo zdržať, ale hneď sa o to postaráme.
Krok 18
Chcel by som sa ešte zmieniť o hodnote offset-. Tá ovplyvňuje prechody medzi kľúčovými snímkami:
Ak si pozrieme aktuálne prechody medzi kľúčovými snímkami, ďalší sa začína presne tam, kde končí predchádzajúci (a).
Ak to nechcem a napríklad by som radšej dva snímky prestávky medzi dvoma čiarami, zadám hodnotu 2 pre offset.
Samozrejme musím opäť vybrať všetky štety, kým môžem aktivovať skript. S Ctrl+A môžem naraz vybrať všetky.
Alebo ak chcem, aby sa snímky prekrývali, potom nastavím hodnotu -2 pre offset. Potom bude vždy o dva snímky vzadu za skutočným. Ak však bolo toto zrýchlené tak, ako sme urobili tu, to by nemalo zmysel. Som s týmto celkom spokojný a ponechám to na hodnote 2.
Krok 19
Čo určite ešte chcem zmeniť, je načasovanie výkričníka. Chcel by som ho radšej lepšie prispôsobiť hudbe.
Pre túto kompozíciu potrebujem tiež hudbu. Preto prejdem na sekvenciu "Fig Leaf Rag" a skopírujem súbor.
Potom prípadne s Alt-Kliknutím sa vrátim do kompozície a tu ju vložím.
Krok 20
Teraz zistíme, kde sú tie dve pozície, ktoré potrebujeme. Na to použijem numerický blok a stlačím tlačidlo Čiarka-, aby som vytvoril náhľad. Hviezdičku * na numerickom bloku stlačím, aby som nastavil značku. Na zariadeniach bez numerického bloku, najmä na Macu, by to bolo cmd+Čiarka pre náhľad a cmd+8 pre značku.
Teraz nechám hudbu prehrať a nastavím značky presne na miestach, kde majú prísť čiarka a bod výkričníka (1). Konkrétne presne pri týchto dvoch akcentoch melódie.
Už som teda nastavil dve značky: Na prvej má byť čiarka výkričníka hotová a na druhej má byť nastavený bod.
Hľadnú línku nastavím na prvú značku a prejdem do kompozície "Typo_Statisch". Tam posuniem rámec na hľadnú línku, ktorá označuje čiaru výkričníka (2).
Rovnaké urobím s druhou značkou, ktorá ukazuje pozíciu pre bod: Nastavím hľadnú línku na značku, prejdem do kompozície a posuniem rámec podľa potreby.
Posledné kroky
Krok 21
Chcem nechať čiarku výkričníka kresliť pomalšie než písmo pred tým, aby sme mali celkom akcent na výkričníku (1).
A písmo by malo byť celkovo trochu rýchlejšie hotové. Označím teda všetko predtým (2) a posuniem ich o malý kus dopredu (3).
Takto sa časovanie perfektne hodí.
Krok 22
Premálovali sme text cez pôvodný text a teraz s tým trochu zmeníme.
Najprv skopírujem vrstvu "Typo_Statisch" a odstránime efekt Malovať-.
Krok 23
Na vyššej vrstve máme nakreslený text nad bielym pôvodným textom.
Na spodnej vrstve máme úplne bežný biely text.
Ak nastavím zaškrtávacie políčko Nakresliť na priehľadnosť, zostanú len nakreslené červené čiarky.
Krok 24
Takže hornú vrstvu chcem použiť ako masku pre spodnú.
Ak sa maska nezobrazuje, kliknite jednoducho dole na Aktivovať/deaktivovať režimy prepínačov, potom bude zobrazená pohyblivá maska BewMas.
Myslím si, že som niečo posunul, pretože hneď na začiatku už je písmeno A.
Krok 25
Takže teraz najlepšie vyberieme všetky štety s Obdĺžnikovým-Výberom zhora nadol (1) a potom ale vyberieme oba rámce výkričníka s výberom Shift+Spojením (2). Obe sú časovo už perfektne umiestnené.
Potom posunieme prvý rámec dole trochu doprava, takže písmeno A na začiatku nie je vidieť.
Teraz to sedí.
Krok 26
To sme urobili v podkompozícii, tu máme ešte efekt Vibrácia Turbulentná.
Ak sa na to pozrieme v tejto kompozícii, nie len, že to máme v žltej farbe a farba sa mení, ale aj sa to ešte triasie.
Krok 27
Je to úžasné a perfektne, len farba by sa mala zmeniť až potom alebo vôbec nie. Zmeniť farby teda zostáva pôvodne vypnuté.
Prvých 4 sekúnd traileru je hotových a uvidíme sa opäť v ďalšej časti návodu, pri Bouncing Balloch.
