GIMP je pozoruhodne výkonný softvér na to, že je zadarmo. Najmä weboví dizajnéri môžu byť vďační za jeho schopnosť vytvárať jednoduché animované GIFy.
Animované GIFy sú jednoduché animácie, ktoré uvidíte na mnohých webových stránkach, a hoci sú oveľa menej sofistikované ako animácie Flash, je veľmi jednoduché ich vyrobiť ktokoľvek so základnými znalosťami GIMPu.
Ako vytvoriť animovaný-g.webp" />
Nasledujúce kroky zobrazujú jednoduchú animáciu veľkosti webového bannera s niekoľkými základnými grafikami, textom a logom.
Pokyny v tomto článku platia pre GIMP verziu 2.10.12.
-
Otvorte nový dokument. V tomto príklade sme vybrali prednastavenú šablónu Webový banner veľký mobilný 320x100.
Pre svoju animáciu si môžete vybrať prednastavenú veľkosť alebo nastaviť vlastné rozmery v závislosti od toho, ako budete finálnu animáciu používať.
Pre tento tutoriál bude animácia pozostávať zo siedmich snímok a každý snímok bude reprezentovaný samostatnou vrstvou, čo znamená, že konečný súbor GIMP bude mať sedem vrstiev vrátane pozadia.
-
Nastavte prvú snímku. Animácia sa spustí s prázdnym priestorom, takže nie sú potrebné žiadne zmeny v skutočnej vrstve Background, pretože je už obyčajne biela.
Je však potrebná zmena názvu vrstvy v palete Layers. Kliknite pravým tlačidlom myši na vrstvu Background v palete a vyberte Upraviť atribúty vrstvy.
Image -
V dialógovom okne Upraviť atribúty vrstvy, ktoré sa otvorí, pridajte na koniec názvu vrstvy (250 ms). Toto nastavuje čas, počas ktorého sa bude tento rámec zobrazovať v animácii. ms znamená milisekúnd a každá milisekunda je tisícina sekundy. Táto prvá snímka sa zobrazí na štvrť sekundy.
Image -
Nastavte druhú snímku. Pre tutoriál sa pre tento rám používa grafika stopy. Prejdite na File > Otvoriť ako vrstvy a vyberte grafický súbor. Toto umiestni pôdorys na novú vrstvu, ktorú možno umiestniť podľa potreby pomocou Nástroja na presun.
Image -
Tak ako pri vrstve pozadia, aj túto novú vrstvu je potrebné premenovať, aby sa snímke priradil čas zobrazenia. V tomto prípade 750 ms.
V palete Layers sa zdá, že náhľad novej vrstvy zobrazuje okolo grafiky čierne pozadie, ale v skutočnosti je táto oblasť priehľadná.
Image -
Nastavte snímky tri, štyri a päť. Ďalšie tri snímky sú ďalšie stopy, ktoré prejdú cez banner. Tie sa vkladajú rovnakým spôsobom ako rám dva, pričom sa používa rovnaká grafika a ďalšia grafika pre druhú nohu. Rovnako ako predtým je čas nastavený na 750 ms pre každú snímku.
Každá vrstva footprintu potrebuje biele pozadie, aby bol vždy viditeľný iba jeden rám – v súčasnosti má každá z nich priehľadné pozadie. Môžeme to urobiť tak, že vytvoríme novú vrstvu bezprostredne pod vrstvou footprintu, vyplníme novú vrstvu bielou farbou a potom klikneme pravým tlačidlom myši na vrstvu footprintu a klikneme na Merge Down
-
Nastaviť snímku šesť. Tento rám je len prázdny rám vyplnený bielou farbou, ktorý dodá vzhľadu, že konečná stopa zmizne skôr, ako sa objaví konečný rám. Túto vrstvu sme nazvali Interval a rozhodli sme sa, že toto zobrazenie bude trvať iba 250 ms.
Vrstvy nemusíte pomenovať, ale práca s vrstvenými súbormi môže byť jednoduchšia.
Image -
Nastaviť siedmu snímku. Toto je posledný rám a zobrazuje text spolu s logom Lifewire.com. Prvým krokom je pridať ďalšiu vrstvu s bielym pozadím.
Image -
Ďalej pomocou textového nástroja pridajte text. Toto sa aplikuje na novú vrstvu, ale my sa tým budeme zaoberať, keď pridáte logo alebo nový obrázok, čo možno urobiť rovnakým spôsobom, akým bola predtým pridaná grafika footprintu.
Image -
Keď to máme usporiadané podľa želania, môžeme použiť Merge Down na skombinovanie vrstiev loga a textu a potom zlúčiť túto kombinovanú vrstvu s bielou vrstvou, ktorá bola pridaná predtým. Toto vytvorí jednu vrstvu, ktorá bude tvoriť konečný rámec a rozhodli sme sa ju zobraziť na 4000 ms.
Image -
Zobraziť ukážku animácie Pred uložením animovaného-g.webp" />Filtre >Animácia > Prehrávanie Otvorí sa dialógové okno ukážky so samovysvetľujúcimi tlačidlami na prehrávanie animácie. Ak niečo nevyzerá správne, v tomto bode to možno upraviť. V opačnom prípade ho možno uložiť ako animovaný GIF.
Sekvencia animácie je nastavená v poradí, v akom sú vrstvy naskladané na palete Layers, začínajúc od pozadia alebo najnižšej vrstvy a smerom nahor. Ak sa animácia prehráva mimo poradia, budete musieť upraviť poradie vrstiev tak, že kliknete na vrstvu a vyberiete ju a pomocou šípok nahor a nadol v spodnej lište palety Vrstvy zmeníte jej polohu.
Image -
Uložte animovaný GIF. Uloženie animovaného-g.webp" />Súbor > Uložiť kópiu a priraďte súboru relevantný názov a vyberte, kam chcete súbor uložiť.
Image -
Ďalej prejdite na File > Exportovať ako a uložte ho ako animovaný GIF.
Image -
V dialógovom okne Exportovať obrázok, ktoré sa otvorí, vyberte Vyberte typ súboru a prejdite na obrázok GIF, vyberte ho a potom vyberteExport . Ak sa zobrazí upozornenie na vrstvy presahujúce skutočné okraje obrázka, vyberte tlačidlo Crop.
Image -
Toto teraz povedie k dialógu Uložiť ako GIF s sekciou Možnosti animovaného GIF. Môžete ich ponechať na predvolených hodnotách, ak však chcete, aby sa animácia prehrala iba raz, zrušte začiarknutie políčka Opakovať navždy.
Image - Teraz môžete zdieľať svoj animovaný GIF.
Záver
Tu uvedené kroky vám poskytnú základné nástroje na vytváranie vlastných jednoduchých animácií s použitím rôznych grafických prvkov a veľkostí dokumentov. Aj keď je konečný výsledok z hľadiska animácie celkom jednoduchý, je to veľmi jednoduchý proces, ktorý môže dosiahnuť každý so základnými znalosťami GIMPu.
