Skip to main content

Izdelava animiranega GIF z GIMP

Anonim

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.

Odpri nov dokument

V tem primeru bomo GIMP uporabljali za izdelavo zelo osnovnega animiranega GIF spletnega pasu. Izbrali smo prednastavljeno predlogo Spletni banner običajno 468x60. Za vašo animacijo lahko izberete prednastavljeno velikost ali nastavite dimenzije po meri, odvisno od tega, kako boste uporabili svojo končno animacijo.Naša animacija bo sestavljena iz sedmih okvirjev in vsak okvir bo predstavljen s posameznim slojem, kar pomeni, da bo naša zadnja datoteka GIMP imela sedem slojev, vključno z ozadjem.

Nastavite okvir 1

Želimo, da se naša animacija začne s praznim prostorom, zato ne bomo spremenili dejanskega stanja Ozadje sloj, ki je že povsem bela.Vendar pa moramo spremeniti ime sloja v Plasti paleto. Z desno tipko miške kliknite na Ozadje plast v paleti in izberite Urejanje atributov plasti. V Ljubljani Urejanje atributov plasti dialog, ki se odpre, dodajamo (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.

Nastavite okvir dva

Želimo uporabiti grafiko sledi za ta okvir, tako da gremo Datoteka> Odpri kot plasti in izberite našo grafično datoteko. To postavlja odtis na nov sloj, ki ga lahko postavimo po potrebi z uporabo Premakni orodje. Tako kot pri ozadju, moramo preimenovati sloj, da določimo čas prikaza za okvir. V tem primeru smo izbrali 750ms.Opomba: v Plasti paleta, predogled novega sloja zdi, da prikazuje črno ozadje okrog grafike, v resnici pa je to območje pregledno.

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 storimo tako, da ustvarimo nov sloj neposredno pod plastjo odtisa, tako, da nov sloj napolnio z belim in nato z desnim klikom na plast sledi in klikanjem Spoji se.

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. Poimenovali smo ta interval sloja in izbrali smo, da je ta prikaz le za 250ms. Ni vam treba imenovati slojev, vendar lahko s slojnimi datotekami olajša delo.

Set Frame Seven

To je zadnji okvir in prikaže nekaj besedila skupaj z logotipom About.com. Prvi korak je dodati še eno plast z belim ozadjem.Nato uporabimo Orodje za besedilo da dodate besedilo. To se uporablja za novo plast, vendar bomo to obravnavali, ko bomo dodali logotip, ki ga lahko storimo na enak način, kot smo prej dodali grafiko za sledi. Ko smo jih uredili po želji, jih lahko uporabimo Spoji se za kombiniranje logotipov in besedilnih slojev, 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 smo se odločili, da to prikažemo za 4000ms.

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 v vrstnem redu, da so sloji zloženi v Plasti paleto, ki izhaja iz ozadja ali najnižje plasti in deluje 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 Plasti paleto spremeniti svoj položaj.

Shrani Animirani GIF

Shranjevanje animiranega GIF-a je zelo preprosta vaja. Najprej pojdi Datoteka> Shrani kopijo in podajte svojo datoteko ustreznemu imenu in izberite, kam želite shraniti datoteko. Pred pritiskom na Shrani, izberiteIzberite vrsto datoteke (z razširitvijo) proti spodnjem levem kotu in s seznama, ki se odpre, izberite GIF slika. V Ljubljani Izvozi datoteko odpre pogovorno okno, izberite Shrani kot animacijo radijski gumb in kliknite na Izvozi gumb. Če dobite opozorilo o plasti, ki segajo čez dejanske meje slike, izberite Pridelek gumb.To bo zdaj pripeljalo do Shrani kot GIF pogovor z delom Animirane GIF možnosti. To lahko pustite pri svojih privzetih nastavitvah, čeprav želite, da se animacija igra samo enkrat, morate počistiti Loop za vedno.

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.