Animovaný GIF výukový program

Jak vytvořit animovaný GIF s GIMP

GIMP je pozoruhodně výkonný software, který je zdarma. Weboví návrháři mohou být zejména vděční za svou schopnost vytvářet jednoduché animované GIF.

Animované GIF jsou jednoduché animace, které se zobrazují na mnoha webových stránkách a jsou mnohem méně sofistikované než animace ve formátu Flash , ale jsou velmi jednoduché pro vytváření někoho, kdo má základní znalosti o GIMP.

Následující kroky ukazují jednoduchou animaci s rozměrem webového banneru pomocí několika základních grafiky, nějakého textu a loga.

01 ze dne 09

Otevřete nový dokument

V tomto příkladu budu používat GIMP, aby vytvořil velmi základní animovaný GIF webový banner. Vybrala jsem přednastavenou šablonu webového banneru společného 468x60 . Pro animaci můžete vybrat přednastavenou velikost nebo nastavit vlastní rozměry v závislosti na tom, jak budete používat finální animaci.

Má animace se skládá ze sedmi snímků a každý snímek bude reprezentován samostatnou vrstvou, což znamená, že můj poslední soubor GIMP bude mít sedm vrstev včetně pozadí.

02 ze dne 09

Nastavte rámec první

Chci, aby moje animace začala prázdným prostorem, takže nemohu provádět žádné změny skutečné vrstvy pozadí, která je již obyčejně bílá.

V paletě Vrstvy však potřebuji změnit název vrstvy . Pravým tlačítkem klikněte na vrstvu pozadí v paletě a vyberte Upravit atributy vrstvy . V dialogovém okně Upravit atributy vrstvy, které se otevře, přidám (250ms) na konec názvu vrstvy. Tímto nastavíte dobu, po kterou bude tento rámeček zobrazen v animaci. Ms znamená milisekundy a každá milisekunda je tisíciny sekundy. Tento první snímek se zobrazí za čtvrtinu sekundy.

03 ze dne 09

Nastavte druhý snímek

Chci použít grafiku pro tento snímek, takže jdu do Soubor > Otevřít jako vrstvy a vybrat můj grafický soubor. Tím se položí stopu na novou vrstvu, kterou můžu pomocí nástroje Move Move umístit podle potřeby. Stejně jako u vrstvy pozadí potřebuji pro přejmenování vrstvy přiřadit čas zobrazení snímku. V tomto případě jsem zvolil 750ms.

Poznámka: V paletě Vrstvy se v náhledu nové vrstvy objeví černé pozadí kolem grafiky, ale ve skutečnosti je tato oblast průhledná.

04 ze dne 09

Nastavte rámečky tři, čtyři a pět

Další tři snímky mají více stop, které projdou přes banner. Ty se vkládají stejným způsobem jako druhý snímek, používají stejnou grafiku a další grafiku pro druhou nohu. Stejně jako před nastavením času je 750 ms pro každý snímek.

Každá vrstva stopy potřebuje bílé pozadí, takže je vždy vidět pouze jeden snímek - v současnosti má každý z nich průhledné pozadí. Můžu to udělat vytvořením nové vrstvy bezprostředně pod vrstvou stopy, vyplněním nové vrstvy bílou a následným kliknutím pravým tlačítkem na vrstvu stopy a klepnutím na tlačítko Sloučit dolů .

05 ze dne 09

Nastavte rámec šest

Tento snímek je pouze prázdný rámeček naplněný bílou barvou, která bude vypadat, až konečný snímek zmizí před konečným snímkem. Nazval jsem tuto vrstvu Interval a rozhodl jsem se, že tento displej bude mít jen 250 ms. Nemusíte pojmenovat vrstvy, ale můžete s nimi lépe pracovat s vrstvovými soubory.

06 z 09

Nastavte rámec sedm

Toto je poslední snímek a zobrazuje nějaký text společně s logem.co.uk. Prvním krokem je přidat další vrstvu s bílým pozadím.

Dále používám textový nástroj pro přidání textu. To se vztahuje na novou vrstvu, ale budu se jí zabývat, jakmile přidám logo, které můžu udělat stejně, jako jsem přidal grafickou stopu dříve. Když je mám tyto uspořádány podle potřeby, mohu použít funkci Sloučit dolů pro kombinování loga a textových vrstev a sloučení této kombinované vrstvy s bílou vrstvou, která byla dříve přidána. Tím vznikne jediná vrstva, která vytvoří poslední snímek a vybrala jsem to pro zobrazení 4000ms.

07 ze dne 09

Náhled animace

Než uložíte animovaný GIF, GIMP má možnost jej zobrazit v akci tím, že přejde do nabídky Filtry > Animace > Přehrávání . Otevře se dialog pro náhled se samozřejmými tlačítky pro přehrání animace.

Pokud něco nevypadá správně, může být v tomto okamžiku změněno. V opačném případě může být uložen jako animovaný GIF.

Poznámka: Sekvence animace je nastavena v pořadí, ve kterém jsou vrstvy načteny v paletě Vrstvy , začínající od pozadí nebo nejnižší vrstvy a pracující směrem nahoru. Pokud vaše animace přehrává sekvenci, budete muset upravit pořadí vašich vrstev kliknutím na vrstvu a pomocí šipek nahoru a dolů ve spodní liště palety Vrstvy změníte její polohu.

08 z 09

Uložte animovaný GIF

Ukládání animovaného GIF je docela přímočará cvičení. Nejprve přejděte na Soubor > Uložit kopii a pojmenujte soubor příslušným názvem a vyberte, kam chcete soubor uložit. Než stisknete tlačítko Uložit , kliknete na možnost Vybrat typ souboru (podle rozšíření) směrem doleva a v seznamu, který se otevře, vyberte obrázek GIF . V dialogovém okně Exportovat soubor, který se otevře, klepněte na přepínač Uložit jako animaci a klepněte na tlačítko Exportovat . Pokud dostanete varování o vrstvách přesahujících hranice aktuálního okraje obrázku, klepněte na tlačítko Oříznout .

To nyní vede k dialogu Uložit jako GIF se sekcí Animovaných možností GIF . Můžete je nechat na výchozích hodnotách, i když chcete, aby animace hrála pouze jednou, měli byste zrušit zaškrtnutí Loop forever .

09 z 09

Závěr

Zde uvedené kroky vám poskytnou základní nástroje pro vytváření vlastních jednoduchých animací s použitím různých velikostí grafiky a dokumentů. Zatímco konečný výsledek je z hlediska animace zcela zásadní, je to velmi snadný proces, který může každý, kdo má základní znalosti GIMP, dosáhnout. Animované GIFy jsou pravděpodobně za svou špičku, nicméně s trochou myšlení a pečlivého plánování mohou být stále ještě používány k výrobě efektivních animovaných prvků velmi rychle.