V tomto tutoriálu se naučíte používat aplikaci Fireworks CS6 k vytvoření animovaného GIF tureče s ocasním peřím, které mění barvu. Chcete-li začít, musíte vytvořit ilustraci a duplikovat ji. Pak provedete změny jedné ilustrace, převedete je na symboly, vytvoříte druhý stav a zobrazíte náhled animace. Nakonec změníte délku trvání obou stavů, uložte soubor jako animovaný GIF a zobrazte jej ve svém prohlížeči.
Turecko animovaný GIF v ohňostrojů
Přestože se v tomto výukovém programu používá Fireworks CS6, měli byste být schopni sledovat pomocí jakékoli nejnovější verze Fireworks nebo Photoshopu.
Je důležité si uvědomit, že společnost Adobe už nenabízí Fireworks CC jako součást Creative Cloud. Pokud hledáte ohňostroj, najdete jej v sekci Vyhledat další aplikace ve službě Creative Cloud. Když společnost Adobe oznamuje, že již nebude podporovat ani aktualizovat aplikace, můžete předpokládat, že je jen otázkou času, než aplikace zmizí.
02 z 20Vytvořte nový dokument
Nejprve vytvoříte nový dokument výběrem Soubor> Nový. Zadejte šířku a výšku 400 x 400 pixelů a rozlišení 72 pixelů na palec. Vyberte barvu bílé barvy a klepněte na tlačítko OK.
Dále zvolte Soubor> Uložit, pojmenujte soubor krocan s příponou png vyberte místo, kam chcete uložit, a klikněte na tlačítko Uložit.
03 z 20Nakreslete kruh
V panelu nástrojů klikněte na pole barvy tahu a zvolte černé, pak na poli barvy výplně a vyberte hnědý vzorek nebo zadejte hodnotu #8C4600.
V panelu Vlastnosti proveďte šířku zdvihu 2 pixely. Pak zvolte nástroj Ellipse v panelu Nástroje, který lze nalézt kliknutím na malou šipku vedle nástroje Obdélník nebo jiné nástroje s viditelným tvarem. Zatímco přidržíte klávesu Shift, kliknutím a tažením vytvoříte velký kruh. (Pomocí posunu zajistíte, že kruh bude dokonale kulatý.)
04 z 20Nakreslete jiný kruh
Znovu přidržte klávesu Shift při kreslení dalšího kruhu s úmyslem, že tento kruh bude menší než poslední.
Pomocí nástroje ukazatel klepněte a přetáhněte malý kruh na místo. Chcete, aby se překrývala horní část velkého kruhu, jak je znázorněno.
05 z 20Nakreslete zaoblený obdélník
Pomocí nástroje Zaoblený obdélník nakreslete obdélník. Pomocí nástroje ukazováčku jej přesuňte na místo. Chcete, aby byl střed a mírně překrýval spodní část malého kruhu.
06 z 20Kombinovat cesty
Klepněte na malý kruh a potom na zaoblený obdélník. Tím se vyberou oba tvary. Pak zvolte Upravit, kombinovat cesty> Unie.
07 z 20Změnit barvu
V panelu Nástroje klepněte na políčko Naplnění a vyberte vzorek smetany nebo zadejte do pole Hex hodnota # FFCC99 a pak stiskněte tlačítko návrat.
08 z 20Udělejte oči
Mohli byste nakreslit dva malé kruhy, abyste vytvořili oči, ale místo toho použijte pro tento typ nástroj. Klikněte na nástroj Typ v panelu Nástroje a pak na plátno. V inspektoru Vlastnosti vyberte písmo Arial Regular, velikost 72 a změňte barvu na černou. Podržte klávesu Alt nebo Options, když stisknete tlačítko s číslem 8, čímž uděláte kuličku. Poté stiskněte mezerník předtím, než vytvoříte další kuličku.
09 z 20Vytvořte zobák
V panelu Nástroje klikněte na nástroj tvaru mnohoúhelníku. V panelu Vlastnosti vyberte oranžovou vzorek pro vyplnění nebo zadejte # FF9933 v poli Hodnota hex. Také v panelu Vlastnosti proveďte zdvih černé o šířce 1.
Dále zvolte Okno> Vlastnosti automatického tvaru. Klepněte na tvar polygonu a označte, že chcete mít body a strany 3 a poloměr 180 stupňů. Chcete-li trojúhelník zmenšit, zadejte hodnotu 20 do pole Hodnota vnějšího poloměru. Číslo závisí na tom, jak velký je trojúhelník. Poté stiskněte tlačítko návrat.
Pomocí nástroje ukazatel klikněte na trojúhelník a přetáhněte ho tam, kam si myslíte, že by měl sedět na zobáku.
10 z 20Udělej to
Červená věc, která visí z turbanového zobáku, se nazývá Snood. Chcete-li tak učinit, použijte nástroj Pen.
Po výběru nástroje Pen v panelu Nástroje klepněte na políčko Naplnění a vyberte červenou šablonu nebo zadejte # FF0000 do pole Hex value (Hodnota hexadecimální) a poté stiskněte Return.
Pomocí nástroje Pen můžete klepnutím vytvořit body, které tvoří cestu, a někdy kliknutím a tažením vytvoříte zaokrouhlenou cestu. Když se poslední bod připojí k prvnímu, vytvoříte tvar, který vypadá jako krůtí krk.
11 z 20Vytvořte nohy
Barvu výplně můžete nastavit na stejnou oranžovou barvu jako na zobák kliknutím na políčko Naplnění a na zobáku. Vybraným nástrojem Pero proveďte barvu tahu černě a nastavte šířku tahu na hodnotu 2 v panelu Vlastnosti.
Dále použijte nástroj Pen (Pen) pro vytvoření bodů, které tvoří tvar, který připomíná nohu morky. Vyberte vybraný tvar Upravit> Duplikovat. Pak zvolte Upravit> Transformovat> Překlopit horizontálně. Pomocí nástroje Pointer umístěte nohy tam, kde vypadají nejlépe.
12 z 20Snižte velikost
Vybrat Zvolte možnost> Vybrat vše.Poté klikněte na nástroj Měřítko na panelu Nástroje. Zobrazí se ohraničovací rámeček s rukojetí, která se mohou pohybovat dovnitř nebo ven. Klikněte na rohový držák a přesuňte jej směrem dovnitř, čímž se celá zmenší, pak stiskněte zpět.
Se všemi tvary, které jste ještě zvolili, použijte nástroj ukazovátka pro přesunutí krůty na místo. Chcete, aby byla středem nízké na plátně.
13 z 20Vytvořte pera z peří
Pomocí nástroje Ellipse klepněte a přetáhněte, čímž vytvoříte dlouhý ovál. Pak zvolte Upravit> Duplikovat. Opakujte duplikát oválů, dokud nebudete mít celkem pět oválů.
14 z 20Změňte barvu
Po výběru jednoho z oválů klikněte na pole Naplnění a vyberte jinou barvu. Proveďte to s dalšími třemi ovály, pro každou z nich zvolte jinou barvu.
15 z 20Přesuňte ovály
Pomocí nástroje ukazatel klepněte a přetáhněte přes pět oválů a vyberte je všechny. Pak zvolte Upravit> Uspořádat> Odeslat zpět. To způsobí, že ocasní peří spadnou za krůty, když je přesunete na místo.
Klepnutím od oválu zrušte výběr, poté klikněte na jeden ovál a přetáhněte je odděleně tam, kde budou sedět vedle sebe a částečně za krůty.
Použití inteligentních průvodců může pomoci rovnoměrně umístit ovály, které jsou proti sobě navzájem. Pokud nevidíte inteligentní průvodce při práci, zvolte Zobrazení> Inteligentní průvodci> Zobrazit inteligentní průvodce.
16 z 20Otočte ovály
Budete chtít otočit ovály a přemístit je. Chcete-li tak učinit, vyberte jeden a vyberte Upravit> Transformovat> Volná transformace. Poté klikněte a přetáhněte kurzor těsně mimo ohraničovací rámeček, abyste mírně otočili ovál. Pomocí nástroje Pointer umístěte ovál na místo, kde si myslíte, že to vypadá nejlépe.
Otočte zbývající ovály stejným způsobem a umístěte je na místo; rovnoměrně je distribuovat.
17 z 20Uložit a uložit jako
Při pohledu na váš obrázek uvidíte, že Turecko je na plátně příliš nízké, takže si vyberte Zvolte možnost> Vybrat vše, pak použijte nástroj Pointer pro umístění krůt do středu plátna. Když jste spokojeni s tím, jak vypadá, vyberte Soubor> Uložit.
Poté klikněte na ocasní pero, které chcete vybrat, pak na políčko Vyplnit a vyberte jinou barvu. Dělejte to pro každé ocasní pero, pak zvolte Soubor> Uložit jako. Přejmenujte soubor, turkey2 s příponou png a klikněte na tlačítko Uložit.
18 z 20Převést na symbol
Vybrat Soubor> Otevřít, přejděte do souboru turkey.png a klikněte na Otevřít. Klikněte na kartu turkey.png nahoře a vyberte Zvolte možnost> Vybrat vše. Pak si vyberete Upravit> Převést> Převést na symbol. Označte jej symbolem 1, zvolte Graphic for the Type (Typ grafiky) a klepněte na tlačítko OK.
Klikněte na kartu turkey2.png a udělejte to samé, pouze tento symbol pojmenujte 2.
19 z 20Vytvořte nový stát
Klikněte zpět na kartu turkey.png. Není-li viditelný panel států, můžete si vybrat Okno> Státy. Ve spodní části panelu států klikněte na tlačítko Nové duplicitní stavy.
Když klepnete na první stav, který chcete vybrat, 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 možnost Soubor> Importovat> navigovat do souboru turkey2.png klikněte na Otevřít a znovu na 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ími a druhými stavy, uvidíte, že oba obrázky držíte. Můžete také stisknout tlačítko Přehrát / Zastavit ve spodní části okna a zobrazit náhled animace.
Pokud se vám nelíbí rychlost animace, můžete dvakrát kliknout na čísla napravo od každého státu, abyste provedli úpravy. Čím je číslo vyšší, tím delší je doba trvání.
20 z 20Uložit animovaný GIF
Nakonec zvolte Soubor> Uložit jako, přejmenujte soubor, zvolte animovaný GIF (* .gif) a klepněte na tlačítko Uložit.
Chcete-li otevřít a přehrát animaci GIF ve svém prohlížeči, spusťte prohlížeč a vyberte Soubor> Otevřít nebo Otevřít soubor. Přejděte do uloženého animovaného souboru GIF, vyberte jej, klikněte na Otevřít a užijte si plody své práce!
Aktualizoval Tom Green
