Preden se posvetimo naši prvi animaciji, Odboj žoge, želim najprej izvesti tehnični izziv: besedilo naj se nariše, kot bi ga nekdo ročno napisal. Skladba Fig Leaf Rag ima prekrasen uvod z poudarkom na koncu, kjer bomo postavili piko samostalnika.
Obstaja več metod, ki so bolj ali manj učinkovite, odvisno od situacije. Ker delam s grafično tablico, bom napis slikal in vam pokazal, kako deluje animacija. Vendar pa vam bom najprej pokazal, kako bi to lahko storili na drug način, ki pa ni moj najljubši:
Koraki 1–10
Korak 1
Želim, da besedilni sloj izgine in namesto tega dodam sestavni sloj, običajen sloj s piksli, na katerem lahko slikam. Besedilo naj bo v sloju. Torej ustvarim podkompilacijo z Ctrl+Shift+C ali prek Sloj>Ustvari podkompilacijo. To poimenujem "Tip_Intro".
Korak 2
Vsi atributi so bili ohranjeni, vključno s Bučenem prerazporeditvijo.
Ker tega nočem, kliknem Bučeno prerazporeditev, pritisnem Ctrl+X in kodo vstavim eno kompozicijo višje ("Fig Leaf Rag").
Korak 3
Vrnimo se v kompozicijo "Tip_Intro". Tukaj smo odkrili besedilo in ga lahko animiramo.
Prva možnost je prek Poti. Uporabim Orodje za risanje in narišem prvo črto črke A na besedilu. Nato preneham in z držanjem tipke Ctrl kamorkoli v črnem kliknem ter tako zaključim trenutno pot, preden narišem drugo črto črke A.
Znova preneham, z držanjem tipke Ctrl kliknem v črno in nato narišem naslednjo črto, in tako naprej, dokler ni celotno besedilo narisano.
Korak 4
Zdaj dodam učinek. Najdemo ga kot Konturo v različici CC pod Ustvari. V CS6 je bil znan kot Učinek črt.
Izberemo masko ali označimo polje Vse maske in lahko tako pustimo, da se te maske izrišejo.
Korak 5
Skrijem maske s to majhno ikono in obarvam pot rdeče. Lahko tudi spremenim velikost, vendar to velja globalno za vse maske.
Ko znova pokažem maske, lahko še premikam in prilagajam posamezne točke, tako da je celotno belo besedilo spodaj prekrito.
Korak 6
Lepega je: tukaj imam drsnika za Začetek- in Konec-: Potegnem ga od začetka do konca in tako lahko celotno besedilo narišem.
To deluje zelo dobro, vendar nimaš natančnega nadzora. Na primer, vedno moraš uporabljati enako debelino črte, zato ne moreš risati tanjše ali debelejše.
Zato bi vam rad pokazal še en način, ki se mi zdi nekoliko hitrejši od posamičnega risanja …
Korak 7
V tem primeru imam raje nekoliko hitrejšo metodo s Čopičem.
Tega čopiča pa žal ni mogoče uporabiti na slojih z besedilom. Torej moramo znova ustvariti podkompilacijo in jo poimenovati "Tip_Statično". V tej podkompilaciji lahko takoj delamo.
Korak 8
Ko želimo delati s čopičem in dvokliknemo v način čopiča, se odpre zavihek slojev in le tam lahko delamo s čopičem.
Pojavili sta se tudi dva nova panela: Čopič in Risanje. V polju za Čopič lahko nastavimo velikost, trdoto itd. čopiča.
V polju za Risanje lahko izberemo način risanja. Pri trajanju je sprva navedeno konstantno, vendar to spremenim v Animiraj risanje.
Narišem eno črto, nato še eno in še eno - vendar ko dokončam eno črto, se ta nenavadno izbriše.
Korak 9
Ko se vrnem na drug zavihek in se premikam po časovnici, vidim, da so vse črte tam in se vse samodejno rišejo.
Korak 10
Ko pritisnem UU za vse spremenjene lastnosti, dobimo spodaj ogromno podlastnosti.
Za vsako je prikazano tudi začetek in konec.
Poleg tega lahko spreminjamo posamezno razdaljo, trdoto in celo položaj vsake črte - tudi potem ko je že narisana.
Nadaljujte enostavno: Koraki 11–20
Korak 11
Zbrišem vse, da bomo imeli več preglednosti.
Narišem novo črto in ko ste v pogledu plasti, vidite pot. To je tisto, kar je shranjeno.
Recimo, da mi narisana črta ni všeč, jo lahko preprosto prečrtam tako, da jo izberem in nato preprosto narišem znova. Posodobljena bo in enostavno prepisana.
Korak 12
Želim tudi narišiti besedilo, saj je to najhitrejši način, da nekaj animirate.
Zmanjšam obseg svojega premera in z grafirnim tabličkom sledim besedilu ter ga tukaj narišem.
Korak 13
Narisal sem vse črte in ko to predvajam v časovnici, vidimo, da je vse na svojem mestu.
Ko pritisnem U, se vsi ključni okvirji znova prikažejo.
Korak 14
Ko pritisnem tipko Ü, se mi okno, čez katerega trenutno prehaja miška, razširi na cel zaslon. V tem primeru gre za časovnico. Tako imam več prostora in lažje opazim izstopajoče elemente. Nekaj jih malo potisnem nazaj, da bodo vsi približno enako dolgi.
Korak 15
Pustimo, da se to predvaja.
Mimogrede: Če ste slučajno pritisnili tipko Caps Lock, After Effects ne posodablja več. Prikazala se vam je opomba Izključite Caps Lock za osvežitev prikaza.
Če zdaj to predvajamo, se bo After Effects začel risati na vseh črkah hkrati. Vendar pa želim, da začne spredaj in gre proti zadaj. To je tisto, kar moram doseči. Če želim to doseči, moram ročno sinhronizirati vsak element - ena črta za drugo. To je precejšen napor. Raje bi pospešil postopek.
V naslednjem koraku vam bom razložil, kako natančno - toda najprej označimo vse črte.
Korak 16
Zato uporabljam skript, ki postavi te ključne okvirje enega za drugim.
Ta skript sem napisal sam in ga seveda priložil. Najdete ga v mapi Skripti z imenom Nizi črt. Tisti, ki pozna film "Sequenzebenes iz After Effects", si lahko približno predstavlja, kaj ta skript počne.
Odprem skript v Razširi skript in ga zaženem.
Korak 17
Zdaj imamo praktično stopnice iz ključnih okvirjev in besedilo se riše korak za korakom. Vendar pa je še vedno prepočasi.
To moramo pospešiti. Za to izberemo vse, vzamemo zadnji ključni okvir, ki ga najdemo, pritisnemo tipko Alt- in ga približamo na 5 sekund.
Potem gre že precej hitreje.
Zadnjo točko je treba nekoliko odložiti, vendar se bomo kmalu posvetili temu.
Korak 18
Rad bi govoril še o vrednosti offset-. Ta vpliva na prehode med ključnimi okvirji:
Če si trenutno ogledamo prehode med ključnimi okvirji, se naslednji vedno začne točno tam, kjer se prejšnji konča (a).
Če tega ne želim in želim na primer raje dva okvira pavze med dvema črtama, potem v offset vnesem 2.
Seveda moram znova izbrati vse čopiče, preden lahko aktiviram skript. Z Ctrl + A lahko vse izberem hkrati.
Ali pa želim, da se okviri prekrivajo, nato pri offset nastavim vrednost -2. Tako bi vsakič šel dva okvira nazaj za samim pogonom. Če pa smo to že tako hitro skrajšali kot tukaj, tega nima smisla. Tako sem zadovoljen s 2.
Korak 19
Kar spremeniti želim, je časovnica ločka. Rad bi ga bolje prilagodil glasbi.
Zato potrebujem glasbo tudi v kompoziciji. Grem v "Fig Leaf Rag" in kopiram datoteko.
Nato morebiti s pritiskom na Alt-Klik znova preidem v kompozicijo in jo tukaj vstavim.
Korak 20
Zdaj si poglejmo, kje sta obe poziciji, ki ju potrebujemo. Za to uporabim številsko tipkovnico in pritisnem tipko Vejica-, da ustvarim predogled. Na številski tipkovnici pritisnem zvezdico *, da postavim označevalnik. Na napravah brez številske tipkovnice, še posebej na Macu, bi bilo cmd+Vejica za predogled in cmd+8 za označevalnik.
Zdaj pustim, da glasba predvaja in postavim označevalnika natančno na mesta, kjer naj bi prišla črta in pika ločka (1). Točno pri obeh poudarkih melodije.
Torej sem postavil dva označevalnika: Pri prvem naj bo črta ločka končana, pri drugem pa naj bo postavljena pika.
Na prvi označevalnik postavim Vodilno črto in preklopim v kompozicijo "Typo_Statisch". Tam premaknem tisti okvir na Vodilno črto, ki označuje črto ločka (2).
Enako storim z drugim označevalnikom, ki določa položaj za piko: Postavim Vodilno črto na označevalnik, preklopim v kompozicijo in premaknem okvir ustrezno.
Zadnji koraki
Korak 21
Želim, da se črta ločka nariše počasneje od besedila, ki je pred njo, tako da bo celotno označeno pri ločku bolj poudarjeno (1).
In besedilo naj se konča nekoliko hitreje. Torej označim vse pred tem (2) in jih nekoliko potisnem naprej (3).
Tako se časovno popolnoma ujema.
Korak 22
Besedilo smo slikali preko teksta in ga bomo sedaj nekoliko spremenili.
Najprej podvojim plast "Typo_Statisch" in na spodnji plasti odstranim učinek Risanje-.
Korak 23
Na zgornji plasti imamo slikan tekst s spodnjim belim originalom.
Na spodnji plasti imamo običajen beli tekst.
Ce označimo možnost Oblikovanje prek prosojnosti pri zgornji plasti, bodo ostale le slikane rdeče poteze.
Korak 24
Zgornjo plast bomo torej uporabili kot masko za spodnjo.
Če maska ni prikazana, kliknemo spodaj na Omogoči/Onemogoči načine stikala, nato se bo prikazala premikajoča maska BewMas.
Nato lahko izberemo Alfa masko in dosežemo točno tisto, kar potrebujemo. Torej, povsod, kjer so te poteze narisane, je vidno tudi moje izvorno besedilo.
Ne vem točno, kaj sem naredil narobe, ker je že na začetku vidno črko A.
Korak 25
Zato je najbolje, da znova izberemo vse čopiče z pravokotnim-izborom od spodaj navzgor (1) ter nato izberemo oba okvira ločka z Shift + izborom (2). Oba sta že časovno popolnoma pravilno postavljena.
Nato premaknemo prvi okvir spodaj malo v desno, da črka A na začetku še ni vidna.
Zdaj je vse v redu.
Korak 26
To smo naredili v podkompoziciji, tukaj imamo še učinek Turbulentni premeščanje.
Ko si ogledamo vse skupaj v tej kompoziciji, to ni le v rumeni barvi in barva se spreminja, temveč se tudi trese.
Korak 27
To je čudovito in se popolnoma ujema, vendar se barva najprej ne sme spremeniti oziroma sploh ne. Sprememba barv torej za zdaj ostaja.
S tem smo zaključili prve 4 sekunde napovednika in se vidimo v naslednjem delu vadnice, pri Bouncing Ball.