Vytvorte animovaný GIF v ohňostrojoch

01 z 20

Turecko animovaný GIF v ohňostrojoch

Text a obrázky © Sandra Trainor

V tomto návode použijem Fireworks CS6 na vytvorenie animovaného GIF z moriek s chvostom peria, ktoré zmenia farbu. Začnem tým, že vytvorím ilustráciu a rozmnožím ju. Urobím zmeny na jedno, premeniť ich na symboly, vytvoriť druhý štát a zobraziť ukážku animácie. Potom zmením čas trvania oboch stavov, uložím súbor ako Animovaný GIF a zobrazím ho v mojom prehliadači.

Aj keď sa v tomto návode používa program Fireworks CS6, mali by ste byť schopní sledovať používanie akejkoľvek najnovšej verzie programu Fireworks alebo Photoshopu.

Editéri Poznámka:

Spoločnosť Adobe už neponúka Fireworks CC ako súčasť Creative Cloud. Ak hľadáte ohňostroj, nájdete ho v sekcii Nájsť ďalšie aplikácie v aplikácii Creative Cloud. Keď spoločnosť Adobe oznámi, že už nebude podporovať ani aktualizovať aplikácie, môžete predpokladať, že je len otázkou času, kedy aplikácia zmizne. Typickým príkladom toho je nedávne oznámenie týkajúce sa riaditeľa, Shockwave a Contribute.

Aktualizoval Tom Green

02 z 20

Vytvorte nový dokument

Text a obrázky © Sandra Trainor

Vytvorím nový dokument výberom File> New. Urobím šírku a výšku 400 x 400 pixelov a rozlíšenie 72 pixelov na palec. Vyberiem biele pre farbu plátna a kliknite na tlačidlo OK.

Ďalej si vyberiem položku Súbor> Uložiť, pomenujte súbor Turecko s príponou png , vyberte miesto, kde ho chcem uložiť, a kliknite na Uložiť.

03 z 20

Nakreslite kruh

Text a obrázky © Sandra Trainor

V paneli Nástroje kliknem na pole farby Stroke a vyberiem čierne, potom na políčko Fill color a vyberiete hnedú vzorku alebo zadajte pole s hodnotou Hex číslo # 8C4600.

V paneli Vlastnosti urobím šírku zdvihu 2 pixely. Potom na paneli Nástroje vyberte nástroj Ellipse, ktorý nájdete kliknutím na malú šípku vedľa nástroja Obdĺžnik alebo iného nástroja s viditeľným tvarom. Keď držíte kláves Shift, kliknem a pretiahnutím vytvoríte veľký kruh. Pomocou posunu sa zabezpečí, že kruh bude dokonale zaoblený.

04 z 20

Nakresliť iný kruh

Text a obrázky © Sandra Trainor

Opäť budem držať klávesu shift, keď nakreslím iný kruh, len chcem, aby bol tento kruh menší ako posledný.

Pomocou nástroja Ukazovateľ kliknite a presuňte malý kruh na miesto. Chcem, aby prekrývala hornú časť veľkého kruhu, ako je znázornené.

05 z 20

Nakreslite zaoblený obdĺžnik

Text a obrázky © Sandra Trainor

Pomocou nástroja Zaokrúhlené obdĺžnik vykresli obdĺžnik. Pomocou nástroja Ukazovateľ ju presunieme na miesto. Chcem, aby bol stred a mierne prekrýval dno malého kruhu.

06 z 20

Kombinovať cesty

Text a obrázky © Sandra Trainor

Udržím kláves Shift, keď kliknem na malý kruh a potom na zaoblený obdĺžnik. Tým sa vyberú oba tvary. Potom sa rozhodnem upraviť, kombinovať cesty> zjednotiť.

07 z 20

Zmeniť farbu

Text a obrázky © Sandra Trainor

Na paneli Nástroje kliknem na pole Naplnenie a vyberím krémovú vzorku alebo do poľa Hex hodnota zadáte # FFCC99 a potom stlačte tlačidlo návratu.

08 z 20

Vykonajte oči

Text a obrázky © Sandra Trainor

