Sukurkite animuotą GIF "Fireworks"

01 iš 20

Turkija Animuoti GIF fejerverkoje

Tekstas ir vaizdai © Sandra Trainer

Šioje pamokoje naudoju "Fireworks CS6", norėdamas sukurti animacinį GIF iš kalakuto, kurio spalvos keičia uodegines plunksnas. Aš pradedu kurti iliustraciją ir ją kopijuoti. Aš atliksiu keitimus į vieną, pavers juos abiem simboliais, sukurs antrą būseną ir peržiūrės animaciją. Tada aš pakeisiu abiejų valstijų trukmę, išsaugosiu failą kaip animuotą GIF ir peržiūrėsiu savo naršyklėje.

Nors "Fireworks" CS6 naudojamas šiame vadovėlyje, turėtumėte sugebėti sekti kartu naudojant bet kokią naujausią "Fireworks" ar net "Photoshop" versiją .

Redaktorių pastaba:

"Adobe" nebeteikia "Fireworks CC" kaip "Creative Cloud". Jei ieškote fejerverkų, tai galima rasti "Creative Cloud" skiltyje "Rasti papildomas programas". Kai "Adobe" paskelbia, kad ji nebebus palaiko ar atnaujina programas, galite manyti, kad tai tik laikas, kol programa išnyksta. Tipiškas pavyzdys yra neseniai paskelbtas pranešimas "Director, Shockwave and Contribute".

Atnaujinta Tom Green

02 iš 20

Sukurkite naują dokumentą

Tekstas ir vaizdai © Sandra Trainer

Sukursiu naują dokumentą, pasirinkę File> New. Aš padarysiu plotį ir aukštį 400 x 400 pikselių, o rezoliucija - 72 pikselius colyje. Aš pasirinksiu baltą spalvą drobės ir spustelėkite Gerai.

Tada pasirinkite "Failas"> "Išsaugoti", pavadinkite failą "Turkija" su PNG plėtiniu, pasirinkite, kur aš noriu jį įrašyti, ir spustelėkite Išsaugoti.

03 iš 20

Lygiosios ratą

Tekstas ir vaizdai © Sandra Trainer

"Tools" skydelyje spragtelėsiu "Insult" spalvų dėžutę ir pasirinksite juodą spalvą, tada užpildykite spalvų dėžutę ir pasirinkite rudą pavyzdį arba įveskite lauko Hex numerio reikšmę # 8C4600.

Savybių juostoje aš padarysiu smūgio plotį 2 pikselius. Tada aš pasirinksiu įrankį "Ellipse" įrankių skydelyje, kurį galima rasti paspaudę mažąją rodyklę šalia įrankio "Stačiakampis" ar kito matomo formos įrankio. Laikydami nuspaustą klavišą "Shift", spustelėkite ir vilkite, kad sukurtumėte didelį ratą. Naudojant poslinkį užtikrinama, kad apskritimas bus visiškai apvalus.

04 iš 20

Atkreipkite kitą ratą

Tekstas ir vaizdai © Sandra Trainer

Vėl aš laikysiu klavišą "Shift", kai rinksiu kitą ratą, tik noriu, kad šis ratas būtų mažesnis nei paskutinis.

Naudodamas "Pointer" įrankį, spustelėkite ir vilkite mažą ratą į vietą. Noriu, kad jis perteiktų didelio rato viršuje, kaip parodyta.

05 iš 20

Nubraižykite suapvalintą stačiakampį

Tekstas ir vaizdai © Sandra Trainer

Su Užapvalinto stačiakampio įrankiu aš paruošiu stačiakampį. Naudodamas "Pointer" įrankį, aš jį perkeliu į vietą. Noriu, kad jis būtų sutelktas ir šiek tiek sutampa su mažo rato apačioje.

06 iš 20

Sujungti kelius

Tekstas ir vaizdai © Sandra Trainer

Aš laikysiu klavišą "shift", spragtelėdamas mažą apskritimą, tada suapvalintą stačiakampį. Tai parinks abi figūras. Tada aš pasirinksiu Modify, Combine Paths> Union.

07 iš 20

Keisti spalvą

Tekstas ir vaizdai © Sandra Trainer

Skydelyje Įrankiai spustelėkite langelį Užpildyti ir pasirinkite kremo pavyzdį arba įveskite # FFCC99 lauke Hex vertė, tada paspauskite grįžti.

08 iš 20

Padaryk akis

Tekstas ir vaizdai © Sandra Trainer

