Ako vytvoriť animovaný obrázok GIF v aplikácii Fireworks

Obsah:

Ako vytvoriť animovaný obrázok GIF v aplikácii Fireworks
Ako vytvoriť animovaný obrázok GIF v aplikácii Fireworks
Anonim

Čo by ste mali vedieť

  • Vytvorte ilustráciu a duplikujte ju. Vykonajte zmeny v jednom, preveďte oba na symboly, vytvorte druhý stav. Ukážka animácie.
  • Zmeňte trvanie oboch stavov, uložte súbor ako animovaný-g.webp" />

V tomto návode sa naučíte používať Fireworks CS6 na vytvorenie animovaného-g.webp

Ako vytvoriť animovaný-g.webp" />

Je dôležité poznamenať, že Adobe už neponúka Fireworks CC ako súčasť Creative Cloud. Ak hľadáte Fireworks, nájdete ho v sekcii Nájsť ďalšie aplikácie v Creative Cloud. Keď spoločnosť Adobe oznámi, že už nebude podporovať alebo aktualizovať aplikácie, môžete predpokladať, že je len otázkou času, kedy aplikácia zmizne.

    Vytvoriť 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. Ako farbu plátna vyberte bielu a kliknite na tlačidlo OK.

    Ďalej vyberte Súbor > Uložiť, pomenujte súbor moriak s príponou png, vyberte, kam ho chcete uložiť, a kliknite na Uložiť.

    Image
    Image

    Nakreslite kruh

    Na paneli Nástroje kliknite na pole Farba ťahu a vyberte čiernu, potom na pole Farba výplne a vyberte hnedú vzorku alebo zadajte do poľa Hodnota hexadecimálneho čísla 8C4600.

    Na paneli Vlastnosti nastavte šírku ťahu na 2 pixely. Potom vyberte nástroj Elipsa na paneli Nástroje, ktorý nájdete kliknutím na malú šípku vedľa nástroja Obdĺžnik alebo iných viditeľných nástrojov tvaru. Podržte stlačený kláves Shift, kliknutím a ťahaním vytvorte veľký kruh. (Pomocou posunu zaistíte, že kruh bude dokonale okrúhly.)

    Image
    Image

    Nakresliť ďalší kruh

    Pri kreslení ďalšieho kruhu podržte stlačený kláves Shift s úmyslom, že tento kruh bude menší ako ten predchádzajúci.

    Pomocou nástroja Ukazovateľ kliknite na malý kruh a potiahnite ho na miesto. Chcete, aby prekrýval hornú časť veľkého kruhu, ako je znázornené.

    Image
    Image

    Nakreslite zaoblený obdĺžnik

    Pomocou nástroja Zaoblený obdĺžnik nakreslite obdĺžnik. Pomocou nástroja Ukazovateľ ho presuňte na miesto. Chcete, aby bol vycentrovaný a mierne prekrýval spodnú časť malého kruhu.

    Image
    Image

    Kombinovať cesty

    Pri kliknutí na malý kruh a potom na zaoblený obdĺžnik podržte kláves Shift. Týmto vyberiete oba tvary. Potom vyberte Upraviť, Kombinovať cesty > Union.

    Image
    Image

    Zmeniť farbu

    Na paneli Nástroje kliknite na pole Výplň a vyberte vzorkovnicu krému alebo do poľa Hexadecimálna hodnota zadajte FFCC99 a stlačte kláves return.

    Image
    Image

    Make the Eyes

    Mohli by ste nakresliť dva malé kruhy, aby ste vytvorili oči, ale namiesto toho na to použite nástroj Typ. Kliknite na nástroj Typ na paneli Nástroje a potom na plátno. V inšpektorovi vlastností vyberte pre písmo Arial Regular, nastavte veľkosť 72 a zmeňte farbu na čiernu. Podržte stlačený kláves„Obrázok“alebo tlačidlo Možnosti a súčasne stláčajte kláves s číslom 8, čím sa vytvorí guľka. Potom pred vytvorením ďalšej odrážky stlačte medzerník. alt="

    Image
    Image

    Make the Beak

    Na paneli Nástroje kliknite na nástroj Tvar mnohouholníka. Na paneli Vlastnosti vyberte oranžovú vzorkovnicu pre výplň alebo do poľa Hexadecimálna hodnota zadajte FF9933. Na paneli Vlastnosti tiež nastavte čierny ťah so šírkou 1.

    Ďalej vyberte Window > Vlastnosti automatického tvaru Kliknite na tvar mnohouholníka a označte, že chcete, aby boli body aj strany 3 a polomer 180 stupňov. Ak chcete trojuholník zmenšiť, zadajte 20 do poľa Hodnota vonkajšieho polomeru. Toto číslo závisí od toho, aký veľký bol trojuholník. Potom stlačte return.

    Pomocou nástroja Ukazovateľ kliknite na trojuholník a presuňte ho na miesto, kde si myslíte, že by mal sedieť na zobáku.

    Image
    Image

    Make the Snood

    Červená vec, ktorá visí zo zobáka moriaka, sa nazýva Snood. Na vytvorenie použijete nástroj Pero.

    Po výbere nástroja Pero na paneli Nástroje kliknite na pole Výplň a vyberte červenú vzorkovnicu alebo do poľa Hexadecimálna hodnota zadajte FF0000 a potom stlačte kláves return.

    Pomocou nástroja Pero vytvorte kliknutím body, ktoré tvoria cestu, a niekedy kliknutím a potiahnutím vytvorte zaoblenú cestu. Keď sa posledný bod spojí s prvým, vytvoríte tvar, ktorý vyzerá ako morka.

    Image
    Image

    Make the Legs

    Farbu výplne môžete nastaviť na rovnakú oranžovú ako zobák kliknutím na pole Výplň a potom na zobák. S vybratým nástrojom Pero nastavte farbu ťahu na čiernu a nastavte šírku ťahu na 2 na paneli Vlastnosti.

    Potom použite nástroj Pero na vytvorenie bodov, ktoré tvoria tvar pripomínajúci morčacie stehno. S vybratým tvarom vyberte Edit > Duplicate Potom zvoľte Upraviť > Transform > Prevrátiť vodorovne Pomocou nástroja Ukazovateľ umiestnite nohy tam, kde vyzerajú najlepšie.

    Image
    Image

    Zmenšiť veľkosť

    Vybrať Vybrať > Vybrať všetko. Potom kliknite na nástroj Mierka na paneli Nástroje. Zobrazí sa ohraničovací rámček s rukoväťami, ktoré je možné posúvať dovnútra alebo von. Kliknite na rohovú rukoväť a posuňte ju dovnútra, čím sa celok zmenší, potom stlačte kláves return.

    Keď sú všetky tvary stále vybraté, pomocou nástroja Ukazovateľ presuňte moriaka na miesto. Chcete ho vycentrovať nízko na plátne.

    Image
    Image

    Make the Tail Feathers

    Pomocou nástroja Elipsa kliknutím a ťahaním vytvorte dlhý ovál. Potom vyberte Upraviť > Duplikovať. Ovál budete duplikovať znova a znova, kým nebudete mať celkom päť oválov.

    Image
    Image

    Zmeniť farbu

    Pri vybratom jednom z oválov kliknite na pole Výplň a vyberte si inú farbu. Urobte to s tromi ďalšími ovály, pričom pre každý vyberte inú farbu.

    Image
    Image

    Posúvajte ovály

    Pomocou nástroja Ukazovateľ kliknite a potiahnite cez päť oválov, aby ste ich vybrali všetky. Potom vyberte Upraviť > Usporiadať > Odoslať dozadu. To spôsobí, že chvostové perá zapadnú za moriakom, keď ich presuniete na miesto.

    Kliknutím preč od oválov ich výber zrušíte, potom kliknite na jeden ovál a presuňte ich oddelene na miesto, kde budú sedieť vedľa seba a čiastočne za moriakom.

    Pomocou inteligentných vodidiel môžete rovnomerne umiestniť ovály, ktoré sú oproti sebe. Ak pri práci nevidíte inteligentných sprievodcov, vyberte Zobraziť > Inteligentných sprievodcov > Zobraziť inteligentných sprievodcov.

    Image
    Image

    Otáčanie oválov

    Budete chcieť otočiť ovály a premiestniť ich. Ak to chcete urobiť, vyberte jednu a vyberte Upraviť > Transformovať > Voľná transformácia Potom kliknite a potiahnite kurzor tesne mimo ohraničovacieho rámčeka, aby sa ovál mierne otočil. Pomocou nástroja Ukazovateľ umiestnite ovál tam, kde si myslíte, že vyzerá najlepšie.

    Otočte zostávajúce ovály rovnakým spôsobom a umiestnite ich na miesto; rozdeľte ich rovnomerne.

    Image
    Image

    Uložiť a uložiť ako

    Pri pohľade na svoj obrázok uvidíte, že moriak je na plátne príliš nízko, takže vyberte Vybrať > Vybrať všetko a potom pomocou nástroja Ukazovateľ umiestnite moriaka v strede plátna. Keď ste spokojní s tým, ako vyzerá, vyberte Súbor > Uložiť.

    Potom kliknite na chvostové pero, aby ste ho vybrali, potom na pole Výplň a vyberte inú farbu. Urobte to pre každé chvostové pero a potom vyberte Súbor > Uložiť ako. Premenujte súbor, turkey2 s príponou png, a kliknite na Uložiť.

    Image
    Image

    Previesť na symbol

    Choose Súbor > Otvoriť, prejdite na svoj súbor turkey-p.webp" />Vybrať > Vybrať všetko Potom vyberiete Upraviť > Previesť > Previesť na symbol Pomenujte to symbol 1, ako typ zvoľte Grafika a kliknite na OK.

    Kliknite na kartu turkey2-p.webp

    Image
    Image

    Vytvoriť nový štát

    Kliknite späť na kartu turkey.png. Ak sa váš panel Štáty nezobrazuje, môžete vybrať Window > States. V spodnej časti panela Štáty kliknite na tlačidlo Nové duplicitné štáty.

    Keď kliknete na prvý štát, aby ste ho vybrali, uvidíte, že obsahuje symbol. Keď kliknete na druhý stav, uvidíte, že je prázdny. Ak chcete do tohto prázdneho stavu pridať symbol, zvoľte Súbor > Importovať > prejdite do svojho súboru turkey2.png, kliknite na Otvoriť a potom znova Otvoriť. Potom kliknite na pravý horný roh plátna a umiestnite súbor na správnu pozíciu. Teraz, keď kliknete medzi prvým a druhým stavom, uvidíte, že oba obsahujú obrázky. 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 stavu a vykonať úpravy. Čím vyššie číslo, tým dlhší čas trvania.

    Image
    Image

    Uložiť animovaný GIF

    Nakoniec zvoľte Súbor > Uložiť ako, premenujte súbor, zvoľte Animovaný-g.webp" />.

    Ak chcete otvoriť a prehrať animovaný-g.webp

    Súbor > Otvoriť alebo Otvoriť súbor. Prejdite na svoj uložený súbor animovaného GIF, vyberte ho a kliknite Otvorte a vychutnajte si plody svojej práce!

    Image
    Image

Odporúča: