Mielőtt rátérnénk az első animációnkra, a Bouncing Ballra, először egy technikai kihívást szeretnék megosztani veletek: A szövegnek úgy kell kirajzolódnia, mintha kézzel lenne odairva. A Fig Leaf Rag egy gyönyörű bevezetővel rendelkezik, amelynek végén kiemelkedő hangsúly van, ahol az értékelő jel pontját fogjuk elhelyezni.
Többféle módszer létezik, amelyek közül egyesek jobbak lehetnek másoknál attól függően, hogy milyen helyzetben vagyunk. Mivel egy grafikus táblával dolgozom, festem a betűket, majd megmutatom nektek, hogy hogyan működik az animálás. De előtte megmutatom nektek, hogyan lehetne ezt még csinálni, bár ez nem az én kedvencem:
1–10. lépés
1. lépés
Szeretném eltávolítani a szövegréteget, és helyette egy kompozícióréteget, egy teljesen normál pixelembert, ahol festhetek. A szöveg a rétegen belül legyen. Tehát egy alkompozíciót hozok létre a Ctrl+Shift+C vagy a Layer > Composition > New Composition lehetőséggel. Ezt hívom "Typo_Intro".
2. lépés
A tulajdonságok mind átkerültek, beleértve a Turbulens Kitérítés is.
Mivel ezt nem szeretném, kijelölöm a Turbulens Kitérítés-t, megnyomom az Strg+X billentyűket, majd beteszem az egészet egy kompozícióval feljebb ("Fig Leaf Rag").
3. lépés
Visszatérünk a "Typo_Intro" kompozícióba. Itt felszabadult a szöveg, és animálhatjuk az egészet.
Az első lehetőség a Vonalak révén érhető el. Fogom a Toll eszközt, és húzom a betű A első vonalát a szövegen. Majd leteszem, és lenyomva tartva a Ctrl- billentyűt valahova a fekete területre kattintok, így zárul le az aktuális vonal, mielőtt a következő A vonalát húznám.
Újra leteszem, lenyomom a Ctrl- billentyűt a fekete területen, majd húzom következő vonalat, és így tovább, amíg az összes szöveg vonala meg van húzva.
4. lépés
Most ráteszek egy hatást. Ezt a Körvonal néven találjuk a CC verzióban a Generate rész alatt. A CS6 előtti verziókban Vonal Effekt-nek hívták.
Kiválasztunk egy maszkot, vagy bepipáljuk az Összes Maszkot, és így hagyjuk, hogy ezeket a maszkokat kirajzolja.
5. lépés
Kikapcsolom a maszkokat ezzel a kis szimbólummal és pirossá színezem az Útvonalat. Meg tudom változtatni az Méretet, de ez globálisan vonatkozik az összes maszkra.
Ráadásul, ha újra bekapcsolom a maszkokat, az egyes pontokat még el tudom mozdítani és igazítani, így az alatta lévő teljes fehér szöveget eltakarhatom.
6. lépés
Az a szép ebben az egészben, hogy van egy kezdeti és egy befejező csúszka: Eltolom az egész szöveget a kezdet és a vég között, így kirajzolhatom az egész szöveget.
Ez nagyon jól működik, de nincs pontos irányítás. Például mindig ugyanazt a vastagságot kell használni a vonalakhoz, tehát nem lehet vékonyabban és vastagabban rajzolni.
Ezért szeretnék még egy másik módszert bemutatni nektek, amely szerintem kicsit gyorsabb, mint mindegyiket egyenként utánarajzolni…
7. lépés
Ebben az esetben a kicsit gyorsabb módszert preferálom a Kézitollal.
Ezt a Kézitoll-t azonban nem lehet alkalmazni szövegrétegeken. Tehát ismét el kell készítenem egy Új kompozíciót, és elnevezem "Typo_Statisch". Ebben a Új kompozícióban azonnal dolgozhatunk.
8. lépés
Amint a Kézitoll-el szeretnénk dolgozni és a Kézitollmódjában duplán kattintunk, megnyílik a Rétegkezelő, és csak ott lehet a Kézitoll-mel dolgozni.
Két új panel is megjelent: Kézitoll és Festés. A Kézitoll-nek a méretezést, keménységet stb. lehet beállítani.
A Festés-panelon kiválaszthatjuk a festés módját. Az Időtartam-nál először állandó van, de ezt átállítom Animált festésre.
Rajzolok egy vonalat, majd még egyet és még egyet - de amint egy vonal elkészül, furcsamód eltűnik.
9. lépés
Ha az egérrel a másik lapra lépek, és végigmegyek az idővonalon, láthatom, hogy minden vonal ott van, és mindegyik automatikusan meg van rajzolva.
10. lépés
Ha megnyomom az UU billentyűt az összes módosított tulajdonságért, akkor lent sok alsótulajdonságot kapunk.
Mindent egyesével is ábrázol, a kezdet és a vég is meg van mutatva.
Emellett minden egyes vonal távolságát, keménységét és még a pozícióját is meg tudjuk változtatni - még a lerajzolás után is.
Folytassuk: 11–20. lépés
11. lépés
Töröljük az egészet újra, hogy átláthatóbb legyen.
Rajzoljunk egy új vonalat, és ha a rétegnézetben vagyunk, láthatjuk az ösvényt. Ez az, ami mentve van.
Tegyük fel, hogy nem tetszik a rajzolt vonal, akkor azt is átrajzolhatjuk úgy, hogy kiválasztjuk, majd egyszerűen újrarakjuk. Frissítve és egyszerűen felülírva lesz.
12. lépés
Pontosan ugyanezt akarom elérni a szöveggel is, mert ez a legrövidebb út annak animálásához.
Tehát kicsit kisebbre állítom a átmérőt és a grafikus táblával végigviszem a szöveget, majd itt be is rajzolom.
13. lépés
Megrajzoltam az összes vonalat, és ha lejátsszuk az egészet az idővonalban, látjuk, hogy minden ott van.
Ha megnyomom az U billentyűt, újra megkapjuk az összes kulcsszót.
14. lépés
Ha a Ü billentyűt nyomom meg, az az ablak maximális méretre nő, ahová épp mutat az egér. Ebben az esetben az idővonal. Így több hely jön létre, és jobban felismerjük a kiemelkedő elemeket. Ezeket kissé visszaveszem, hogy minden kb. egyforma hosszú legyen.
15. lépés
Hagyjuk lejátszani.
Egyébként: Ha véletlenül bekapcsoltátok a Caps Lock billentyűt, az After Effects nem frissül. Ekkor az a figyelmeztetést kapjátok, hogy a Caps Lockot ki kell kapcsolni a nézet frissítéséhez.
Ha most elindítjuk a lejátszást, az After Effects mindegyik betűnél egyszerre kezd el rajzolni. Azonban az elejéről kellene indítani és onnan haladni hátrafelé. És épp itt a gond. Ahhoz, hogy úgy történjen, ahogyan szeretném, kézzel kell időzítenem az egészet - egyik vonalat a másik után. Ez egy hatalmas feladat. Szeretném ezt gyorsítani.
A következő lépésben megmutatom nektek, hogyan - előtte azonban összegyűjtjük az összes vonalat.
16. lépés
Ezért veszek egy scriptet, amelyik egymás után teszi a kulcsszavakat.
Ezt a scriptet magam írtam, és természetesen megosztottam veletek. A Script mappa található, a neve Sequence strokes. Aki látta a "Sequenzebenen in After Effects" című filmet, azt képzelje el, hogy mit csinál ez a script.
Megnyitom a scriptet az Extend Scriptben, majd végrehajtom.
17. lépés
Most gyakorlatilag egy lépcsősorral rendelkezünk a kulcsszavaknál, és a szöveg lépésről lépésre rajzolódik. Azonban még mindig nagyon lassú.
Ezt fel kell gyorsítanunk. Ehhez mindent kiválasztunk, ahol az utolsó kulcsszavat találjuk, lenyomjuk az Alt- billentyűt és odahúzzuk az 5 másodpercen belüli utolsó kulcsszóhoz.
Ekkor már sokkal gyorsabb lesz.
Az utolsó pontot még kissé el kell késíteni, de erről rögtön gondoskodunk.
18. lépés
Még beszélni szeretnék az offset-értékről. Az a kulcsszavakra hatással van:
Ha most megnézzük a kulcsszavak átmeneteit, mindig ott kezdődik a következő, ahol az előző abbahagyta (a).
Ha nem szeretném ezt, és például inkább két képkocka szünetet szeretnék két vonal között, akkor az offsetnél 2-t adok meg.
Persze újra minden Penselt ki kell választanom, mielőtt aktiválom a scriptet. Az Ctrl+A segítségével mindet egyszerre kiválaszthatom.
Vagy azt szeretném, hogy az egymásnak átfedő képkockák, ekkor az offsetnél -2-t kell beállítanom. Akkor mindig két képkockával marad le az eredeti mögött. Ha azonban már ilyen gyorsan lerövidítettük, akkor ez nincs értelme. Én így is elégedett vagyok ezzel és hagyom a 2-nél.
19. lépés
Amit mindenképpen szeretnék még megváltoztatni, az az felkiáltójel időzítése. Szeretném jobban illeszteni a zenéhez.
Ehhez szükségem van a zenére is a kompozícióban. Tehát belépek a "Fig Leaf Rag" lapra, és másolom a fájlt.
Majd ha szükséges, Alt + Kattintással belépek a kompozícióba, és itt beillesztem.
20. lépés
Most megnézzük, hol vannak azok a két pozíció, amire szükségünk van. Ehhez használom a számjegybillentyűt, és lenyomom a Vessző gombot az előnézetért. A csillag * gombbal a számjegybillentyűn elhelyezek egy jelölőt. A számjegybillentyű nélküli eszközökön, főleg Mac esetén, az előnézethez Cmd + Vessző billentyűkombinációt használhatjuk, a jelölőhöz pedig Cmd + 8-at.
Következő lépésként lejátszom a zenét, és pontosan azokra a helyekre helyezem a markereket, ahol a felkiáltójel vonala és pontja kell, hogy legyenek (1). Azaz pontosan a dallam két akcentusához.
Így tehát két markert helyeztem el: az elsőnél a felkiáltójel vonala, a másodiknál a pont kerül majd be.
Az első markerhez húzok egy Segédtengelyt, majd belépek a "Typo_Statisch" kompozícióba. Ott az éppen szükséges képkockát fogom a Segédtengelyre helyezni, ami a felkiáltójel vonalát jelöli (2).
A második markernél ugyanezt csinálom, ami a pont pozícióját adja meg: lerakom a Segédtengelyt a markerra, belépek a kompozícióba, és megfelelően elmozgatom a képkockát.
Az utolsó lépések
21. lépés
Szeretném, ha a felkiáltójel vonalát lassabban rajzolnánk meg, mint a mögötte lévő betűt, hogy a felkiáltójel hangsúlyosabb legyen (1).
És az írás legyen összességében kicsit gyorsabban kész, tehát a korábbiakat (2) áthúzom egy kicsit előrébb (3).
Így időzítés szempontjából tökéletes lesz.
22. lépés
A szöveg felett festettünk, és ezen még egy kis változtatást tervezünk.
Első lépésként lemásolom a "Typo_Statisch" réteget, majd az alsó rétegen törölöm a Festés hatást.
23. lépés
A felső rétegen tehát a fehér eredeti szövegünk fölött a festett szöveg található.
Az alsó rétegen pedig a teljesen normál fehér szöveg látható.
Ha a "Transzparens festés" mellett pipát teszek a felső rétegen, akkor csak a festett piros vonalak lesznek láthatóak.
24. lépés
A felső réteget így használjuk maszkként az alsóhoz.
Ha a maszk nem jelenik meg, akkor csak kattints a "Szűrőmódok engedélyezése/kikapcsolása" lehetőségre lent, és megjelenik a Mozgó maszk BewMas.
Ezután választhatok egy Alfa maszkot, és pontosan azt az eredményt érhetem el, amire szükségem van. Vagyis ott, ahol ezek a vonalak vannak húzva, ott látható az eredeti szövegem.
Talán valamit elcsúsztattam, mert már az elején ott van az A betű.
25. lépés
Tehát válasszuk ki újra az összes ecsetet az Alsóbbtól a Felüllebb legutolsóig egy Négyzet mentéses kiválasztással (1), majd válasszuk ki a két felkiáltójel képkockáját a Shift + Kiválasztás módszerrel (2). Mivel ez a két képkocka időzítésileg már tökéletesen pozicionálva van.
Ezután a legalsó képkockát egy kicsit jobbra elmozdítjuk, hogy az A betű ne legyen az elején látható.
Most már tökéletes.
26. lépés
Ezt az Alsóbb összetételben hoztuk létre, ahol Hullámzó eltolás hatás is van rajta.
Ha megnézzük az egészet ebben a kompozícióban, nemcsak sárga színben, hanem változó színekben is wobblan.
27. lépés
Csodálatos és tökéletes, de a szín csak utána vagy egyáltalán ne változzon. Tehát az Színváltások most maradjon ki.
Ezzel elkészült a trailer első 4 másodperce, és találkozunk a legkövetkező részben, a Bouncing Ballnál.
