Što treba znati
- Stvorite ilustraciju i duplicirajte je. Napravite promjene u jednom, pretvorite oba u simbole, stvorite drugo stanje. Pregledajte animaciju.
- Promijenite vrijeme trajanja oba stanja, spremite datoteku kao animirani-g.webp" />
U ovom ćete vodiču naučiti koristiti Fireworks CS6 za izradu animiranog GIF-a purice s perjem na repu koje mijenja boju. Iako se Fireworks CS6 koristi u ovom vodiču, trebali biste ga moći pratiti korištenjem bilo koje novije verzije Fireworksa ili čak Photoshopa.
Kako napraviti animirani-g.webp" />
Važno je napomenuti da Adobe više ne nudi Fireworks CC kao dio Creative Clouda. Ako tražite Fireworks, možete ga pronaći u odjeljku Pronađi dodatne aplikacije u Creative Cloudu. Kada Adobe objavi da više neće podržavati niti ažurirati aplikacije, možete pretpostaviti da je samo pitanje vremena kada će aplikacija nestati.
Stvorite novi dokument
Prvo ćete stvoriti novi dokument odabirom File > New. Postavite širinu i visinu od 400 x 400 piksela, a razlučivost od 72 piksela po inču. Odaberite bijelu za boju platna i kliknite OK.
Dalje, odaberite Datoteka > Spremi, imenujte datoteku turkey s-p.webp" />kliknite Spremi.
Nacrtaj krug
Na ploči Alati kliknite na okvir boja poteza i odaberite crnu, zatim na okvir boje ispune i odaberite smeđi uzorak ili upišite u polje heksadecimalne vrijednosti broja, 8C4600.
U ploči Svojstva, postavite širinu poteza na 2 piksela. Zatim odaberite alat Ellipse na ploči Alati, koji možete pronaći klikom na malu strelicu pored alata Pravokutnik ili drugih vidljivih alata za oblik. Dok držite tipku shift, kliknite i povucite da biste stvorili veliki krug. (Korištenje pomaka osigurava da će krug biti savršeno okrugao.)
Nacrtaj još jedan krug
Ponovo držite tipku shift dok crtate drugi krug, s namjerom da taj krug bude manji od prethodnog.
Pomoću alata Pointer kliknite i povucite mali krug na mjesto. Želite da prekriva vrh velikog kruga, kao što je prikazano.
Nacrtaj zaobljeni pravokutnik
Sa alatom Rounded Rectangle, nacrtajte pravokutnik. Pomoću alata Pointer pomaknite ga na mjesto. Želite da bude centriran i malo se preklapa s donjom stranom malog kruga.
Kombinirajte staze
Držite pritisnutu tipku shift dok kliknete na mali krug, a zatim na zaobljeni pravokutnik. Ovo će odabrati oba oblika. Zatim odaberite Modify, Combine Paths > Union.
Promijeni boju
Na ploči Alati kliknite na okvir Ispuni i odaberite uzorak kreme ili upišite FFCC99 u polje Heksadecimalna vrijednost, zatim pritisnite return.
Napravite oči
Možete nacrtati dva mala kruga da napravite oči, ali umjesto toga za to upotrijebite alat Type. Pritisnite alat Type na ploči Tools, zatim na platno. U Property inspektoru odaberite Arial Regular za font, postavite veličinu 72 i promijenite boju u crnu. Držite "Slika" ili tipku Opcije dok pritišćete tipku koja drži broj 8, što će napraviti metak. Zatim pritisnite razmaknicu prije nego što napravite novi metak. alt="
Napravite kljun
Na ploči s alatima kliknite na alat za oblik poligona. Na ploči Svojstva odaberite narančasti uzorak za ispunu ili upišite FF9933 u polje Heksadecimalna vrijednost. Također na ploči Svojstva, učinite crni potez širine 1.
Dalje odaberite Prozor > Svojstva automatskog oblika Kliknite na oblik poligona i označite da želite da i točke i strane budu 3 i radijus 180 stupnjeva. Da biste smanjili trokut, upišite 20 u polje vrijednosti vanjskog radijusa. Broj za to ovisi o tome koliko je velik trokut bio, za početak. Zatim pritisnite return.
Pomoću alata Pointer kliknite na trokut i povucite ga na mjesto gdje mislite da bi trebao sjediti za kljun.
Napravite Snood
Crvena stvar koja visi s kljuna purana zove se Snood. Da biste ga napravili, upotrijebit ćete alat Pen.
Nakon odabira alata Pen na ploči Alati, kliknite na okvir Ispuni i odaberite crveni uzorak ili upišite FF0000 u polje Heksadecimalna vrijednost, zatim pritisnite return.
Pomoću alata Pen, kliknite da biste stvorili točke koje tvore putanju, a ponekad kliknite i povucite da biste stvorili zaobljenu putanju. Kada se posljednja točka spoji s prvom, formirat ćete oblik koji izgleda kao pureći njuškač.
Napravite noge
Možete postaviti boju ispune na istu narančastu kao i kljun klikom na okvir Ispune, a zatim na kljun. S odabranim alatom Pen, učinite crnu boju poteza i postavite širinu poteza na 2 na ploči Svojstva.
Zatim upotrijebite alat Pen za stvaranje točaka koje tvore oblik koji podsjeća na pureći batak. S odabranim oblikom odaberite Edit > Duplicate Zatim odaberite Modify > Transform > Okreni vodoravno Pomoću alata Pointer postavite noge gdje najbolje izgledaju.
Smanji veličinu
Odaberi Odaberi > Odaberi sve. Zatim kliknite na alat Scale na ploči Alati. Pojavit će se granični okvir s ručkama koje se mogu pomicati prema unutra ili prema van. Kliknite na kutnu ručicu i pomaknite je prema unutra, smanjujući cijelu, a zatim pritisnite return.
Dok su svi vaši oblici još uvijek odabrani, upotrijebite alat Pointer da pomaknete puricu na mjesto. Želite da je centriran nisko na platnu.
Napravite repno perje
Pomoću alata Elipsa, kliknite i povucite da biste oblikovali dugački oval. Zatim odaberite Edit > Duplicate. Duplicirat ćete oval iznova i iznova dok ne dobijete ukupno pet ovala.
Promijenite boju
Sa odabranim jednim od ovala, kliknite na okvir za ispunu i odaberite drugu boju. Učinite to s još tri ovala, birajući drugu boju za svaki.
Pomicanje ovala
Pomoću alata Pointer kliknite i povucite preko pet ovala da biste ih sve odabrali. Zatim odaberite Modify > Arrange > Send to Back. To će uzrokovati da repna pera padnu iza purice kada ih pomaknete na mjesto.
Kliknite dalje od ovala da biste poništili njihov odabir, zatim kliknite jedan po jedan oval i povucite ih zasebno na mjesto gdje će sjediti jedan pored drugog i djelomično iza purice.
Korištenje pametnih vodilica može pomoći u ravnomjernom postavljanju ovala koji su jedan nasuprot drugom. Ako ne vidite pametne vodiče na djelu, odaberite View > Smart Guides > Show Smart Guides.
Rotiranje ovala
Htjet ćete rotirati ovale i premjestiti ih. Da biste to učinili, odaberite jedan i izaberite Modify > Transform > Free Transform Zatim kliknite i povucite pokazivač točno izvan graničnog okvira kako biste malo zarotirali oval. Pomoću alata Pointer postavite oval na mjesto gdje mislite da najbolje izgleda.
Zarotirajte preostale ovale na isti način i postavite ih na mjesto; ravnomjerno ih raspoređujući.
Spremi i spremi kao
Gledajući svoju sliku, vidjet ćete da je purica prenisko na platnu, pa odaberite Odaberi > Odaberi sve, a zatim pomoću alata Pointer postavite puricu u središtu platna. Kada ste zadovoljni kako izgleda, odaberite Datoteka > Spremi.
Zatim kliknite na repno pero da biste ga odabrali, zatim na okvir Ispuna i odaberite drugu boju. Učinite to za svako repno pero, zatim odaberite File > Save As. Preimenujte datoteku, turkey2 s-p.webp" />.
Pretvori u simbol
Odaberite Datoteka > Otvorite, dođite do svoje datoteke turkey-p.webp" />Select > Select All Zatim ćete odabrati Modify > Convert > Convert to Symbol Imenujte ga simbolom 1, odaberite Graphic za Type, zatim kliknite OK.
Kliknite na karticu turkey2-p.webp
Stvorite novo stanje
Kliknite natrag na karticu turkey.png. Ako vaša ploča Država nije vidljiva, možete odabrati Prozor > Države. Pri dnu ploče Država kliknite gumb Novi duplikat država.
Kada kliknete na prvo stanje da biste ga odabrali, vidjet ćete da ono sadrži simbol. Kada kliknete na drugo stanje, vidjet ćete da je prazno. Da biste dodali simbol ovom praznom stanju, odaberite Datoteka > Uvezi > idite do vaše datoteke turkey2.png, kliknite Otvori, a zatim ponovno Otvori. Zatim kliknite na gornji desni kut platna da postavite datoteku na ispravan položaj. Sada, kada kliknete između prvog i drugog stanja, vidjet ćete da oba sadrže slike. Također možete pritisnuti gumb Reproduciraj/Zaustavi na dnu prozora za pregled animacije.
Ako vam se ne sviđa brzina animacije, možete dvaput kliknuti na brojeve desno od svakog stanja kako biste napravili prilagodbe. Što je veći broj, to je duže vrijeme trajanja.
Spremi animirani GIF
Na kraju odaberite Datoteka > Spremi kao, preimenujte datoteku, odaberite Animirani-g.webp" />.
Da biste otvorili i reproducirali animirani-g.webp
Datoteka > Otvori ili Otvori datoteku. Dođite do svoje spremljene animirane-g.webp" />