Galėčiau atkreipti akis į dvi mažus apskritimus, bet užuot naudosiu "Type" įrankį. Spustelėkite įrankių tipą įrankių skydelyje, tada ant drobės. Nekilnojamojo turto inspektoriuje pasirinksiu Arial Regular šriftą, sukurs 72 dydį ir pakeis juodą spalvą. Aš laikysiu nuspaudę Alt arba Options klavišą, kai paspausiu klavišą su skaičiumi 8, kuris sukurs kulka. Prieš pradėdamas kitą kulka paspausiu tarpo klavišą.

09 iš 20

Padaryk pupelę

Tekstas ir vaizdai © Sandra Trainer

Skydelyje "Įrankiai" spragtelėsiu daugiakampio formos įrankį. Skiltyje "Savybės" aš pasirinksiu oranžinį pavyzdį užpildyti arba įveskite # FF9933 lauke "Hex". Taip pat "Properties" skydelyje padarysiu juodas juodas plotis 1.

Tada aš pasirinksiu langą> Auto Shape Properties. Paspaudysiu daugiakampio formą, nurodykite, kad noriu, kad taškai ir šonai būtų 3 ir spindulys 180 laipsnių. Norint sumažinti trikampį, aš įvesti 20 lauko "Išorinis spindulys" reikšmė. Tai priklauso nuo to, kiek didelis trikampis turėtų prasidėti. Aš tada paspauskite grįžti.

Naudodamas "Pointer" įrankį, aš spragtelėti trikampį ir vilkite jį į vietą, kur manau, kad jis turėtų sėdėti už snapo.

10 iš 20

Padaryti Snood

Tekstas ir vaizdai © Sandra Trainer

Raudonas dalykas, pakabintas iš Turkijos snapo, vadinamas Snood. Norėdami sukurti vieną, aš naudosiu Pen Tool.

Pasirinkę įrankių juostą įrankių juostoje, spustelėkite langelį Užpildyti ir pasirinkite raudoną pavyzdį arba įveskite # FF0000 lauke Hex vertės, tada paspauskite grįžti.

Naudodamas "Pen tool", spragtelėsiu kurti taškus, kurie sudaro kelią, o kartais spustelėkite ir vilkite, kad sukurtumėte suapvalintą kelią. Kai paskutinis taškas jungiasi prie pirmojo, aš turiu suformuoti formą, kuri atrodo kaip kalakutiena.

11 iš 20

Padaryti kojas

Tekstas ir vaizdai © Sandra Trainer

Aš galiu nustatyti užpildo spalvą toje pačioje oranžinės spalvos, kaip antai, paspaudę užpildymo dėžutę, ant snapo. Pasirinkus "Pen" įrankį, "Insect" spalva bus juoda, o juostos "Properties" nustatykite padangos plotimą iki 2.

Tada aš naudosiu "Pen tool", kad sukurtumėte taškus, kurie suformuos formą, panašią į kalakuto koją. Pasirinkus formą, pasirinksiu Edit> Duplicate. Tada pasirinkite Modify> Transform> Flip Horizontal. Naudodami "Pointer" įrankį, aš pastatysiu kojas, kur jie atrodo geriausiai.

12 iš 20

Sumažinti dydį

Tekstas ir vaizdai © Sandra Trainer

Aš pasirinksiu Select> Select All. Tada spustelėkite skalės įrankį įrankių skydelyje. Bus rodomi ribiniai langeliai su rankenomis , kurias galima perkelti į vidų arba į išorę. Aš paspausiu ant kampo rankenėlę ir perkeliu į vidų, sumažindamas visas, tada paspauskite grįžti.

Su visomis mano figūromis vis dar parinkta, aš naudosiu žymeklio įrankį, kad perkeltų kalakutieną į vietą. Noriu, kad jis būtų sutelktas žemyn ant drobės.

13 iš 20

Padarykite uodegos plunksną

Tekstas ir vaizdai © Sandra Trainer

Naudodamas įrankį "Ellipse", spustelėkite ir vilkite, kad sudarytumėte ilgą ovalo formą. Tada pasirinkite Redaguoti> Dublikatas. Dar kartą dubliuosiu ovalo formą, kol aš turiu iš viso penkis ovalus.

14 iš 20

Pakeiskite spalvą

Tekstas ir vaizdai © Sandra Trainer

Pasirinkus vieną iš pasirinktų ovalų, spustelėkite langelį "Fill" ir pasirinkite kitą spalvą. Aš tai padarysiu dar trimis ovaliais, pasirinkdamas kiekvieną kitą spalvą.

15 iš 20

Perkelti ovalus

Tekstas ir vaizdai © Sandra Trainer

Naudodami įrankį "Pointer", spustelėkite ir vilkite penkis ovalus, kad pasirinktumėte juos visus. Tada pasirinkite Modify> Arrange> Send to Back. Dėl to uodegos plunksnos atsiliks nuo kalakutienos, kai jas perkelsiu į vietą.

