Pirms mēs pievēršamies mūsu pirmajai animācijai - Bouncing Ball, es gribētu vispirms izveidot tehnisku izaicinājumu: teksts jāuzkrāso tīri, tāpat kā to būtu rakstījis ar roku. Fig Leaf Rag ir skaista ievads ar akcentu beigās, kur mēs novietosim izsaukuma zīmes punktu.

Pastāv vairākas metodes, kas var būt vai nu labākas, vai sliktākas, atkarībā no situācijas, kurā mēs esam. Tā kā es strādāju ar grafiskas planšetes palīdzību, es uzzīmēšu tekstu un parādīšu jums, kā notiek animācija. Tomēr vispirms es jums parādīšu, kā varētu darīt arī citādi, kaut arī tas nav mans favorīts:


Soļi 1–10

1. solis

Es vēlos atbrīvot teksta slāni un tā vietā izveidot kompozīcijas slāni, pilnīgi parastu pikseļu slāni, uz kura varu zīmēt. Teksts būs šajā slānī. Tātad es veicu apakškompozīciju ar Ctrl+Shift+C vai caur Slānis>Veidot apakškompozīciju. To es nosaucu par "Typo_Intro".

Animācijas viegli veidotas: līnijas animācija

2. solis

Visi atribūti tika saglabāti, arī Caurlāpīgais novietojums.

Tā kā man tas nav nepieciešams, es atlasu Caurlāpīgais novietojums, nospiežu Ctrl+X un ieliekšu visu to vēl vienu slāni augstāk ("Fig Leaf Rag").

Animācija viegli padarāma: līnijas animācija

3. solis

Atgriežamies pie "Typo_Intro" kompozīcijas. Šeit mums ir atklāts teksts, un mēs varam animēt visu to.

Pirmā opcija būtu izmantot Ceļi. Es ņemu Zīmētājspildīšanas rīku un vilku pirmo burtu A līniju uz raksta virsu. Tad es pārtraucu un nospiežu Ctrl- taustiņu un klikšķinu uz melnā, lai pabeigtu pašreizējo ceļu, pirms vilku otro A burtu.

Es pārtraucu atkārtoti, nospiežu Ctrl- taustiņu uz melnā un tad vilku nākamo līniju un tā tālāk, līdz visa raksts ir pārvilkts.

Animācijas viegli veidots: līniju animācija

4. solis

Tagad pielieku efektu. To meklējam kā Kontūra CC versijā zem Ģenerēt. Līdz CS6 tas bija zināms kā Virsotneffekts.

Mēs izvēlamies noteiktu masku vai atzīmējam kastes līdzās Visas maskas, un tādējādi varam ļaut šīm maskām zīmēt.

Animācijas viegli veidots: līnijas animācija

5. solis

Es paslēpšu šīs maskas ar šo nelielo simbolu un iekrāsošu Celi sarkanā krāsā. Es varu mainīt arī Izmēru, bet tikai kopīgi visām maskām.

Un, atkal ielaižot maskas, varu pārvietot un pielāgot atsevišķos punktus, lai baltā teksta zemāk būtu pilnībā pārklāta.

Animācijas viegli veidojums: līniju animācija

6. solis

Skaists aspekts ir tas, ka šeit man ir Sākuma- un Beigu-slēdži: Es vilku no sākuma līdz beigām, un tādējādi varu zīmēt visu tekstu.

Tas darbojas ļoti labi, bet nav precīza kontrole. Piemēram, vienmēr jāizmanto vienāda zīmējuma biezums, tātad nevar zīmēt plānāk vai biezāk.

Animācija viegli padara: līniju animācija



Tāpēc es vēlētos jums parādīt vēl vienu metodi, kas manuprāt ir nedaudz ātrāka nekā katru atsevišķu zīmējumu pēc kārtas ...

7. solis

Šajā gadījumā es dodu priekšroku nedaudz ātrākajai metodei ar Otiņu.

Šo Otiņu nevar piemērot teksta slāņiem. Tāpēc mums atkal jāizveido Apakškompozīcija un nosaukt to par "Typo_Statisks". Šajā Apakškompozīcija mēs varam uzreiz strādāt.

Animācijas viegli padarīts: līnijas animācija

8. solis

Otiņu> un divreiz noklikšķinām uz Otiņa režīms, atvērsies slāņu josla, un tikai tur mēs varam strādāt ar Otiņu.

Parādījās arī divi jauni paneļi: Otiņš un Zīmēt. Otiņa paneļā mēs varam iestatīt otu lielumu, stingrību u.c.

Un Zīmēt paneļā mēs varam izvēlēties zīmēšanas veidu. Sākumā rakstā but mēs to mainām uz Zīmēt animēti.

Es uzkrāsu vienu līniju, vēl vienu un vēl vienu - bet, kad biju pabeidzis vienu līniju, tā kādēļ tā dīvaini pazuda.

Animācijas veidošana ērti: līniju animācija

9. solis

