Kako s olakšanjem prikazati inerciju i gravitaciju u Flash CS5 animaciji

U Adobe Flash Creative Suite 5 možete reproducirati dvije najprepoznatljivije sile gibanja, inerciju i gravitaciju, koristeći posebnu opciju tween-a: Lakoća . Novi mehanizam za animaciju čini dostupnim mnogo načina ublažavanja, uključujući odskakanje, oprugu, olakšanje (ubrzavanje), popuštanje (usporavanje) i još mnogo toga. Možete dodijeliti ublažavanje bilo kojem rasponu tween-a pomoću uređivača pokreta.

Dodajte olakšanje Flash CS5 simbolu

Da biste stvorili ponašanje ublažavanja, slijedite ove korake:

Napravite novi Flash dokument. Odaberite alat Oval i stvorite savršeni krug na dnu pozornice.

Držite pritisnutu tipku Shift da ograničite krug dok ga crtate.

S odabranim novim krugom pritisnite F8; kada se pojavi dijaloški okvir Pretvori u simbol, odaberite Grafika s padajućeg popisa Vrsta i unesite naziv za simbol u tekstualni okvir Naziv.

U ovom primjeru smo krug nazvali Lopta.

Desnom tipkom miša (Windows) ili Control i kliknite (Mac) prvi okvir sloja i odaberite Create Motion Tween iz kontekstnog izbornika koji se pojavi.

Kreira se novi raspon tween-a, a kazaljka za reprodukciju napreduje do posljednjeg okvira tween raspona.

Pomoću alata za odabir odaberite i pomaknite simbol ravno na vrh pozornice, zadržavajući njegov horizontalni položaj.

Polako povucite simbol prema vrhu pozornice kako se ne bi pomicao lijevo ili desno. Ponašanje Snap to Objects održava simbol poravnat s izvornim horizontalnim položajem dok ga ne otpustite.

Pritisnite Enter ili Return za pregled animacije.

Lopta bi se sada trebala kretati od dna prema vrhu pozornice.

Kliknite izravno na tween span na vremenskoj traci da biste ga odabrali, a zatim kliknite karticu ploče uređivača pokreta da biste ga prebacili naprijed.

Vidjet ćete različita svojstva vašeg tween-a predstavljena na ploči Motion Editor.

Pomaknite se do dna uređivača pokreta, pronađite redak Olakšice i promijenite vrijednost Simple (sporo) od 0 do 100.

Kako s olakšanjem prikazati inerciju i gravitaciju u Flash CS5 animaciji

Možete kliknuti i povući preko vrijednosti da biste je promijenili ili dvaput kliknite i ručno unesite vrijednost.

Vidite da je zadana jednostavna (spora) lakoća već navedena. Možete dodati druge vrste olakšanja za kasnije korištenje, ali za sada zadana vrijednost radi dobro.

Promjena vrijednosti stvara popuštanje , što usporava animaciju dok dolazi do završetka.

Pomaknite se do vrha uređivača pokreta i pronađite redak Basic Motion; izravno s desne strane, odaberite Jednostavno (sporo) s padajućeg popisa.

Ovaj korak primjenjuje lakoću na svojstva pokreta vašeg tween-a.

Pritisnite Enter ili Return za reprodukciju i pregled animacije.

Animacija se postupno usporava kako se dovršava.

Poništite ublažavanje u Flashu CS5

Ono što ide gore mora se spustiti, pa vas slijedeći koraci vode kroz vraćanje lopte na tlo:

Kliknite karticu Vremenska traka, a zatim kliknite izravno na sloj bilo gdje unutar tween raspona da odaberete cijeli tween.

Desnom tipkom miša (Windows) ili Control-klik (Mac) kliknite odabrane okvire da biste otvorili kontekstualni izbornik, a zatim odaberite Kopiraj okvire.

Na istom sloju, odaberite sljedeći prazan okvir odmah nakon što tween span završi.

Da biste zalijepili tween koji ste kopirali u koraku 2, provjerite je li okvir odabran, kliknite desnom tipkom miša (Windows) ili Control-klik (Mac) i odaberite Zalijepi okvire iz kontekstnog izbornika koji se pojavi.

Kliknite na novo zalijepljeni tween raspon da biste ga odabrali.

Za okretanje tween-a unatrag kliknite desnom tipkom miša (Windows) ili pritisnite Control-klik (Mac) odabrane okvire i odaberite Obrnuti ključne kadrove iz kontekstnog izbornika koji se pojavi.

Pritisnite Enter ili Return za pregled animacije.

Lopta ide gore, a zatim dolje, i prikladno je da se animacija ne samo obrne, već se i popušta.

Koristite ublažavanje s Flash CS5 IK animacijom

Baš kao i kod motion tweensa, možete oponašati sile gravitacije i inercije pomoću ublažavanja s IK animacijama. Iako uređivač pokreta nije dostupan za poziranu animaciju, lako možete dodati ublažavanje ponašanja iz Property inspectora kako biste svojoj IK animaciji dali realističniji izgled i dojam.

Slijedite ove korake da dodate popuštanje sloju armature:

Kliknite i odaberite prvi okvir postojećeg sloja IK Armature na vremenskoj traci.

