Vytvořte animovaný GIF v ohňostrojů

01 z 20

Turecko animovaný GIF v ohňostrojů

Text a obrázky © Sandra Trainor

V tomto tutoriálu budu používat aplikaci Fireworks CS6 k vytvoření Animovaného GIF z krůty s ocasním peřím, které mění barvu. Začnu tím, že vytvořím obrázek a duplikuji. Udělám změny v jednom, převede je do symbolů, vytvořím druhý stav a zobrazím náhled animace. Potom změním dobu trvání obou stavů, uložím soubor jako Animovaný GIF a zobrazí ho v mém prohlížeči.

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.

Editory Poznámka:

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í. Typickým příkladem je nedávné oznámení týkající se ředitele, společnosti Shockwave a Contribute.

Aktualizoval Tom Green

02 z 20

Vytvořte nový dokument

Text a obrázky © Sandra Trainor

Nový dokument vytvořím výběrem položky Soubor> Nový. Udělám šířku a výšku 400 x 400 pixelů a rozlišení 72 pixelů na palec. Pro barvu plátna zvolím bílou barvu a klepněte na tlačítko OK.

Dále zvolím Soubor> Uložit, pojmenujte soubor Turecko s příponou png , vyberte, kam ho chci uložit, a klikněte na Uložit.

03 z 20

Nakreslete kruh

Text a obrázky © Sandra Trainor

V panelu Nástroje klikneme na pole barvy Stroke a vybereme černé barvy, poté na políčku Barvy výplně a vybereme hnědý vzorek nebo zadejte pole s hodnotou Hex číslo # 8C4600.

V panelu Vlastnosti udělám šířku zdvihu 2 pixely. Potom na panelu Nástroje vyberte nástroj Ellipse, který lze nalézt kliknutím na malou šipku vedle nástroje Obdélník nebo jiný nástroj viditelného tvaru. Zatímco přidržím klávesu Shift, kliknu a tahu vytvořím velký kruh. Použití posuvu zajišťuje, že kruh bude dokonale kulatý.

04 z 20

Nakreslete jiný kruh

Text a obrázky © Sandra Trainor

Znovu přidržím klávesu směru, když kresbuji jiný kruh, ale chci, aby byl tento kruh menší než poslední.

Pomocí nástroje Pointer kliknu a přetáhím malý kruh na místo. Chci, aby překrývala horní část velkého kruhu, jak je znázorněno.

05 z 20

Nakreslete zaoblený obdélník

Text a obrázky © Sandra Trainor

Pomocí nástroje Zaoblený obdélník vytvořím obdélník. Pomocí nástroje ukazováčku ho přesunu na místo. Chci, aby byla vystředěna a mírně překrývala spodní část malého kruhu.

06 z 20

Kombinovat cesty

Text a obrázky © Sandra Trainor

Podržím klávesu Shift, když kliknu na malý kruh a pak na zaoblený obdélník. Tím se vyberou oba tvary. Potom zvolím Změnit, Kombinovat cesty> Unie.

07 z 20

Změnit barvu

Text a obrázky © Sandra Trainor

V panelu Nástroje kliknu na políčko Výplň a vyberem vzorek smetany, nebo do políčka Hex hodnotu # FFCC99 a pak stiskněte návrat.

08 z 20

Udělejte oči

Text a obrázky © Sandra Trainor

Mohl jsem kreslit dva malé kruhy, abych se podíval na oči, ale místo toho použiji nástroj typu. Klepněte na nástroj Typ v panelu Nástroje a pak na plátno. V inspektoru Vlastnosti zvolím Arial Regular pro písmo, velikost 72 a změní barvu na černou. Podržím klávesu Alt nebo Možnosti, když stisknu klávesu s číslem 8, což udělá kulku. Stisknu mezerník předtím, než udělám další kulku.

09 z 20

Vytvořte zobák

Text a obrázky © Sandra Trainor

V panelu Nástroje kliknu na nástroj tvaru mnohoúhelníků. V panelu Vlastnosti zvolím pomerančový vzorek pro vyplnění nebo typ # FF9933 v poli Hex value. Také v panelu Vlastnosti udělám mrtvici černý se šířkou 1.

Dále zvolím možnost Window> Auto Shape Properties. Klepněte na tvar polygonu, označte, že chci, aby obě body a strany byly 3 a poloměr 180 stupňů. Chcete-li trojúhelník zmenšit, uvedu 20 do pole Hodnota vnějšího poloměru. Číslo závisí na tom, jak velký měl začít trojúhelník. Poté stisknu návrat.

Pomocí nástroje ukazovátko kliknu na trojúhelník a přetáhnu ho tam, kde si myslím, že by měl sedět na zobáku.

10 z 20

Udělej to

Text a obrázky © Sandra Trainor

Červená věc, která visí z turbanového zobáku, se nazývá Snood. Chcete-li vytvořit jednu, použiji nástroj Pen.

Po výběru nástroje Pen v panelu Nástroje kliknu na políčko Naplnění a vyberem červenou vzorkovnici nebo v poli Hex value zadejte # FF0000 a pak stiskněte návrat.

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

11 z 20

Vytvořte nohy

Text a obrázky © Sandra Trainor

Můžu nastavit barvu výplně na stejnou oranžovou barvu jako zobák kliknutím na políčko Naplnění a na zobáku. Při výběru nástroje pero udělám barvu tahu černě a v panelu Vlastnosti nastavím šířku tahu na 2.

