GIMP animirani GIF vadnica

Kako ustvariti animirani GIF z GIMP

GIMP je izredno močan kos programske opreme, glede na to, da je brezplačen. Spletni oblikovalci so lahko zlasti hvaležni za njegovo sposobnost izdelave preprostih animiranih GIF.

Animirani GIF-ji so preproste animacije, ki jih boste videli na številnih spletnih straneh in, medtem ko so precej manj razvite kot animacije Flash , jih je preprosto izdelati vsakdo s temeljnim razumevanjem GIMP-a.

Naslednji koraki kažejo preprosto animacijo z velikimi spletnimi pasicami z uporabo nekaj osnovnih grafik, besedila in logotipa.

01 od 09

Odpri nov dokument

V tem primeru bom GIMP uporabil za izdelavo zelo osnovne animirane GIF spletne pasice. Izbrana je bila prednastavljena spletna oznaka spletne strani 468x60 . Za vašo animacijo lahko izberete prednastavljeno velikost ali nastavite dimenzije po meri, odvisno od tega, kako boste uporabili svojo končno animacijo.

Moja animacija bo sestavljena iz sedmih okvirjev in vsak okvir bo predstavljen s posameznim slojem, kar pomeni, da bo moja končna datoteka GIMP imela sedem slojev, vključno z ozadjem.

02 od 09

Nastavite okvir 1

Želim, da se moja animacija začne s praznim prostorom, zato ne bom naredil nobene spremembe v dejanski ozadju, ki je že običajni beli.

Vendar moram spremeniti ime plasti v paleti Layers . Z desno miškino tipko kliknite plast Ozadje v paleti in izberite Edit Layer Attributes . V pogovornem oknu Edit Layer Attributes, ki se odpre, dodam (250ms) do konca imena sloja. To nastavi čas, ki ga bo ta okvir prikazal v animaciji. Ms stoji za milisekunde in vsaka milisekunda je tisočina sekunde. Ta prvi okvir bo prikazan za četrtino sekunde.

03 od 09

Nastavite okvir dva

Želim uporabiti grafiko za to sliko, zato pojdim na File > Open as Layers in izberite mojo grafično datoteko. To postavlja odtis na nov sloj, ki ga lahko nastavim po potrebi z orodjem Move . Kot pri ozadju, moram preimenovati sloj, da določim čas prikaza za okvir. V tem primeru sem izbral 750ms.

Opomba: v paleti Layers je prikaz novega sloja prikazan črno ozadje okrog grafike, v resnici pa je to območje pregledno.

04 od 09

Nastavite okvirje tri, štiri in pet

Naslednji trije okviri so več sledi, ki bodo hodili čez banner. Ti so vstavljeni na enak način kot okvir dva, z uporabo iste grafike in druge grafike za drugo stopalo. Kot prej je čas določen kot 750ms za vsak okvir.

Vsak od slikovnih odtenkov potrebuje belo ozadje, tako da je le en okvir vedno viden - trenutno ima vsak pregleden ozadje. To lahko naredim tako, da ustvarite novo plast takoj pod plastjo odtisa, tako, da nov sloj napolnite z belim, nato pa z desnim klikom na plast sledi in kliknete Merge Down .

05 od 09

Nastavite okvir šest

Ta okvir je samo prazen okvir, napolnjen z belo barvo, ki bo prikazal končni odtis odtisa, preden se prikaže končni okvir. Sem navedel ta interval sloja in se odločil, da bo ta prikazal samo 250ms. Ni vam treba imenovati slojev, vendar lahko s slojnimi datotekami olajša delo.

06 od 09

Set Frame Seven

To je končni okvir in prikazuje nekaj besedila skupaj z logotipom About.com. Prvi korak je dodati še eno plast z belim ozadjem.

Nato z orodjem za besedilo dodam besedilo. To se uporablja za novo plast, vendar se bom z njimi ukvarjal, ko bom dodal logotip, ki ga lahko storim na enak način, kot sem jo prej dodal grafiko s sledmi. Ko sem jih uredil po želji, lahko uporabim Merge Down, da združim logotip in besedilne plasti, nato pa združite ta sloj z belim slojem, ki je bil dodan prej. To proizvaja en sam sloj, ki bo oblikoval končni okvir, zato sem se odločil, da to prikažem za 4000ms.

07 od 09

Predogled animacije

Preden shranite animirani GIF, ima GIMP možnost predogleda v dejanju tako, da gre v Filtri > Animacija > Predvajanje . S tem se odpre pogovorno okno za predogled s samouvajalnimi gumbi za predvajanje animacije.

Če nekaj ne izgleda pravilno, se lahko na tej točki spremeni. V nasprotnem primeru ga lahko shranite kot animirani GIF.

Opomba: Zaporedje animacije je nastavljeno po vrstnem redu, da so sloji zloženi v paleto Layers , začenši z ozadja ali najnižjega sloja in delujoč navzgor. Če se vaša animacija izvodi iz zaporedja, boste morali prilagoditi vrstni red plasti, tako da kliknete na plast, da izberete in uporabite puščice navzgor in navzdol v spodnji vrstici palete Layers, da spremenite svoj položaj.

08 od 09

Shrani Animirani GIF

Shranjevanje animiranega GIF-a je zelo enostavna vaja. Najprej pojdite na Datoteka > Shrani kopijo in dajte datoteki ustrezno ime in izberite, kam želite shraniti datoteko. Pred pritiskom na Shrani kliknite na Izberi vrsto datoteke (z razširitvijo) proti spodnjemu levi in ​​s seznama, ki se odpre, izberite GIF sliko . V pogovornem oknu Export File, ki se odpre, kliknite gumb Shrani kot animacijo in kliknite gumb Izvozi . Če dobite opozorilo o plasti, ki segajo čez dejanske meje slike, kliknite gumb Obreži .

To bo zdaj vodilo do pogovornega okna Shrani kot GIF z razdelkom Animated GIF Options . To lahko pustite pri privzetih nastavitvah, čeprav želite, da se animacija igra samo enkrat, počistite Loop za vedno .

09 od 09

Zaključek

Koraki, prikazani tukaj, vam bodo dali osnovna orodja za izdelavo lastnih preprostih animacij, z uporabo različnih grafik in velikosti dokumentov. Čeprav je končni rezultat precej osnovnega v smislu animacije, je to zelo enostaven proces, ki ga lahko doseže vsak, ki ima osnovno znanje o GIMP. Animirani GIF-ji so verjetno že zdaj premierni, vendar z malo razmišljanja in skrbnega načrtovanja se lahko še vedno uporabljajo za učinkovito ustvarjanje učinkovitih animiranih elementov.