Mohol by som nakresliť dve malé kruhy, aby som vytvoril oči, ale namiesto toho použijem nástroj typu. Kliknem na nástroj Typ na paneli Nástroje a potom na plátne. V objekte Vlastník zvolím Arial Regular pre písmo, veľkosť 72 a zmenu farby na čiernu. Podržím stlačené klávesy Alt alebo Možnosti, keď stlačím klávesu s číslom 8, čím sa stane guľka. Stlačím medzerník predtým, než urobím ďalšiu guľku.

09 z 20

Make the Beak

Text a obrázky © Sandra Trainor

Na paneli Nástroje kliknem na nástroj tvaru mnohouholníka. V paneli Vlastnosti si vyberiem oranžovú vzorku pre vyplnenie alebo zadajte do poľa Hex value hodnotu # FF9933. Aj na paneli Vlastnosti urobím tah mäkký so šírkou 1.

Ďalej si vyberiem Window> Auto Shape Properties. Kliknem na tvar mnohouholníka, naznačím, že chcem, aby oba body a strany boli 3 a polomer bol 180 stupňov. Ak chcete, aby bol trojuholník menší, do políčka Hodnota vonkajšieho polomeru zadávam 20. Číslo závisí od veľkosti trojuholníka. Potom stlačím návrat.

Pomocou nástroja ukazovateľa kliknem na trojuholník a potiahnem ho tam, kde si myslím, že by mal sedieť pre zobák.

10 z 20

Vytvorte Snood

Text a obrázky © Sandra Trainor

Červená vec, ktorá visí z morčacieho zobáka, sa nazýva Snood. Ak chcete vytvoriť jeden, budem používať nástroj Pen.

Po výbere nástroja pero v paneli Nástroje kliknem na pole Naplnenie a vyberiem červený vzor alebo napíšte # FF0000 do poľa Hex value a stlačte Return.

Pomocou nástroja Pero kliknem na vytvorenie bodov, ktoré tvoria cestu, a niekedy kliknutím a ťahaním vytvoríte zaokrúhlený chod. Keď sa posledný bod spojí s prvým bodom, vytvorím tvar, ktorý vyzerá ako moriaka.

11 z 20

Make nohy

Text a obrázky © Sandra Trainor

Môžem nastaviť farbu Vyplniť na rovnakú Orange ako zobák kliknutím na pole Vyplniť a potom na zobák. S vybratým nástrojom pero urobím farbu čiernej farby a nastavím šírku zdvihu na 2 na paneli Vlastnosti.

Ďalej použijem nástroj Pen na vytvorenie bodov, ktoré tvoria tvar, ktorý pripomína tureckú nohu. Pri zvolenom tvare sa rozhodnem pre Edit> Duplicate. Potom sa rozhodnem pre Modify> Transform> Flip Horizontal. S nástrojom ukazovateľa postavím nohy tam, kde vyzerajú najlepšie.

12 z 20

Zmenšiť veľkosť

Text a obrázky © Sandra Trainor

Vyberiem možnosť Vybrať> Vybrať všetko. Potom kliknem na nástroj Scale v paneli Nástroje. Zobrazí sa ohraničovací box s rukoväťami, ktoré sa dajú posúvať dovnútra alebo von. Kliknem na rohovú rukoväť a presunie ju dovnútra, čím sa celá zmenší, potom stlačte návrat.

So všetkými tvarmi, ktoré som ešte vybral, použijem nástroj ukazovateľa na presun turkey na miesto. Chcem, aby to bolo nízke na plátne.

13 z 20

Vytvorte chvostové perie

Text a obrázky © Sandra Trainor

Pomocou nástroja Ellipse kliknem a pretiahnem a vytvorím dlhý ovál. Potom sa rozhodnem pre Edit> Duplicate. Opakujem opakovane ovál, kým nebudem mať celkom päť oválov.

14 z 20

Zmeňte farbu

Text a obrázky © Sandra Trainor

Po vybratí jedného z oválov kliknem na pole Plnenie a vyberiem inú farbu. Urobím to s troma ďalšími oválmi a pre každú z nich si vyberiem inú farbu.

15 z 20

Presuňte Ovály

Text a obrázky © Sandra Trainor

Pomocou nástroja Ukazovateľ kliknem a pretiahnem päť oválov a vyberiem ich všetky. Potom vyberiem možnosť Upraviť> Usporiadať> Odoslať späť. To spôsobí, že chvostové perie padnú za morku, keď ich posuniem na miesto.

