Kreirajte animirani GIF u vatrometu

01 od 20

Turska Animirani GIF u vatrometu

Tekst i slike © Sandra Trainor

U ovom tutorialu, koristiću Fireworks CS6 za kreiranje animiranog GIF turšija sa peresom repa koji menjaju boju. Ja ću početi kreiranjem ilustracije i dupliciranjem. Ja ću napraviti promjene u jednom, pretvoriti ih u simbole, napraviti drugo stanje i pregledati animaciju. Zatim ću promijeniti vreme trajanja obe države, sačuvajte datoteku kao animirani GIF i pogledajte je u mom pregledaču.

Iako se Fireworks CS6 koristi u ovom priručniku, trebalo bi da budete u mogućnosti da pratite pomoću najnovije verzije Fireworks-a ili čak Photoshop-a.

Urednici Napomena:

Adobe više ne nudi Fireworks CC kao deo Creative Clouda. Ako tražite Vatromet, možete ga pronaći u odjeljku Find Additional Apps na Creative Cloud-u. Kada Adobe najavi da više neće podržavati ili ažurirati aplikacije, možete pretpostaviti da je samo pitanje vremena prije nego aplikacija nestane. Tipičan primer ovoga je nedavna objava u vezi direktora, Shockwave i Contribute.

Ažurirano Tom Green

02 od 20

Kreirajte novi dokument

Tekst i slike © Sandra Trainor

Stvoriću novi dokument tako što ću izabrati File> New. Ja ću napraviti širinu i visinu od 400 x 400 piksela, a rezoluciju 72 piksela po inču. Izborom ću izabrati boju za platnu i kliknite OK.

Zatim ću izabrati File> Save, nazvati datoteku turkey sa png ekstenzijom, izabrati gdje ću ga sačuvati i kliknite na Save.

03 od 20

Nacrtaj krug

Tekst i slike © Sandra Trainor

Na panelu Alat klikću na okvir Boja boja i odaberite crnu, a zatim u polje Boja popunjavanja i odaberite braon swatch ili tip u polje Hex broj vrijednosti, # 8C4600.

Na panelu svojstava učinit ću širinu udara 2 piksela. Zatim ću izabrati alat Ellipse na panelu Alat, koji se može pronaći klikom na malu strelicu pored alatke Rectangle ili drugog vidljivog alata. Dok držim pritisnutim taster shift, klikću i povucem da napravim veliki krug. Korištenje smjene obezbeđuje da će krug biti savršeno okružen.

04 od 20

Nacrtajte još jedan krug

Tekst i slike © Sandra Trainor

Ponovo ću držati taster shift dok izvlačim još jedan krug, samo želim da ovaj krug bude manji od poslednjeg.

Pomoću alatke Pointer, klikću i povucem mali krug na svoje mesto. Želim da se preklopi na vrh velikog kruga, kako je prikazano.

05 od 20

Nacrtajte zaobljeni pravougaonik

Tekst i slike © Sandra Trainor

Uz pomoć okruglog pravougaonog alata, nacrtat ću pravougaonik. Sa alatom Pointer, pomeriću ga na svoje mesto. Želim da bude usredsređeno i malo preklapaju dno malog kruga.

06 od 20

Kombinacije puteva

Tekst i slike © Sandra Trainor

Zadržaću taster shift dok kliknem na mali krug, a zatim zaokruženi pravougaonik. Ovo će izabrati oba oblika. Zatim ću izabrati Modify, Combine Paths> Union.

07 od 20

Promenite boju

Tekst i slike © Sandra Trainor

Na panelu Alat, kliknite na polje za popunjavanje i odaberite kremni swatch, ili upišite # FFCC99 u polje Hex vrijednost, a zatim pritisnite povratak.

08 od 20

Napravi oči

Tekst i slike © Sandra Trainor

