Ako sľúbili, teraz sa venujeme prvej skutočnej animácii, Bouncing Ball. To bude celkom zaujímavé, pretože animovanie má čo dočinenia s tým, byť skutočne vedomým toho, čo robíte. Čo zobrazím? Ako to prenesiem, čo vlastne chcem ukázať?

V tomto prípade chceme simulovať, že máme plochu v 2D, na ktorej sa cítime, že je to lopta. Tá má dopadnúť na zem, odraziť sa a pokračovať vo svojom skoku.

To je princíp, ktorý chceme prenášať, a to vôbec nie je jednoduché. V tejto cvičene zase prichádzajú niektoré z Disney pravidiel, o ktorých sme už hovorili. Pamätajte na ne.


Krok 1

Lopta je niekde hodena a lieta nahor. Získal tento energetický impulz (1).

Tento impulz mu však nakoniec nepomôže, pretože je prekonaný iným energickým javom - gravitáciou (2). Tá ho neustále ťahá nadol a nakoniec sa stretne s niečím, s čím koliduje. Tu: zem.

Animácia ľahko urobená: Odbíjajúca sa guľa - postavy

Kde dopadne na zem? Lopta stále má ten inerciálny pohyb z hodu (1) a zároveň sa tu nachádza aj trocha toho pohybu nadol (2).

To, čo sa teda deje, je pohyb, ktorý ťahá loptu do polkruhu smerom dolu (3).

Dole potom lopta udrie o zem.

Animácia ľahko vyrobená: Bounce Ball - pozície.

Takto sa dostane na zem a je zase odrazená nahor. Newtonov zákon pohybu.

Pri animácii je vždy dôležité byť si vedomým fyzikálnych okolností. Zvlášť pri Bouncing Balle, kde ide o to vizuálne zobraziť niečo, čo by malo byť fyzikálne.

Lopta teda prichádza dole, je odrazená pod rovnakým uhlom, akým prichádza, a znova poletuje nahor.

Ale vďaka svojej hmotnosti, objemu, treniu o zem atď. už nemá rovnaký impulz. Nemôžem vám to fyzikálne úplne presne vysvetliť, ale týmto impulzom sa neustále menší. Začne robiť stále menšie skoky.

To je v konečnom dôsledku správanie, ktoré lopta prejavuje.

Pri tom sa vždy vyskytne bod zvratu - označím to zeleno -, kde sa celý impulz prenesie.

Animácia ľahko urobená: Bouncing Ball - pozície

A existujú body maximálnej výšky, kde je najvyššie. Tieto označené zelenou sú naše kľúčové body.

Hore je lopta najpomalšia, pretože hore už nemá žiadnu silu a je ťahaná nadol alebo vlastne stále má ten inerciálny pohyb z hodu, no zároveň je ťahaná nadol a je teda v rovnováhe síl, v beztiaži.

Dolu je to naopak: Tu je lopta najrýchlejšia, pretože prichádza s určitou silou zhora a je odpudzovaná zdola. Dve sily pôsobia proti sebe a preto sa tu dole uskutoční radikálna zmena.

To je ten princíp, o ktorom sa musíme uvedomiť predtým, ako sa pustíme do animovania a nastavíme si naše kľúčové body.

Animácia ľahko zvládnutá: Odrazený guľôčka - polohy

Krok 2

Keď sme si vedomí základného princípu, teraz nastavíme kľúčové body.

V hudbe sme mali túto malú zmenu, na ktorú sme práve animovali. Teraz ju vystrihneme presne v tomto bode v "Typo_Intro" stlačením Ctrl+Písmeno Ä.

Animácia jednoducho: Odrazová guľa - pozície

Krok 3

Napíšeme "Bouncing Ball" a umiestnime text hore na stred.

Animácia ľahko funguje: Bouncing Ball - pozície



Bouncing Ball je časťou, s ktorou sa dá nádherne začať s animovaním a preto je prvým cvičením v každom kurze animácie.

Krok 4

Chcem nechať text "Bouncing Ball" zobraziť až keď sa skončí "Typo_Intro". Takže prejdem na "Typo_Intro" a stlačím O pre dosiahnutie Outpointu.

Potom prejdem o jeden snímok ďalej na "Bouncing Ball" s klávesnicovými tlačidlami šípka doľava a šípka doprava alebo cmd+vľavo/vpravo alebo Ctrl+vľavo/vpravo. Tu potom stlačím Alt+Písmeno Ö pre nastavenie začiatku.

Takto bude prechod z "Animation leicht gemacht" na "Bouncing Ball" sedieť.

Animácia ľahko urobená: Skákajúca lopta - pozície



Alt+Písmeno Ö: nastavuje začiatok

Alt+Písmeno Ä: nastavuje koniec

Krok 5

Predtým ako budeme pokračovať, zväčšíme písmo ešte trochu viac.

Animácia ľahko urobená: odrazenie lopty - pózy.

Krok 6

Týmto sme priamo v téme. Ďalej vytvoríme odrazovú guľu. Tá pozostáva v podstate len z farebnej plochy.

Vytvoríme ju, nastavíme veľkosť na 100x100 pixelov a vyberieme farbu bielu.

Animácia jednoducho vytvorená: Bouncing Ball - postavy

Krok 7

Enter.

Dvojkliknutím na elipsu vytvorím kruhový výber, ktorý presne kopíruje moju vrstvu a je presne štvorcový. Dokonalý kruh.

Animácia ľahká: Odrážajúca sa guľa - posty.

Krok 8


Potom zamkneme masky a presunieme loptu do pôvodnej pozície.

Animácia ľahko urobená: Skákavá guľa - pózy

Krok 9

Kliknem na P pre Position a animujem to celé:

S Shift+vpravo/vľavo resp. Ctrl+vpravo/vľavo posunieme o desiatky krokov vpred a pri každom desiatom kroku položíme "loptu" na miesta opísané v kresbe vyššie a nižšie.

Takto môžeme jednoducho a príjemne nastaviť pozície, ak ešte neberieme ohľad na časovanie.

Animácia ľahko spravená: Bouncing Ball - postavy



A pokračujeme ďalej v ďalšej časti tejto séries tutoriálov "Animácia ľahko zvládnutá: Bouncing Ball - Kŕivky".