V tomto tutoriále sa naučíte používať program Fireworks CS6 na vytvorenie animovaného GIF z morky s chvostom peria, ktoré menia farbu. Ak chcete začať, musíte vytvoriť ilustráciu a duplikovať ju. Potom vykonáte zmeny na jednej ilustrácii, premeniť ich na symboly, vytvoriť druhý štát a zobraziť ukážku animácie. Nakoniec potom zmeníte čas trvania oboch stavov, uložte súbor ako animovaný GIF a zobrazte ho vo svojom prehliadači.
Turecko animovaný GIF v ohňostrojoch
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.
Je dôležité poznamenať, že spoločnosť Adobe už neposkytuje 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.
02 z 20Vytvorte nový dokument
Najprv vytvoríte nový dokument výberom Súbor> Nový. Nastavte šírku a výšku 400 x 400 pixelov a rozlíšenie 72 pixelov na palec. Zvoľte biele pre farbu plátna a kliknite na tlačidlo OK.
Potom vyberte Súbor> Uložiť, pomenujte súbor moriak s príponou png vyberte miesto, kde chcete uložiť, a kliknite na tlačidlo Uložiť.
03 z 20Nakreslite kruh
Na paneli Nástroje kliknite na pole farieb Stroke a vyberte čiernu farbu, potom na farebnom poli Vyplniť a vyberte hnedú vzorku alebo zadajte pole s hodnotou Hex číslo # 8C4600.
Na paneli Vlastnosti urobte šírku zdvihu 2 pixely. Potom v paneli Nástroje vyberte nástroj Ellipse, ktorý nájdete kliknutím na malú šípku vedľa nástroja Obdĺžnik alebo iných nástrojov s viditeľným tvarom. Kým stlačíte kláves Shift, kliknutím a posunutím vytvoríte veľký kruh. (Pomocou posunu sa zaistí, že kruh bude úplne zaoblený.)
04 z 20Nakresliť iný kruh
Opätovne podržte kláves Shift pri kreslení iného kruhu s úmyslom, že tento kruh bude menší ako posledný.
Pomocou nástroja Ukazovateľ kliknite na malú kružnicu a presuňte ju na miesto. Chcete, aby sa prekrývala horná časť veľkého kruhu, ako je znázornené.
05 z 20Nakreslite zaoblený obdĺžnik
Pomocou nástroja Zaoblený obdĺžnik nakreslite obdĺžnik. S nástrojom ukazovateľa ho presuňte na miesto. Chcete, aby bolo vystredené a mierne prekrýva dno malého kruhu.
06 z 20Kombinovať cesty
Podržte kláves Shift pri kliknutí na malý kruh a potom na zaoblený obdĺžnik. Tým sa vyberú oba tvary. Potom vyberte Modifikovať, kombinovať cesty> Únie.
07 z 20Zmeniť farbu
Na paneli Nástroje kliknite na políčko Naplnenie a vyberte krémový vzor alebo do poľa Hex hodnota zadajte # FFCC99 a potom stlačte tlačidlo návratu.
08 z 20Vykonajte oči
Môžete nakresliť dve malé kruhy, aby ste vytvorili oči, ale namiesto toho použite nástroj typu na to. Kliknite na nástroj Typ v paneli Nástroje a potom na plátne. V inšpektori vlastníctva vyberte písmo Arial Regular, veľkosť 72 a zmenu farby na čiernu. Podržte stlačené klávesy Alt alebo Možnosti, keď stlačíte tlačidlo s číslom 8, čím sa vytvorí stĺpec. Potom stlačte medzerník pred vytvorením ďalšej guľky.
09 z 20Make the Beak
Na paneli Nástroje kliknite na nástroj Polygon. Na paneli Vlastnosti vyberte oranžovú vzorku pre vyplnenie alebo zadajte do poľa Hex value hodnotu # FF9933. Aj na paneli Vlastnosti urobte zdvih čierny so šírkou 1.
Potom vyberte Okno> Vlastnosti automatického tvaru, Kliknite na tvar polygonu a označte, že chcete, aby boli body a strany 3 a polomer 180 °. Ak chcete, aby bol trojuholník menší, do poľa Hodnota vonkajšieho polomeru zadajte hodnotu 20. Toto číslo závisí od veľkosti trojuholníka. Potom stlačte návrat.
Pomocou nástroja Ukazovateľ kliknite na trojuholník a presuňte ho tam, kde si myslíte, že by mal sedieť na zobáku.
10 z 20Vytvorte Snood
Červená vec, ktorá visí z morčacieho zobáka, sa nazýva Snood. Ak chcete vytvoriť jeden, použijete pero nástroj.
Po výbere nástroja pero v paneli Nástroje kliknite na pole Naplnenie a vyberte červený vzor alebo zadajte do poľa Hex hodnota # FF0000 a potom stlačte tlačidlo návratu.
Pomocou nástroja pero kliknite na vytvorenie bodov, ktoré tvoria cestu a niekedy kliknutím a ťahaním vytvoríte zaokrúhlenú cestu. Keď sa posledný bod spojí s prvým bodom, vytvoríte si tvar, ktorý vyzerá ako krémové telo.
11 z 20Make nohy
Môžete nastaviť farbu Vyplniť na rovnakú Orange ako zobák kliknutím na pole Vyplniť potom na zobák. S vybratým nástrojom pero urobte farbu čiernej farby a nastavte šírku zdvihu na hodnotu 2 v paneli Vlastnosti.
Následne použite nástroj Pero na vytvorenie bodov, ktoré tvoria tvar, ktorý pripomína morku. Pri zvolenom tvare vyberte Upraviť> Duplikovať, Potom vyberte Upraviť> Transformovať> Preklopiť horizontálne. Pomocou nástroja Ukazovateľ umiestnite nohy tam, kde vyzerajú najlepšie.
12 z 20Zmenšiť veľkosť
zvoliť Vyberte položku> Vybrať všetko.Potom kliknite 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. Kliknite na rohový držiak a presuňte ho smerom dovnútra, čím sa celá zmenší, potom stlačte návrat.
So všetkými tvarmi, ktoré ste ešte vybrali, použite nástroj ukazovateľa, aby ste posunuli morku na miesto. Chcete, aby bolo stredovo nízke na plátne.
13 z 20Vytvorte chvostové perie
Pomocou nástroja Ellipse kliknite a pretiahnite, čím vytvoríte dlhý ovál. Potom vyberte Upraviť> Duplikovať, Duplicitne budete ovál opakovane, kým nebudete mať celkovo päť oválov.
14 z 20Zmeňte farbu
S jedným z vybraných oválov kliknite na pole Naplnenie a vyberte inú farbu. Vykonajte to s troma ďalšími oválmi, pri ktorých si vyberiete inú farbu.
15 z 20Presuňte Ovály
Pomocou nástroja Ukazovateľ kliknite a presuňte päť oválov a vyberte ich všetky. Potom vyberte Upraviť> Usporiadať> Odoslať späť, To spôsobí, že chvostové perie spadnú za morku, keď ich presuniete na miesto.
Kliknite na tlačidlo od ovalov, aby ste ich zrušili, potom kliknite na jeden ovál naraz a pretiahnite ich oddelene tam, kde budú sedieť vedľa seba a čiastočne za moriakmi.
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, vyberte Zobraziť> Smart Guides> Zobraziť inteligentných sprievodcov.
16 z 20Otočte okuliare
Budete chcieť otočiť ovály a premiestniť ich. Ak to chcete urobiť, vyberte ju a vyberte Upraviť> Transformovať> Voľná transformácia, Potom kliknite a presuňte kurzor hneď za ohraničením, aby ste mierne otočili ovál. Pomocou nástroja Ukazovateľ umiestnite oválny bod tam, kde si myslíte, že to najlepšie vyzerá.
Otočte zostávajúce ovály rovnakým spôsobom a umiestnite ich na miesto; rovnomerným rozdelením.
17 z 20Uložiť a uložiť ako
Keď sa pozriete na svoj obraz, uvidíte, že Turecko je na plátne príliš nízke, takže si vyberajte Vyberte položku> Vybrať všetko, potom použite nástroj Ukazovateľ na umiestnenie kurčiat do stredu plátna. Keď ste spokojní s tým, ako to vyzerá, vyberte Súbor> Uložiť.
Potom kliknite na chvostové perie a potom na políčko Plnenie a vyberte inú farbu. Urobte to pre každé chvostové perie, potom vyberte Súbor> Uložiť ako, Premenujte súbor, Turecko2 s príponou png a kliknite na tlačidlo Uložiť.
18 z 20Previesť na symbol
zvoliť Súbor> Otvoriť, prejdite do súboru turkey.png a kliknite na Otvoriť. Kliknite na kartu turkey.png v hornej časti a vyberte Vyberte položku> Vybrať všetko, Potom si vyberiete Upraviť> Konvertovať> Konvertovať na symbol, Označte ho symbolom 1, zvoľte Graphic for the Type (Typ grafiky) a potom kliknite na tlačidlo OK.
Kliknite na kartu turkey2.png a urobte to isté, iba tento názov označte 2.
19 z 20Vytvorte nový štát
Kliknite späť na kartu turkey.png. Ak nie je viditeľný štátny panel, môžete si vybrať Okno> Štáty, V dolnej časti panelu štátov kliknite na tlačidlo Nové duplicitné stavy.
Keď kliknete na prvý stav a vyberiete to, uvidíte, že obsahuje symbol. Keď kliknete na druhý štát, uvidíte, že je prázdny. Ak chcete do tohto prázdneho stavu pridať symbol, vyberte položku Súbor> Importovať> navigovať do vášho súboru turkey2.png kliknite na položku Otvoriť a potom opäť na položku Otvoriť. Potom kliknite na pravý horný roh plátna a umiestnite ho do správnej polohy. Teraz, keď kliknete medzi prvým a druhým stavom, uvidíte, že obidva obrázky sú podržané. Môžete tiež stlačiť tlačidlo Prehrať / Zastaviť v spodnej časti okna a zobraziť ukážku animácie.
Ak sa vám nepáči rýchlosť animácie, môžete 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 20Uložiť animovaný GIF
Nakoniec, vyberte Súbor> Uložiť ako, premenujte súbor, zvoľte Animovaný GIF (* .gif) a potom kliknite na tlačidlo Uložiť.
Ak chcete otvoriť a prehrať animáciu GIF vo svojom prehliadači, spustite prehliadač a vyberte Súbor> Otvoriť alebo Otvoriť súbor. Prejdite do uloženého animovaného súboru GIF, vyberte ho, kliknite na položku Otvoriť a užite si plody svojej práce!
Aktualizoval Tom Green