Mogao bih da nacrtam dva kruga da napravim oči, ali umesto toga, koristiću alatku Type za ovo. Ja ću kliknuti na alatku Tip na panelu Alat, a zatim na platnu. U inspektoru za imovinu, izabratiću Arial Regular za font, napraviti veličinu 72 i promijeniti boju u crnu. Zadržaću Alt ili Options taster dok pritisnem taster držeći broj 8, koji će napraviti metak. Pritisnuti bar malo pre nego što napravim još jedan metak.

09 od 20

Napravi Kljun

Tekst i slike © Sandra Trainor

Na panelu Alat, kliknite na alatku Polygon shape. Na panelu Properties (Svojstva), izabrati ću narančastu swatch za popunu ili tip # FF9933 u polje Hex value. Takođe, na panelu Properties, učinit ću kap sa crnom širinom od 1.

Zatim ću izabrati Window> Auto Shape Properties. Kliknutiću na oblik poligona, pokazati da želim i tačke i stranice biti 3, a radijus 180 stepeni. Da bi trougao bio manji, unela ću 20 u polje vrijednosti spoljašnjeg radijusa. Broj ovoga zavisi od toga koliko je veliki trougao počeo. Zatim ću se vratiti.

Sa alatom Pointer, kliknite na trougao i prevucite ga tamo gde mislim da bi trebalo da sedne za kljun.

10 od 20

Napravi Snood

Tekst i slike © Sandra Trainor

Crvena stvar koja visi iz ćuretinog kljuna se zove Snood. Da bih napravio jednu, koristiću alat Pen.

Nakon što odaberem alatku Pen na panelu Alat, kliknite na polje za popunjavanje i izaberite crveni swatch, ili upišite # FF0000 u polje Hex vrijednost, a zatim pritisnite povratak.

Uz alatku Pen, klikćemo da kreiramo tačke koje formiraju putanju, a ponekad i kliknite i prevucite da biste kreirali zaobljenu putanju. Kada se poslednja tačka poveže sa prvom, napraviću oblik koji izgleda kao čaršija.

11 od 20

Napravite noge

Tekst i slike © Sandra Trainor

Mogu da podesite boju ispunjenja istog narandžasta kao kljun klikom na polje za punjenje a zatim na kljun. Sa odabranim alatom Pen, napraviću boju udarca crnom i postaviti širinu udara na 2 na panelu Properties.

Zatim, koristiću alatku Pen za kreiranje tačaka koje oblikuju oblik koji podseća na ćurku nogu. Sa odabranim oblikom, biću izabrao Edit> Duplicate. Zatim ću izabrati Modify> Transform> Flip Horizontal. Pomoću alatke Pointer, postaviću nogu gde izgledaju najbolje.

12 od 20

Smanjite veličinu

Tekst i slike © Sandra Trainor

Ja ću izabrati Select> Select All. Zatim ću kliknuti na alat Scale na panelu Alatke. Kutija sa ograničenjima će se pojaviti sa ručkama koje se mogu pomerati unutra ili spolja. Kliknut ću na dršku za ugao i pomeriti ga unutra, čineći celu manju, a zatim pritisnite povratak.

Sa svim mojim oblikima koji su još odabrani, koristiću alatku Pointer da pomerim ćurku na svoje mesto. Želim da je na platnu nisko.

13 od 20

Napravi rep od repa

Tekst i slike © Sandra Trainor

Sa alatkom Ellipse, klikću i povucem da napravim dugo ovalno. Zatim ću izabrati Edit> Duplicate. Ponovo ću duplirati oval dok ne budem imao ukupno pet ovala.

14 od 20

Promenite boju

Tekst i slike © Sandra Trainor

Sa jednom od izabranih ovalova, kliknite na polje za popunjavanje i izaberite drugu boju. Uradiću ovo sa još tri ovala, odabirajući drugu boju za svaku.

15 od 20

Pomeri ovale

Tekst i slike © Sandra Trainor

Pomoću alatke Pointer, ja ću kliknuti i prevući preko pet ovala kako bih ih sve izabrao. Zatim ću izabrati Modify> Arrange> Send to Back. Ovo će uzrokovati da se perje od repa pada iza ćurke kad ih pomerim na svoje mesto.

