Pokiaľ ide o farebný koncept, premýšľali sme o tom, že by sme to celé mohli urobiť veľmi jednoducho a redukované s modrým pozadím a žltým textom. Modrá a žltá sú komplementárne farby, čo zabezpečuje veľmi dobrú čitateľnosť a pekné odlišenie jeden od druhého.
Teoreticky by sme teraz mohli vytvoriť nový farebný plochý, ktorý bude modrý a potom text zafarbiť žltou farbou. Môžeme to urobiť, ale potom by sme mali problém, ako uprostred animácie umiestniť zotierku cez celý obraz, ktorá zmení farby.
Môžeme to skúsiť cez Vrstva>Nová>Nastavenia vrstvy alebo pomocou Ctrl+Alt+Y vytvoriť nastavenú vrstvu a potom pridať efekt Prezmena kanálov. Potom ale zistíme, že naše farby nie sú úplne komplementárne. K modrej by bola komplementárna oranžová a to sem nehodí, nepodarí sa nám nájsť správne farby.
Avšak chcem to určite spraviť a existuje aj možnosť.
Krok 1
Zrealizujeme to nasledujúcim spôsobom: Vezmeme kralovsky modrú farebnú plochu a stlačíme Ctrl+Shift+Y alebo prejdeme cez Vrstva>Nastavenia pre farebné plochy a nastavíme farbu na čiernu.
To potom pekne zmeníme a After Effects dokonca premenuje farebnú plochu.
Text "Jednoduchá animácia" teraz napíšeme jednoducho bielym písmom.
Máme čiernu a bielu bez priehľadnosti a môžeme to veľmi jednoducho prehodiť.
Ale zostáva to len pri čiernej a bielej, ja však chcem modrú a žltú.
Krok 2
Teda vytvoríme s pomocou Ctrl+Alt+Y ešte jednu nastaviteľnú vrstvu ("Nastaviteľná vrstva 2") a aplikujeme na ňu efekt Úpravy>Odtieňovanie.
Efekt je veľmi jednoduchý a jednoducho priraďuje preddefinované farby. Berie čiernu a bielu a priradí im inú farbu.
Potom vezmeme čiernu a prispôsobíme našu modrú. Už som si raz zaznamenal farbkód "008FF", čo je táto krásna modrá farba.
A bielu prispôsobíme aj na žltú, hodnota farby je "FFF000", naozaj výrazné žlté.
Krok 3
Teraz sme to aplikovali po vrstve pre zmenu farieb. Tiež by som to rád premenoval na "Zmena Farieb" a "Odfarbenie".
Blokujme aj najvyššiu vrstvu, pretože už ju nikdy nebudeme musieť meniť.
Ak zapnem a vypnem "Zmenu Farieb", máme úžasnú zmenu farieb, bez toho aby sme prešli na oranžovú alebo fialovú.
Ako však vytvoríme prechod? Môžeme "Zmenu Farieb-" vrstvu posúvať zľava doprava alebo zdola nahor cez obraz a vytvoriť tak prechod. To však nie je tak zaujímavé.
Krok 4
Existujú efekty ako napríklad v Efekty>Prechodové efekty; tam máme Line Sweep, ktorý ide v tejto smeru, ale prv odozní jedna línia, než začne nasledujaúca.
Pre mňa to nie je dostatočne nepravidelné.
Krok 5
Preto to urobíme najlepšie s pomocou Masky. Dvojklikom na symbol masky vytvoríme masku, ktorá presne zapadá naše rozmery. Ide o veľmi užitočnú funkciu, ktorú neskôr ešte raz využijeme.
Krok 6
Chcem túto masku rozdeliť na 20 častí, aby sme mali 20 samostatných stĺpcov. To sa bežnými prostriedkami After Effects nedá urobiť.
V takýchto situáciách si jednoducho napíšem skript na to. Pre veci, ktoré tu používame, som pridal k príslušnému tutoriálu skripty.
Nachádzame tam Layer Chainer, Mask Slicer a Sequence Strokes. Mask Slicer je to, čo tu potrebujeme, ako si môžete myslieť.
Tento symbol pred menom súboru je súčasťou Extendscript Toolkit, čo môžem spustiť. Keď ho spustím, spustí sa aj toto Extendscript Toolkit.
Tento Toolkit musíte nainštalovať samostatne, pretože nie je štandardne nainštalovaný. To by ste si mali ešte vybaviť, dá sa to veľmi jednoducho cez CreativeCloud.
V tomto skripte hore máme niekoľko nastavení. Pre tieto všetky skripty som nevytvoril užívateľské rozhranie, pretože sú pre môj vlastný použitie. To znamená, že tieto nastavenia musíte priamo upraviť v textovom súbore.
V tomto prípade môžeme zmeniť dve hodnoty: "noOfSplices", teda koľko samostatných rezuľov chceme mať nakoniec.
A "separateLayers", čo môže byť true alebo false. Pri true sa pre každý rez vytvorí nová vrstva.
Skúsme to na skúšku urobiť s 4 rezmi, ...
... ísť do programu After Effects a vybrať masku, ktorú chceme narezať. To je veľmi dôležité.
Potom si vyberieme aplikáciu After Effects CC. Vidíte, že tam sú aj ďalšie programy, tento toolkit je určený na písanie a testovanie skriptov.
V tomto prípade teda vyberieme After Effects, potom stlačím tlačidlo Spustiť ....avif "Animácia jednoducho: Farby")
... a vrátime sa späť do programu After Effects. Máme tu nové vrstvy, ktoré tvoria každá iba jednu vrstvu.
A ak teraz vytvorím 4-farebný prechod, ...
... uvidíte, že to celé tvorí opäť obrázok. V skutočnosti je to vrstva s jednou súradnicou, len masky sú narezané. To znamená, že máme jednotlivé slajdy z tejto vrstvy, čo môže byť veľmi praktické, pretože ich môžeme pohybovať a otočiť jednotlivo.
No ale to tu nepotrebujeme. Chcem niečo iné.
Krok 7
Chcem mať všetky masky na jednej vrstve, a to nie 4, ale 20.
A seperateLayers nastavíme na false. Uložím, znovu stlačím Spustiť, ...
... a teraz máme všetkých 20 másk na jednej vrstve.
Označím ich od 1 do 20 a stlačím klávesy Ctrl+C alebo cmd+C. Potom zmazem pôvodnú masku a vložím všetky na jej miesto.
Teraz sú všetci tam a chcem ich nasledujúcom kroku animovať.
Krok 8
Masky bohužiaľ nemajú transformačné vlastnosti ako rotácia a škálovanie, ale len maskový cestu. To však nie je problém.
Označíme všetky masky a rozbalíme ich. Potom stlačíme Masková cesta, nastavíme kľúčový snímok a presunieme sa o chvíľu v kompozícii, kde potom všetky masky presunieme nadol mimo obraz.
Krok 9
Pozrime sa na to. Hudba hrá v pozadí, to je v poriadku. A teraz máme dva lineárne kľúčové snímky, čo nie je veľmi zaujímavé.
Chcel by som to mať trochu zaujímavejšie a chcem pracovať nie s lineárnymi kľúčovými snímkami, pretože sme už počuli pravidlá Disneyho: Konštantná rýchlosť sa nevyskytuje v reálnom živote, takže ju nepotrebujeme ani pri animácii.
Krok 10
Na to klikneme na Diagramový editor. Získame tam krivky, ktoré sa dozvieme presne pri bouncing ball.
Aby sme sa obmedzili na maskových cestách, označím všetky masky a stlačím U, pretože tým získam všetky animované vlastnosti.
Teraz vidíme rýchlostnú krivku, speed graph. S tým sa nedá pracovať tak pekne ako s hodnotovou krivkou, to si ešte ukážeme. Ale s tým sa dá dobre pracovať, ak chcete animovať veľa vlastností naraz.
Chcem tomu najprv dať Easy Ease, buď s F9 alebo s týmto tlačidlom.
S tým sa grafa zmenila. Naľavo je konštantná rýchlosť, začíname s určitou rýchlosťou a náhle končíme.
S Easy Ease sa rýchlosť postupne zvyšuje z nuly a potom znovu klesá. Je to potom taká parabola.
Chcel by som to mať ešte trochu extrémnejšie. Na to vezmem tangentu a jednoducho ňou pohnem, takže máme skutočný vrchol uprostred.
Tak, uvidíme, ako to vyzerá ...
Nechám to hrať a vidím: To sa priamo rozviazalo. V strede máme oveľa rýchlejší pohyb ako na začiatku a na konci. Páči sa mi to.
Krok 11
To isté sme mohli urobiť aj s polohou - prečo sme však urobili slajdy?
Teraz to pekne náhodne posunieme v čase a náhodne usporiadame kľúčové snímky, aby sme do formy odhalenia dostali trochu rozmanitosti. Čiary by nemali všetky preletieť súčasne.
Nakoniec to vyzerá trochu ako panoráma mesta. Tú jednu čiaru, ktorá by normálne mala rozdeľovať náš obrázok, chceme narušiť. Niekedy postačí len na jednej strane alebo len vpred alebo iba vzadu. Snažím sa zabrániť tomu, aby sa stretli na rovnakej úrovni.
Vyzerá to dobre.
A vidíte, keď zapnete náhľad - vyzerá to skvele. Fantastické.
Krok 12
A túto vrstvu teraz môžeme vziať, otočiť, zmeniť jej veľkosť, presunúť a samozrejme využiť opakovane, pretože je to len efekt "Umkehrung".
Zduplikujeme ju, posunieme časovo a prejdeme z žltej na modrú a z modrej na žltú.
V tomto prípade je však predtým zobrazená a potom už nie je prítomná. To musíme ešte preklopiť, pretože chcem, aby sme na začiatku nemali žiadnu vrstvu a aby sa vrstva posunula dopredu.
Takže ešte raz vymažem zduplikovanú vrstvu a aktivujem vrstvu "Zmeň farby". Potom označíme všetky kľúčové snímky ťahaním zvierajúceho obdĺžnika.
S pravým kliknutím prejdem na Sprievodcu kľúčovými snímkami a nájdeme tam úplne dole Kľúčový snímok - zmeniť poradie.
To som práve stlačil a teraz sa žltá farba posúva zospodu do modrej farby.
A teraz by to malo fungovať aj v prípade, že vrstvu znovu zduplikujem a potom ju posuniem trochu ďalej vzad.
Prestavujeme sa teraz z jednej farby na druhú a potom sa vraciame späť. Perfektné.
To zatiaľ funguje. Naša ďalšia úloha v ďalšej časti tejto sérii návodov bude potom text.