Dále použiji nástroj Pen, abych vytvořil body, které tvoří tvar, který se podobá nohavici. S vybraným tvarem zvolím Upravit> Duplikovat. Zvolím možnost Upravit> Transformovat> Převrátit horizontálně. Pomocí nástroje ukazováčku postavím nohy tam, kde vypadají nejlépe.

12 z 20

Snižte velikost

Text a obrázky © Sandra Trainor

Zvolím Zvolit> Vybrat vše. Poté kliknu na nástroj Měřítko v panelu Nástroje. Zobrazí se ohraničovací rámeček s rukojetí, která se mohou pohybovat dovnitř nebo ven. Klepnu na rohovou rukojeť a přemístím ji směrem dovnitř, čímž se celá zmenší, pak tiskněte zpět.

Se všemi tvými tvary, které jsem ještě zvolil, použiji nástroj ukazováčku, abych posunul krocan na místo. Chci, aby byla středem nízké na plátně.

13 z 20

Vytvořte pera z peří

Text a obrázky © Sandra Trainor

Pomocí nástroje Ellipse kliknu a táhnu a vytvořím dlouhý ovál. Potom zvolím Upravit> Duplikovat. Opakuju ovál opakovaně, dokud nemám celkem pět oválů.

14 z 20

Změňte barvu

Text a obrázky © Sandra Trainor

S jedním z vybraných oválů kliknu na pole Vyplnění a zvolím jinou barvu. Udělám to s dalšími třemi ovály a pro každou jinou barvu.

15 z 20

Přesuňte ovály

Text a obrázky © Sandra Trainor

Pomocí nástroje ukazovátko kliknu a přetáhím pět oválů a vyberu je všechny. Poté si zvolím Změnit> Uspořádat> Odeslat zpět. To způsobí, že ocasní peří padnou za morku, když je přesunu na místo.

Odkliknu pryč od oválů, abych je zrušil, pak 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ůtí.

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 v práci, zvolte Zobrazení> Inteligentní průvodci> Zobrazit inteligentní průvodce.

16 z 20

Otočte ovály

Text a obrázky © Sandra Trainor

Chci otáčet ovály a přemístit je. Chcete-li tak učinit, zvolím jednu a zvolím možnost Upravit> Transformovat> Volná transformace. Potom kliknu a přetáhím kurzor těsně za ohraničujícím rámečkem, aby mi lehce otáčel ovál. Pomocí nástroje ukazováčku postavím ovál tam, kde si myslím, že to vypadá nejlépe.

Zbývající ovály otočím stejným způsobem a umístím je na místo; rovnoměrně je distribuovat.

17 z 20

Uložit a uložit jako

Text a obrázky © Sandra Trainor

při pohledu na můj obraz vidím, že turkey je na plátně příliš nízké, takže se rozhodnu pro volbu Select> Select All a pak použiji nástroj ukazováčku k umístění krůt do středu plátna. Když jsem spokojen s tím, jak to vypadá, zvolím Soubor> Uložit.

Dále kliknu na ocasní pero a pak na políčko Vyplnit a zvolím jinou barvu. Udělám to pro každé ocasní pero a pak zvolte Soubor> Uložit jako. Soubor přejmenujte, turkey2 s příponou png a klikněte na tlačítko Uložit.

18 z 20

Převést na symbol

Text a obrázky © Sandra Trainor

Zvolím Soubor> Otevřít, přejděte do souboru turkey.png a klikněte na Otevřít. Kliknu na kartu turkey.png nahoře a kliknu na Zvolit> Vybrat vše. Zvolím možnost Upravit> Převést> Převést na symbol. Já to pojmenuji symbolem 1, zvolím Graphic for the Type a pak klikni na OK.

Klepnu na kartu turkey2.png a udělám to samé, jen jméno tohoto symbolu 2.

19 z 20

Vytvořte nový stát

Text a obrázky © Sandra Trainor

Klepnu zpět na kartu turkey.png. Není-li panel mých států viditelný, můžu zvolit okno> Státy. Ve spodní části panelu států kliknu na tlačítko Nové duplicitní stavy.

Když klepnu na první stav, aby to bylo vybráno, vidím, že obsahuje symbol. Když kliknu na druhý stav, vidím, že je prázdný. Chcete-li přidat tento symbol do prázdného stavu, zvolím Soubor> Import> přejděte 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ž kliknu mezi prvním a druhým stavem, vidím, že oba obrázky drží. Můžu také stisknout tlačítko Play / Stop ve spodní části okna a zobrazit náhled animace.

Pokud se mi nelíbí rychlost animace, mohu dvakrát kliknout na čísla napravo od každého státu, aby bylo možné provést úpravy. Čím je číslo vyšší, tím delší je doba trvání.

20 z 20

Uložit animovaný GIF

Text a obrázky © Sandra Trainor

Zvolím Soubor> Uložit jako, přejmenovat soubor, zvolit Animovaný GIF (* .gif) a potom klepněte na tlačítko Uložit.

Chcete-li otevřít a přehrát animaci GIF v prohlížeči, spustit prohlížeč a zvolit Soubor> Otevřít nebo Otevřít soubor. Přeju do svého uloženého animovaného souboru GIF, vyberte jej, klikněte na Otevřít a využijte animaci.

Příbuzný:
Optimalizace animovaných GIF
• Profil divokého Turecka
• Dějiny dědictví Turecka
• Nejdivočejší krůty, které jste někdy viděli