Kliknut ću od ovalda da ih opozovem, a zatim kliknuti na jedan oval i povući ih odvojeno tamo gde će sedeti jedan pored drugog i delimično iza ćurke.

Korišćenje Smart vodiča može pomoći u ravnomernom pozicioniranju ovalaca koji su suprotni jedni drugima. Ako ne vidite pametne vodiče na poslu, izaberite View> Smart Guides> Show Smart Guides.

16 od 20

Rotiraj Ovale

Tekst i slike © Sandra Trainor

Želim da okrenem ovale i da ih premeštam. Da to uradim, izaberite ga i izaberite, Modify> Transform> Free Transform. Zatim ću kliknuti i povući kursor iza graničnog kutije kako bih blago okrenuo oval. Pomoću alatke Pointer, postaviću ovo ovalno mesto gde mislim da izgleda najbolje.

Ove preostale ovale će okrenuti na isti način i postaviti ih na svoje mesto; distribuira ih jednako.

17 od 20

Sačuvaj i čuvaj kao

Tekst i slike © Sandra Trainor

Gledajući sliku, vidim da je turska premala na platnu, pa ću izabrati Select> Select All, a zatim koristiti alat Pointer da bi se ćurka postavila u centar platna. Kada sam zadovoljan kako izgleda, odabratiću File> Save.

Zatim ću kliknuti na pero za repu da ga potvrdim na polju za popunjavanje i izaberem drugu boju. Uradiću ovo za svaki pero, a zatim izaberite File> Save As. Ja ću preimenovati datoteku turkey2 sa png ekstenzijom i kliknite na Save.

18 od 20

Pretvoriti u simbol

Tekst i slike © Sandra Trainor

Ja ću izabrati File> Open, navigirati u turkey.png datoteku i kliknite na Open. Na vrhu ću kliknuti na karticu turkey.png i izaberite Select> Select All. Zatim ću izabrati Modify> Convert> Convert to Symbol. Nazvaću ga simbolom 1, izaberite grafiku za tip, a zatim kliknite na dugme U redu.

Kliknut ću na turkey2.png karticu i učiniti isto, samo ću nazvati ovaj simbol 2.

19 od 20

Kreirajte novu državu

Tekst i slike © Sandra Trainor

Kliknut ću na turkey.png karticu. Ako moj državni panel nije vidljiv, mogu da izaberem Window> States. Na dnu panela States, kliknite na dugme New Duplicate States.

Kada kliknem na prvo stanje da je odaberem, vidim da ima simbol. Kada kliknem na drugu državu, vidim da je prazna. Za dodavanje simbola u ovo prazno stanje, izaberite File> Import> navigaciju do moje turkey2.png datoteke, kliknite Open, zatim Open ponovo. Zatim ću kliknuti na gornjem desnom uglu platna da postavim datoteku u ispravan položaj. Sada, kada kliknem između prve i druge države, vidim da oboje drže slike. Takođe mogu pritisnuti dugme Play / Stop na dnu prozora da pregledam animaciju.

Ako mi se ne sviđa brzina animacije, mogu dvaput kliknuti na brojeve desno od svake države da izvršim prilagođavanja. Što je veći broj, to je duže vreme trajanja.

20 od 20

Spremite animirani GIF

Tekst i slike © Sandra Trainor

Ja ću izabrati File> Save As, preimenovati datoteku, izabrati Animated GIF (* .gif), a zatim kliknite na Save.

Da otvorim i reprodukujem Animirani GIF u svom pretraživaču, pokrenuću svoj pregledač i izaberite File> Open ili Open File. Pomeriću se do moje spremljene Animirane GIF datoteke, izaberite je, kliknite na Otvori i uživajte u animaciji.

Povezani:
Optimizacija animiranih GIF-ova
• Profil Wild Turkey
• zahvalnost Istoriji Turske
• Najsigurniji ajkurji koje ste ikada videli