Odskočím od oválov, aby som ich zrušil, potom kliknite na jeden ovál naraz a pretiahnite ich oddelene tam, kde budú sedieť vedľa seba a čiastočne za morku.

Použitie inteligentných vodítok môže pomôcť rovnomerne umiestniť oválne, ktoré sú proti sebe navzájom. Ak nevidíte inteligentných sprievodcov pri práci, zvoľte Zobraziť> Smart Guides> Zobraziť inteligentných sprievodcov.

16 z 20

Otočte okuliare

Text a obrázky © Sandra Trainor

Chcem otočiť ovály a premiestniť ich. Ak tak urobíte, zvoľim jednu a zvoľte položku Modifikovať> Transformovať> Bezplatná transformácia. Potom kliknite a presuňte kurzor hneď za ohraničením, aby ste mierne otočili ovál. Pomocou nástroja ukazovateľa umiestním ovál na miesto, kde si myslím, že to najlepšie vyzerá.

Obyčajné ovály otočim rovnakým spôsobom a postavím ich na miesto. rovnomerným rozdelením.

17 z 20

Uložiť a uložiť ako

Text a obrázky © Sandra Trainor

pri pohľade na môj obraz vidím, že morka je na plátne príliš nízka, takže si vyberiem Zvoliť> Vybrať všetko a potom pomocou nástroja Ukazovateľ umiestnite morku do stredu plátna. Keď som spokojný s tým, ako to vyzerá, vyberiem Súbor> Uložiť.

Potom kliknem na chvostové perie, aby ste ju vybrali na ploche a zvolili inú farbu. Urobím to pre každé chvostové perie a potom vyberte Súbor> Uložiť ako. Premenujem súbor, turkey2 s príponou png a klikni na tlačidlo Uložiť.

18 z 20

Previesť na symbol

Text a obrázky © Sandra Trainor

Vyberiem Súbor> Otvoriť, prejdite na môj súbor turkey.png a kliknite na Otvoriť. Kliknem na kartu turkey.png v hornej časti a zvolím možnosť Vybrať> Vybrať všetko. Potom sa rozhodnem upraviť> Premeniť> Premeniť na symbol. Poviem mu symbol 1, na grafe vyberiem typ a potom klikni na OK.

Kliknem na záložku turkey2.png a urobím to isté, len to meno jedného symbolu 2.

19 z 20

Vytvorte nový štát

Text a obrázky © Sandra Trainor

Vrátim sa na kartu turkey.png. Ak nie je môj štátny panel viditeľný, môžem vybrať Window> States. V dolnej časti panelu štátov kliknem na tlačidlo Nové duplicitné štáty.

Keď kliknem na prvý stav a vyberiem to, vidím, že má symbol. Keď kliknem na druhý štát, vidím, že je prázdny. Ak chcete do tohto prázdneho stavu pridať symbol, vyberiem položku Súbor> Import> prejdite na môj súbor turkey2.png, kliknite na Otvoriť a opäť na Otvoriť. Potom kliknem na pravý horný roh plátna a položím súbor na správnu pozíciu. Teraz, keď kliknem medzi prvým a druhým stavom, vidím, že obe obrázky drží. Môžem tiež stlačiť tlačidlo Prehrať / Zastaviť v spodnej časti okna a zobraziť ukážku animácie.

Ak sa mi nepáči rýchlosť animácie, môžem dvakrát kliknúť na čísla napravo od každého štátu a vykonať úpravy. Čím vyššie je číslo, tým dlhší čas trvania.

20 z 20

Uložiť animovaný GIF

Text a obrázky © Sandra Trainor

Zvolím Súbor> Uložiť ako, premenovať súbor, vybrať Animovaný GIF (* .gif) a potom kliknite na tlačidlo Uložiť.

Ak chcete otvoriť a prehrať animáciu GIF v mojom prehliadači, spustím prehliadač a zvolím Súbor> Otvoriť alebo Otvoriť súbor. Prejdem na môj uložený animovaný súbor GIF, vyberiem ho, kliknem na tlačidlo Otvoriť a vychutná si animáciu.

súvisiace:
Optimalizácia animovaných GIF
• Profil divokého Turecka
• Deň vďakyvzdania dejín Turecka
• Najdivokejšie morky, ktoré ste niekedy videli