Danes vam predstavljam ta preprost, a uporaben vodič , kjer se lahko naučite ustvarjati Flash animacije samo z Illustratorjem . Illustrator je program za vektorsko grafiko in oblikovanje, ki tako kot Photoshop spada v paket programov Adobe in je eno ključnih orodij, ki so podjetju pomagala postati industrijski standard v grafičnem oblikovanju danes.
Adobejev paket se nenehno širi in nam prinaša nove aplikacije za nova področja ustvarjalnega dela na ravneh, o katerih smo pred leti lahko le sanjali, od programov, namenjenih ustvarjanju obrazcev, do urejevalnikov zvoka in videa. Adobejevi programi pogosto spodbujajo integracijo različnih platform znotraj paketa, na primer z vključitvijo orodij iz enega programa v drugega ali s prenosom funkcij iz enega programa v drugega. Danes vam bomo kot primer tega pokazali, kako ustvariti preprosto animacijo z Illustratorjem in jo izvoziti v Flash. Danes vam predstavljam: Vadnica za Illustrator : Kako ustvariti animacije z Illustratorjem.
Odprite nov dokument
Spletno animacijo bomo ustvarili v programu Flash ( SWF ), vendar bomo uporabljali Adobe Illustrator . Za začetek odprite nov dokument tako, da izberete Datoteka > Nov dokument . Prikazalo se bo pogovorno okno z menijem; vnesite ime in izberite spletni profil.
Razveselimo tega piščanca
Zdaj bomo v novem dokumentu začeli delati na njem. Za to animacijo sem izbral vektorsko risbo, ki sem jo prenesel z interneta, s spletnega mesta Freepik, o katerem smo razpravljali v prejšnji objavi, iskalnika brezplačnih fotografij in vektorjev , in jo nekoliko prilagodil. Pojdimo na ploščo Plasti in jo pravilno poimenujemo. Zelo pomembno je, da smo s plastmi organizirani že od samega začetka. Poimenovali jo bomo Chicken01.
Vzemimo nekaj piščancev
Animacija bo dokaj preprosta; piščanca bomo premaknili z ene strani zaslona na drugo in mu dali nekaj gibanja oči. Najprej podvojite plast v plošči Plasti tako, da na primer kliknete na plast in jo povlečete na ikono nove plasti. Preimenovanje plasti je pomembno.
Gibljive oči
Izbrali bomo dve očesi piščanca, ki sta v plasti Chicken02 , nato pa bomo izbrali oči piščanca.
Kotaljenje oči.
Z izbranimi očmi piščanca v zgornjem sloju Pollo02 kliknemo z desno tipko miške in v ustreznem pogovornem oknu sledimo poti Transform-Reflect.
Zavrtite oči
Ko ste v možnosti Zrcalo , tapnite možnost Navpično in končali ste. Zdaj boste imeli risbo piščanca na vrhu z očmi, obrnjenimi v eno smer, in piščanca na dnu z očmi, obrnjenimi v drugo smer.
- Zdaj pa podvojimo še piščance
Za podvajanje plasti bomo ponovno uporabili gumb Nova plast v meniju Plasti. Kliknite na plasti Chicken01 in Chicken02, medtem ko držite tipko Shift, in povlecite čez gumb Nova plast.
Še nekaj piščancev
Vse piščance moramo preimenovati, pri čemer moramo upoštevati zaporedje, tako da je piščanec, ki ga tvorita Chicken01 in Chicken02, na levi strani risalne površine, piščanec, ki ga tvorita plasti Chicken03 in Chicken04 , pa na desni, glede na številčni vrstni red, in tako naprej, pri čemer se upošteva vrstni red plasti na plošči Plasti. To je zelo pomembno, saj bo animacija vedno sledila vrstnemu redu plasti, pri čemer bo prvi okvir prva plast, zadnji okvir pa zadnja.
Izvažanje v SWF
Ko so vsi piščanci pravilno postavljeni (kot je razloženo zgoraj), bomo dostopali do okna Izvozi dokumente tako, da gremo v Datoteka > Izvozi. Tam bomo kot obliko izvoza izbrali SWF ali Flash . Prikazalo se bo drugo pogovorno okno, kjer bomo konfigurirali zadnje korake. Z izbrano možnostjo Osnovno bomo izbrali izvoz kot AI Layers v okvirje SWF , pri čemer bomo izbrali najnovejšo razpoložljivo različico Flasha , Adobe Flash Player 9. Označili bomo tudi možnost »Obreži na velikost risalne površine«. Obstaja še nekaj drugih zanimivih možnosti, ki jih bomo raziskali v drugem vodiču.
Izvažanje
Nato v istem pogovornem oknu izberite možnost Napredno in izberite ločljivost ter hitrost sličic na 15. Kot lahko vidite, lahko tukaj izberemo vrstni red plasti, ki smo ga, kot sem že omenil, konfigurirali tako, da se animacija izvaja od spodnje (1. plasti) do zgornje (zadnje plasti) plošče Plasti v vašem vmesniku. Ko je izvoz izdan, si rezultat oglejte v katerem koli programu za predvajanje videoposnetkov.
Več informacij – Freepik, iskalnik brezplačnih fotografij in vektorjev