Pronađite opcije Ease na desnoj strani Property inspectora — zadana vrijednost je postavljena na nulu (bez lakoće) — a zatim kliknite i povucite da promijenite vrijednost na 100 (Ease Out).

(Izborno) Odaberite drugu vrstu olakšanja s padajućeg popisa Vrsta.

Pritisnite Enter ili Return za prikaz animacije.

Vidite kako ublažavanje mijenja ponašanje vaše animacije.


Kako primijeniti transparentnost na SVG-ove

Kako primijeniti transparentnost na SVG-ove

Naučite kako primijeniti transparentnost na SVG grafiku u Illustratoru. Istražite kako ispisati SVG-ove s prozirnom pozadinom i primijeniti efekte transparentnosti.

Rad sa slikama u Adobe XD

Rad sa slikama u Adobe XD

Nakon što uvezete svoje slike u Adobe XD, nemate veliku kontrolu nad uređivanjem, ali možete mijenjati veličinu i rotirati slike baš kao i bilo koji drugi oblik. Također možete jednostavno zaokružiti kutove uvezene slike pomoću kutnih widgeta. Maskiranje vaših slika Definiranjem zatvorenog oblika […]

Kako podesiti svojstva teksta u Adobe XD

Kako podesiti svojstva teksta u Adobe XD

Kada imate tekst u svom Adobe XD projektu, možete početi mijenjati svojstva teksta. Ova svojstva uključuju obitelj fontova, veličinu fonta, težinu fonta, poravnanje, razmak između znakova (kerning i praćenje), razmak između redaka (vodeće), ispunu, obrub (crtanje), sjenku (sjena) i zamućenje pozadine. Pa pogledajmo kako se ta svojstva primjenjuju. O čitljivosti i fontu […]

Rad s umjetničkim pločama u Photoshopu CC

Rad s umjetničkim pločama u Photoshopu CC

Baš kao i u Adobe Illustratoru, Photoshopove umjetničke ploče pružaju mogućnost izrade zasebnih stranica ili zaslona unutar jednog dokumenta. To može biti osobito korisno ako gradite zaslone za mobilnu aplikaciju ili malu brošuru. Artboard možete zamisliti kao posebnu vrstu grupe slojeva stvorenu pomoću ploče Slojevi. Njegov […]

Oblici i poligoni u InDesignu

Oblici i poligoni u InDesignu

Mnogi alati koje pronađete na ploči InDesign Alati koriste se za crtanje linija i oblika na stranici, tako da imate nekoliko različitih načina stvaranja zanimljivih crteža za svoje publikacije. Možete stvoriti bilo što, od osnovnih oblika do zamršenih crteža unutar InDesigna, umjesto da morate koristiti program za crtanje kao što je […]

Zamotajte tekst u Adobe Illustrator CC

Zamotajte tekst u Adobe Illustrator CC

Omatanje teksta u Adobe Illustrator CC nije isto što i zamatanje poklona — lakše je! Prelamanje teksta prisiljava tekst da se omota oko grafike, kao što je prikazano na ovoj slici. Ova značajka može dodati malo kreativnosti svakom komadu. Grafika tjera tekst da se omota oko nje. Prvo stvorite […]

Kako promijeniti veličinu oblika u Illustratoru

Kako promijeniti veličinu oblika u Illustratoru

Kada dizajnirate u Adobe Illustrator CC, često vam je potreban oblik točne veličine (na primjer, 2 x 3 inča). Nakon što izradite oblik, najbolji način da mu promijenite veličinu na točne mjere je korištenje ploče Transform, prikazane na ovoj slici. Odaberite objekt, a zatim odaberite Prozor→ Transformiraj u […]

Kako stvoriti QR kodove u InDesign CC

Kako stvoriti QR kodove u InDesign CC

Možete koristiti InDesign za izradu i izmjenu grafike QR koda. QR kodovi su oblik crtičnog koda koji može pohraniti informacije kao što su riječi, brojevi, URL-ovi ili drugi oblici podataka. Korisnik skenira QR kod pomoću svoje kamere i softvera na uređaju, kao što je pametni telefon, a softver koristi […]

Kako učiniti da nova fotografija izgleda staro u Photoshopu CS6

Kako učiniti da nova fotografija izgleda staro u Photoshopu CS6

Možda će vam biti potrebna nova fotografija da biste izgledali staro. Photoshop CS6 vas pokriva. Crno-bijela fotografija noviji je fenomen nego što mislite. Dagerotipije i druge rane fotografije često su imale smećkasti ili plavkasti ton. Možete stvoriti vlastita remek-djela u tonovima sepije. Tonirane slike mogu stvoriti […]

Značajka Live Paint u Adobe CS5 Illustratoru

Značajka Live Paint u Adobe CS5 Illustratoru

Koristeći značajku Live Paint u Adobe Creative Suite 5 (Adobe CS5) Illustrator, možete stvoriti sliku koju želite i ispuniti regije bojom. Bucket Live Paint automatski detektira regije sastavljene od neovisnih staza koje se sijeku i ispunjava ih u skladu s tim. Boja unutar određene regije ostaje živa i automatski teče ako postoji […]