Kad es pāreju uz citu cilni un pāreju pa laika joslu, es redzu, ka visi zīmējumi tur ir un tie visi tiek zīmēti automātiski.

Animācija vienkārši veidota: līniju animācija

10. solis

Ja nospiežu UU visām mainītajām īpašībām, tad mums parādās daudz apakšīpašību.

Katrai ir redzams sākums un beigas.

Katru atsevišķi var mainīt arī pēc tam, kad tas ir zīmēts - pat attālumu, stingrumu un pat pozīciju katra zīmējuma.

Animācijas veidošana viegli: līnijas animācija

Turpināt vienkārši: Soļi no 11–20

11. solis

Es vēlreiz dzēšu visu, lai mums būtu labāka skaidrība.

Es atkal uzzīmēju jaunu zīmuli un, ja esat slāņu skatīšanas režīmā, jūs redzēsiet ceļu. Tas ir tas, kas tiek saglabāts.

Tiek piemērots, ja uzzīmētais zīmējums man nepatīk, tad to varu pārzīmēt, paslēpjot to un vienkārši uzzīmējot jaunu. Tas tiks atjaunots un vienkārši pārrakstīts.

Animācijas viegli veidi: līniju animācija

12. solis

Tāpat vēlos atkārtoti uzzīmēt tekstu, jo tas ir visātrākais veids, kā animēt kaut ko tādu.

Tātad es nedaudz samazinu savu platumu un ar grafikas planšeti pārzīmēju tekstu šeit.

Animācija viegli veidota: līniju animācija

13. solis

Es esmu uzzīmējis visus zīmējumus un, kad atskaņoju visu laika joslā, redzu, ka viss ir tur.

Kad es nospiežu U, mums atkal atgriežas visi atslēgu kadri.

Animācija viegli padarīta: līniju animācija

14. solis

Ja es nospiežu taustiņu Ü, uzsprāgs attiecīgais logs, pār kuru pašlaik brauc pelīte. Šoreiz tā būs taimjosla. Tādējādi man ir vairāk vietas un es labāk redzu izceļamās sastāvdaļas. Es nedaudz to atlieku, lai visas turpmākie gandrīz vienādi ilgi.

Animācijas veidošana viegli: līniju animācija

15. solis

Lai mēs to atskaņotu.

Starpcitos: Ja jūs kādreiz nejauši nospiedīsiet Blokavotā taustiņu, tad After Effects vairs neatsvaidzina. Tad jūs saņemsiet paziņojumu Izslēdziet blokavotā taustiņa funkciju, lai atjauninātu skatu.

Kad mēs tagad sākam to atskaņot, After Effects sāk zīmēt visus burtus vienlaicīgi. Tomēr tas vajadzētu sākt no priekša un tad pāriet uz aizmuguri. Un tieši tā ir problēma. Lai to panāktu tā, kā es gribu, man manuāli vajadzētu saskaņot katru pēc kārtas. Tas ir ļoti liels darbs. Es vēlos to darīt ātrāk.

Animācijas viegli padarāmas: līniju animācija

16. solis

Tāpēc es izmantoju skriptu, kas iestata šos atslēgu kadrus secībā.

Šo skriptu esmu izveidojis pats un es to esmu jums pievienojis. Jūs to atradīsiet mapē Skripti ar nosaukumu Sequence strokes. Cilvēks, kurš ir iepazīsties ar filmu "After Effect Sequencing Layers", var iedomāties, kas šis skripts dara.

Es atveru skriptu Extend Script un to palaižu.

Animācija padarīta viegli: līniju animācija

17. solis

Tagad mums būtībā ir kāpnes no atslēgu kadriem un teksts tiek zīmēts soli pa solim. Tomēr tas vēl ir ļoti lēns.

Mums jāpaātrina. Lai to izdarītu, mēs izvēlamies visu, ņemam pēdējo atslēgu kadrus, ko atradīsim, nospiežam taustiņu Alt- un vilkšķinām tos līdz 5 sekundēm.

Tad tas jau notiek ievērojami ātrāk.

Animācija viegli padara – līniju animācija



Pēdējam punktam ir jābūt nedaudz aizkavētam, bet par to mēs drīzumā rūpēsimies.

18. solis

Es vēlos pievērst uzmanību arī nobīdes vērtībai. Tas ietekmē atslēgu kadrus:

Ja patlaban apskatām atslēgu kadrus, tad nākamais vienmēr sākas tieši tur, kur iepriekšējais beidzas (a).

Ja to negribu un, piemēram, vēlos, lai starp diviem zīmējumiem būtu divu kadru pauze, tad ierakstu nobīdē skaitli 2.

Nogaidiet laiku vēlreiz visiem otām, pirms aktivizējat skriptu. Ar Ctrl+A varu tos visus vienlaikus izvēlēties.

Animācijas viegli veidojamas: līniju animācija



Vai es vēlos, lai kadri pārklājas, tad iestatu vērtību -2 nobīdei. Tad tas vienmēr aizies divus kadrus atpakaļ ap pašu.