Aš spragtelėsiu nuo ovalų, kad panaikintų jų pasirinkimą, tada vienu metu spustelėkite vieną ovalo formą ir vilkite juos atskirai, kur jie sėdi greta vienas kito ir iš dalies už kalakuto.

Naudodami "Smart Guides" galite padëti vienodai padëti tarpusavyje esanèius ovalus. Jei nematote protingų vadovų darbe, pasirinkite "Peržiūrėti"> "Smart Guides"> "Rodyti garsius".

16 iš 20

Pasukti ovalus

Tekstas ir vaizdai © Sandra Trainer

Noriu pasukti ovalus ir juos perkelti. Norėdami tai padaryti, aš pasirinksiu jį ir pasirinksiu Modify> Transform> Free Transform. Tada spustelėkite ir vilkite mano žymeklį tiesiai už ribojimo dėžutės, kad šiek tiek pasuktumėte ovalo formą. Naudodamas "Pointer" įrankį, aš pastatysiu ovalo formą, kur manau, kad tai atrodo geriausiai.

Likusius ovalus aš sukiuosi tokiu pačiu būdu ir pastatydamas juos į vietą; paskirstyti juos tolygiai.

17 iš 20

Išsaugoti ir išsaugoti kaip

Tekstas ir vaizdai © Sandra Trainer

žiūrėdamas į mano vaizdą, matau, kad ant drobės kalakutas yra per mažas, todėl aš pasirinksiu Select> Select All, tada naudokite įrankį "Pointer", kad kalakutiena būtų dedama į drobės vidurį. Kai aš džiaugiuosi, kaip tai atrodo, pasirinksiu failą> Išsaugoti.

Tada aš spragtelėsiu ant uodegos plunksnų, kad ją parinkčiau, tada užpildykite dėžutę ir pasirinkite kitą spalvą. Aš tai padarysiu kiekvienai uodeginei plunksnai, tada pasirinkite "Failas"> "Išsaugoti kaip". Aš pervadinu failą turkey2 su png plėtiniu ir spustelėkite Išsaugoti.

18 iš 20

Konvertuoti į simbolį

Tekstas ir vaizdai © Sandra Trainer

Pasirinkite File> Open, pereikite prie mano turkey.png failo ir spustelėkite Open. Aš paspausiu ant turkey.png skirtuko viršuje ir pasirinkite Select> Select All. Tada pasirinkite Modify> Convert> Convert to Symbol. Aš jį pavadinsiu simboliu 1, pasirinkite tipą "Grafikas", tada spustelėkite Gerai.

Aš spustelėkite skirtuką turkey2.png ir atlikite tą patį, tik šį 2 simbolį pavadinsiu.

19 iš 20

Sukurti naują valstybę

Tekstas ir vaizdai © Sandra Trainer

Aš spragtelėsiu atgal į turkey.png skirtuką. Jei "My States" skydas nematomas, galiu pasirinkti "Window> States". Valstybių skydo apačioje spustelėkite mygtuką Naujos dubliuojančios valstybės.

Paspaudus pirmąją būseną, kad ją parinktumėte, aš matau, kad ji turi simbolį. Kai spustelėju antrą būseną, aš matau, kad tai tuščia. Norėdami pridėti simbolį į šią tuščią būseną, pasirinkite File> Import> navigate my turkey2.png failą, spustelėkite Open, tada Open again. Tada spustelėkite viršutiniame dešiniajame drobės kampe esantį failą teisingoje pozicijoje. Dabar, kai paspaudžiu tarp pirmosios ir antrosios būsenos, aš matau, kad abu laikyti atvaizdus. Aš taip pat galiu paspausti paleidimo / sustabdymo mygtuką lango apačioje, kad galėtumėte peržiūrėti animaciją.

Jei man nepatinka animacijos greitis, galiu dukart spustelėti numerius kiekvienos valstybės dešinėje, kad atliktumėte pakeitimus. Kuo didesnis skaičius, tuo ilgesnis yra trukmės laikas.

20 iš 20

Išsaugoti animuotą GIF

Tekstas ir vaizdai © Sandra Trainer

Pasirinkite File> Save As, pervardykite failą, pasirinkite Animuoti GIF (* .gif), tada spustelėkite Save.

Jei norite atidaryti ir žaisti Animacijos GIF naršyklėje, paleisiu naršyklę ir pasirinkite "Failas"> "Atidaryti" arba "Atidaryti failą". Aš pereisiu prie mano išsaugoto animacinio GIF failo, pasirinkite jį, spustelėkite Atidaryti ir mėgaukitės animacija.

Susijęs:
Animacinių GIF optimizavimas
• Laukinės Turkijos profilis
• Padėkos Turkijos istorija
• Laukiausi kalakutijai, kuriuos kada nors matėte