Kako stvoriti inerciju i gravitaciju u Adobe Flashu CS6

Kada se objekti gibaju u stvarnom životu, nekoliko čimbenika utječe na njihovu brzinu dok se kreću. U Adobe Flashu CS6 možete reproducirati efekte inercije i gravitacije na objektu dodavanjem olakšanja vašim postojećim tweensima. Flashov mehanizam za animaciju čini dostupnim mnogo načina ublažavanja, uključujući odskakanje, oprugu, olakšanje (ubrzavanje), ublažavanje (usporavanje) i još mnogo toga.

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 tipkovni prečac 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.

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.

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 olakšanje, što usporava animaciju kako dođe 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.

Kako stvoriti inerciju i gravitaciju u Adobe Flashu CS6

Pritisnite Enter ili Return za reprodukciju i pregled animacije.

Animacija se postupno usporava kako se dovršava.

Možete vidjeti kako ublažavanje utječe na brzinu tween-a kako napreduje, a sada jednostavna animacija postaje puno životnija. Međutim, ono što ide gore mora se spustiti, tako da 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.


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 […]