Jak vytvořit animovaný GIF ve Fireworks

V tomto tutoriálu se naučíte používat Ohňostroj CS6 vytvořit animovaný GIF krocana s ocasními pery, které mění barvu. Přestože je v tomto tutoriálu použit Fireworks CS6, měli byste být schopni pokračovat pomocí jakékoli nejnovější verze Fireworks nebo dokonce Photoshopu.

Je důležité si uvědomit, že Adobe již nenabízí Fireworks CC jako součást Kreativní mrak. Pokud hledáte Fireworks, najdete jej v sekci Najít další aplikace v Creative Cloud. Když Adobe oznámí, že již nebude podporovat nebo aktualizovat aplikace, můžete předpokládat, že je jen otázkou času, kdy aplikace zmizí.

  • Vytvořit nový dokument

    Nejprve výběrem vytvoříte nový dokument Soubor > Nový. Nastavte šířku a výšku 400 x 400 pixelů a rozlišení 72 pixelů na palec. Jako barvu plátna zvolte bílou a klepněte na OK.

    Dále vyberte Soubor > Uložit, pojmenujte soubor krocan s png rozšíření, vyberte, kam jej chcete uložit, a klikněte na Uložit.

    Vytvořit nový dokument

    Sandra Trainorová

  • Nakreslete kruh

    V panelu Nástroje klikněte na pole Barva tahu a vyberte černou, poté na pole Barva výplně a vyberte hnědý vzorek nebo zadejte do pole Hodnota hexadecimálního čísla #8C4600.

    Na panelu Vlastnosti nastavte šířku tahu 2 pixelů. Poté vyberte nástroj Elipsa na panelu nástrojů, který najdete kliknutím na malou šipku vedle nástroje Obdélník nebo jiných viditelných nástrojů tvaru. Podržte klávesu Shift, kliknutím a tažením vytvořte velký kruh. (Použití posunu zajistí, že kruh bude dokonale kulatý.)

    Nakreslete kruh

    Sandra Trainorová

  • Nakreslete další kruh

    Opět podržte klávesu Shift při kreslení dalšího kruhu s úmyslem, že tento kruh bude menší než předchozí.

    Pomocí nástroje Ukazatel klikněte a přetáhněte malý kruh na místo. Chcete, aby překrýval horní část velkého kruhu, jak je znázorněno.

    Nakreslete další kruh

    Sandra Trainorová

  • Nakreslete zaoblený obdélník

    Pomocí nástroje Zaoblený obdélník nakreslete obdélník. Pomocí nástroje Ukazatel jej přesuňte na místo. Chcete, aby byl vycentrován a mírně překrýval spodní část malého kruhu.

    Nakreslete zaoblený obdélník

    Sandra Trainorová

  • Kombinujte cesty

    Podržte klávesu Shift a klikněte na malý kruh a poté na zaoblený obdélník. Tím vyberete oba tvary. Pak si vyberte Upravit, kombinovat cesty > svaz.

    Kombinujte cesty

    Sandra Trainorová

  • Změnit barvu

    Na panelu Nástroje klikněte na pole Výplň a vyberte vzorek krému nebo do pole Hexadecimální hodnota zadejte #FFCC99 a stiskněte klávesu Enter.

    Změnit barvu

    Sandra Trainorová

  • Vytvořte oči

    Můžete nakreslit dva malé kruhy, abyste vytvořili oči, ale místo toho k tomu použijte textový nástroj. Klikněte na nástroj Text na panelu nástrojů a poté na plátno. V inspektoru Vlastnosti vyberte jako písmo Arial Regular, nastavte velikost 72 a změňte barvu na černou. Podržte klávesu Alt nebo Options při stisknutí klávesy s číslem 8, čímž se vytvoří kulka. Poté stiskněte mezerník, než uděláte další kulku.

    Vytvořte oči

    Sandra Trainorová

  • Udělej zobák

    Na panelu Nástroje klikněte na nástroj Tvar mnohoúhelníku. Na panelu Vlastnosti vyberte oranžové políčko pro výplň nebo zadejte #FF9933 do pole Hexadecimální hodnota. Také na panelu Vlastnosti nastavte tah černý o šířce 1.

    Dále vyberte Okno > Vlastnosti automatického tvaru. Klikněte na tvar mnohoúhelníku a označte, že chcete, aby body i strany byly 3 a poloměr 180 stupňů. Chcete-li trojúhelník zmenšit, zadejte 20 do pole Hodnota vnějšího poloměru. Toto číslo závisí na tom, jak velký byl trojúhelník, pro začátek. Poté stiskněte return.

    Pomocí nástroje Ukazatel klikněte na trojúhelník a přetáhněte jej na místo, kde si myslíte, že by měl sedět na zobáku.

    Udělej zobák

    Sandra Trainorová

  • Vytvořte Snooda

    Červená věc, která visí z krůtího zobáku, se nazývá Snood. K jeho vytvoření použijete nástroj Pero.

    Po výběru nástroje Pero na panelu nástrojů klikněte na pole Výplň a vyberte červený vzorek nebo do pole Hexadecimální hodnota zadejte #FF0000 a stiskněte return.

    Pomocí nástroje pero vytvořte kliknutím body, které tvoří cestu, a někdy kliknutím a tažením vytvořte zaoblenou cestu. Když se poslední bod spojí s prvním, vytvoříte tvar, který vypadá jako krůtí hřbet.

    Vytvořte Snooda

    Sandra Trainorová

  • Vytvořte nohy

    Barvu výplně můžete nastavit na stejnou oranžovou jako zobák kliknutím na pole Výplň a poté na zobák. S vybraným nástrojem pero nastavte barvu tahu na černou a nastavte šířku tahu na 2 v panelu Vlastnosti.

    Dále pomocí nástroje Pero vytvořte body, které tvoří tvar připomínající krůtí nohu. S vybraným tvarem vyberte Upravit > Duplikát. Pak si vyberte Upravit > Přeměnit > Překlopit vodorovně. Pomocí nástroje Ukazatel umístěte nohy tam, kde vypadají nejlépe.

    Vytvořte nohy

    Sandra Trainorová

  • Zmenšit velikost

    Vybrat Vybrat > Vybrat vše. Poté klikněte na nástroj Měřítko na panelu nástrojů. Zobrazí se ohraničovací rámeček s úchyty, které lze posunout dovnitř nebo ven. Klikněte na rohovou rukojeť a přesuňte ji dovnitř, čímž ji celou zmenšete, a stiskněte return.

    Když jsou všechny tvary stále vybrané, pomocí nástroje Ukazatel přesuňte krůtu na místo. Chcete to vycentrovat nízko na plátně.

    Zmenšit velikost

    Sandra Trainorová

  • Vytvořte ocasní pera

    Pomocí nástroje Elipsa kliknutím a tažením vytvořte dlouhý ovál. Pak si vyberte Upravit > Duplikát. Ovál budete duplikovat znovu a znovu, dokud nebudete mít celkem pět oválů.

    Vytvořte ocasní pera

    Sandra Trainorová

  • Změňte barvu

    S vybraným jedním z oválů klikněte na pole Výplň a vyberte jinou barvu. Udělejte to s dalšími třemi ovály, přičemž pro každý vyberte jinou barvu.

    Změňte barvu

    Sandra Trainorová

  • Pohybujte ovály

    Pomocí nástroje Ukazatel klikněte a přetáhněte přes pět oválů, abyste je všechny vybrali. Pak si vyberte Upravit > Uspořádat > Odeslat dozadu. To způsobí, že ocasní pera zapadnou za krocana, když je přesunete na místo.

    Kliknutím mimo ovály zrušte jejich výběr, poté klikněte na jeden ovál a přetáhněte je samostatně na místo, kde budou sedět vedle sebe a částečně za krůtou.

    Použití inteligentních vodítek může pomoci rovnoměrně umístit ovály, které jsou proti sobě. Pokud nevidíte chytré průvodce při práci, vyberte si Zobrazit > Inteligentní vodítka > Zobrazit inteligentní vodítka.

    Pohybujte ovály

    Sandra Trainorová

  • Otáčet ovály

    Budete chtít otočit ovály a přemístit je. Chcete-li tak učinit, vyberte jednu a vyberte Upravit > Transformovat > Volná transformace. Poté klikněte a přetáhněte kurzor těsně mimo ohraničovací rámeček, aby se ovál mírně otočil. Pomocí nástroje Ukazatel umístěte ovál tam, kde si myslíte, že vypadá nejlépe.

    Otočte zbývající ovály stejným způsobem a umístěte je na místo; rozdělovat je rovnoměrně.

    Otáčet ovály

    Sandra Trainorová

  • Uložit a Uložit jako

    Při pohledu na váš obrázek uvidíte, že krocan je na plátně příliš nízko, tak si vyberte Vyberte > Vybrat vše, poté pomocí nástroje Ukazatel umístěte krůtu do středu plátna. Až budete spokojeni s tím, jak to vypadá, vyberte si Soubor > Uložit.

    Dále klikněte na ocasní pero a vyberte jej, poté na pole Výplň a vyberte jinou barvu. Udělejte to pro každé ocasní pero a poté si vyberte Soubor > Uložit jako. Přejmenujte soubor, krůta 2 s příponou png a klikněte na Uložit.

    Uložit a Uložit jako

    Sandra Trainorová

  • Převést na symbol

    Vybrat Soubor > Otevřít, přejděte do souboru turkey.png a klikněte na Otevřít. Klikněte na na kartě turkey.png nahoře a vyberte si Vyberte > Vybrat vše. Pak si vybereš Upravit > Převést > Převést na symbol. Pojmenujte jej symbol 1, jako Typ zvolte Grafika a klikněte na OK.

    Klikněte na záložku turkey2.png a udělejte to samé, pouze tento jeden symbol pojmenujete 2.

    Převést na symbol

    Sandra Trainorová

  • Vytvořte nový stát

    Klikněte zpět na kartu turkey.png. Pokud váš panel Stavy není viditelný, můžete si vybrat Okno > Stavy. V dolní části panelu Stavy klikněte na tlačítko Nové duplicitní stavy.

    Když kliknete na první stav, abyste jej vybrali, uvidíte, že obsahuje symbol. Když kliknete na druhý stav, uvidíte, že je prázdný. Chcete-li do tohoto prázdného stavu přidat symbol, zvolte Vybrat Soubor > Importovat > navigovat do vašeho souboru turkey2.png, klikněte na Otevřít a poté znovu Otevřít. Poté klikněte na pravý horní roh plátna a umístěte soubor do správné polohy. Nyní, když kliknete mezi prvním a druhým stavem, uvidíte, že oba obsahují obrázky. Pro náhled animace můžete také stisknout tlačítko Přehrát/Zastavit ve spodní části okna.

    Pokud se vám nelíbí rychlost animace, můžete dvakrát kliknout na čísla napravo od každého stavu a provést úpravy. Čím vyšší číslo, tím delší doba trvání.

    Vytvořte nový stát

    Sandra Trainorová

  • Uložit animovaný GIF

    Nakonec si vyberte Soubor > Uložit jako, přejmenujte soubor, vyberte Animovaný GIF (*.gif) a klikněte na Uložit.

    Chcete-li otevřít a přehrát animovaný GIF v prohlížeči, spusťte prohlížeč a vyberte Soubor > Otevřít nebo Otevřít soubor. Přejděte do svého uloženého animovaného souboru GIF, vyberte jej, klikněte na Otevřít a užijte si plody své práce!

    Uložit animovaný GIF

    Sandra Trainorová