Ja tomēr tik ātri esam saīsinājuši kā šeit, tad tas nav jēdzīgi. Es esmu apmierināts ar 2 vērtību un atstāju tādu kādu tā ir.

19. solis

Ko līdz galam vēlos mainīt, ir uzkarinājuma zīmes laika uzstādījums. Gribētu to labāk pielāgot mūzikai.

Tāpēc šajā kompozīcijā man ir nepieciešama arī mūzika. Tāpēc es dodos uz sadaļu "Fig Leaf Rag" un nokopēju failu.

Pēc tam, iespējams, atkal ar Alt-klikšķi atgriežos kompozīcijā un ievietošu šeit.

Animācija viegli veidojama: līniju animācija

20. solis

Tagad skatīsimies, kur ir nepieciešamās divas pozīcijas. To noskaidrošanai es izmantoju Num-Pad un nospiežu Komatu-taustiņu, lai izveidotu priekšskatu. Num-Pad uz zvaigznīti * nospiežu, lai iezīmētu punktu. Ierīcēs bez Num-Pad, it īpaši uz Mac, būtu cmd+Komata priekšskatam un cmd+8 iezīmei.

Tagad es aizpildu mūziku un ielieku iezīmes precīzi tur, kur uzkarinājuma zīmei jāparādās strīpa un punkta vietā (1). Turklāt tieši pie melodijas diviem akcentiem.

Tātad esmu iezīmējis divus markerus: pirmajā strīpi jābūt gatavam uzkarinājuma zīmei, un otrajā jābūt iestatītam punktam.

Es lieku ēnu uz pirmā markera un pārslēdzos uz kompozīciju "Typo_Statisch". Tur es pārvietoju to kadru, kas apzīmē uzkarinājuma zīmes līniju, uz ēnas, kuru.

To pašu es daru ar otru markeri, kas norāda uz punkta pozīciju: Es lieku ēnu uz marķieri, pāreju uz kompozīciju un pārvietoju kadru atbilstoši.

Animācijas veidošana viegli: līniju animācija

Pēdējie soļi

21. solis

Vēlos ātrāk uzzīmēt uzkarinājuma zīmes strīpi nekā iepriekšējo burtu, lai tas būtu akcentētāks uz izsaukuma zīmes (1).

Un kopumā burtam jābūt nedaudz ātrāk pabeiktam. Tāpēc es iezīmēju visu iepriekš (2) un velku tos nedaudz uz priekšu (3).

Tā laika ziņā viss sakrīt lieliski.

Animācija viegli veikta: līniju animācija

22. solis

Mēs pārklājām tekstu ar krāsu un tagad gribam veikt izmaiņas.

Sākumā dublēju slāni "Typo_Statisch" un zemākajā slānī dzēšu Pārklāšanas-efektu.

Animācija viegli padarāma: līnijas animācija

23. solis

Augšējā slānī mums ir uzzīmētais teksts ar balto oriģinālu zem tā.

Zemākajā slānī mums ir parastais baltais teksts.

Ja augšējā slānī izvēlamies atzīmi Zīmēt caurredzamībā, tad redzami tikai uzzīmētie sarkanie svītri.

Animācijas veidošana vienkārši: līniju animācija

24. solis

Augšējo slāni tātad izmantosim kā masku zemajam slānim.

Ja maska netiek rādīta, vienkārši noklikšķiniet uz lejasdaļā esošā Ieslēgt/izslēgt režīmu un tiks rādīta pārvietota maska BewMas.
Alfa masku un sasniegt tieši vajadzīgo rezultātu. Protams, kur vien tiek zīmētas šīs svītras, tur ir redzama arī mana oriģinālā uzrakstā burtu linija.

Animācijas viegli veidojama: līniju animācija



Tomēr kaut kas ir saspiests, jo tieši sākumā ir burti A.

25. solis

Tāpēc labi paņemsim visus Otus ar Taisnstūrveida- izvēli no apakšas uz augšu (1) un pēc tam izvēlēsimies divus izsaukuma zīmes kadrus ar Shift+izvēli (2). Abi jau laika ziņā ir perfekti novietoti.

Pēc tam pirmo kadru pārvietosim nedaudz pa labi, lai A vēl sākumā nebūtu redzams.

Tagad viss sakrīt labi.

Animācija viegli veidota: līniju animācija

26. solis

Mēs to paveicām zemkompozīcijā, šeit mums ir efekts Turbulents Displacement.

Ja mēs skatāmies uz visu to šajā kompozīcijā, mums tas nav tikai dzeltenā krāsā un krāsa mainīgā, bet tas arī krīt.

Animācija padarīta viegli: līniju animācija

27. solis

Tas ir brīnišķīgi un sakrīt lieliski, bet krāsa vajadzētu mainīties pēc tam vai vispār ne. Mainīt krāsu pagaidām paliek izslēgts.

Animācija viegli veidota: līniju animācija



Tādējādi mums ir pabeigtas pirmās 4 treileris sekundes, un atkal tiksimies nākamajā daļā no vadlīnijas, bumbā Bouncing Ball.