Izdelava animiranega GIF-a z GIMP

Kazalo:

Izdelava animiranega GIF-a z GIMP
Izdelava animiranega GIF-a z GIMP
Anonim

GIMP je izjemno zmogljiva programska oprema, če upoštevamo, da je brezplačna. Zlasti spletni oblikovalci so mu lahko hvaležni za njegovo sposobnost izdelave preprostih animiranih GIF-ov.

Animirani GIF-ji so preproste animacije, ki jih boste videli na številnih spletnih straneh, in čeprav so veliko manj izpopolnjene kot animacije Flash, jih je zelo preprosto ustvariti za vsakogar, ki osnovno razume GIMP.

Kako narediti animirani-g.webp" />

Naslednji koraki prikazujejo preprosto animacijo v velikosti spletne pasice z uporabo nekaj osnovnih grafik, nekaj besedila in logotipa.

Navodila v tem članku veljajo za različico GIMP 2.10.12.

  1. Odprite nov dokument. V tem primeru smo izbrali prednastavljeno predlogo Velika spletna pasica za mobilne naprave 320x100.

    Za svojo animacijo lahko izberete prednastavljeno velikost ali nastavite dimenzije po meri, odvisno od tega, kako boste uporabili svojo končno animacijo.

    Za to vadnico bo animacija sestavljena iz sedmih okvirjev in vsak okvir bo predstavljen s posamezno plastjo, kar pomeni, da bo imela končna datoteka GIMP sedem plasti, vključno z ozadjem.

  2. Nastavi prvi okvir. Animacija se bo začela s praznim prostorom, tako da dejanskega sloja Background ni treba spreminjati, ker je že čisto bel.

    Vendar pa je potrebna sprememba imena plasti v paleti Sloji. Z desno miškino tipko kliknite plast Background v paleti in izberite Edit Layer Attributes.

    Image
    Image
  3. V pogovornem oknu Urejanje atributov plasti, ki se odpre, dodajte (250ms) na konec imena plasti. To nastavi čas, v katerem bo ta okvir prikazan v animaciji. ms pomeni milisekunde in vsaka milisekunda je tisočinka sekunde. Ta prvi okvir bo prikazan za četrtino sekunde.

    Image
    Image
  4. Nastavi okvir dva. Za vadnico je za ta okvir uporabljena grafika odtisa. Pojdite na Datoteka > Odpri kot plasti in izberite grafično datoteko. S tem se odtis postavi na novo plast, ki jo lahko po potrebi postavite z Orodjem za premikanje.

    Image
    Image
  5. Tako kot plast ozadja je treba tudi to novo plast preimenovati, da dodelite čas prikaza za okvir. V tem primeru 750ms.

    V paleti Sloji se zdi, da predogled novega sloja prikazuje črno ozadje okoli grafike, v resnici pa je to področje prozorno.

    Image
    Image
  6. Nastavite okvirje tri, štiri in pet. Naslednji trije okvirji so več odtisov stopal, ki bodo hodili po transparentu. Ti so vstavljeni na enak način kot drugi okvir, z uporabo iste grafike in druge grafike za drugo nogo. Kot prej je čas nastavljen na 750 ms za vsak okvir.

    Vsak sloj odtisa potrebuje belo ozadje, tako da je vedno viden le en okvir – trenutno ima vsak prozorno ozadje. To lahko naredimo tako, da ustvarimo novo plast takoj pod plastjo odtisa, novo plast napolnimo z belo barvo in nato z desno miškino tipko kliknemo plast odtisa in kliknemo Spoji navzdol

  7. Nastavi okvir šest. Ta okvir je le prazen okvir, napolnjen z belo barvo, ki bo dal videz, kot da končni odtis izgine, preden se pojavi končni okvir. To plast smo poimenovali Interval in se odločili, da ima ta prikaz le 250 ms.

    Slojev vam ni treba poimenovati, lahko pa olajšate delo s slojevitimi datotekami.

    Image
    Image
  8. Nastavi okvir sedem. To je zadnji okvir in prikazuje nekaj besedila skupaj z logotipom Lifewire.com. Prvi korak tukaj je dodajanje drugega sloja z belim ozadjem.

    Image
    Image
  9. Nato uporabite Orodje za besedilo, da dodate besedilo. To se uporabi za novo plast, vendar se bomo s tem ukvarjali, ko dodate logotip ali novo sliko, kar je mogoče narediti na enak način, kot je bila prej dodana grafika odtisa.

    Image
    Image
  10. Ko jih razporedimo po želji, lahko uporabimo Merge Down, da združimo plasti logotipa in besedila ter nato to kombinirano plast združimo z belo plastjo, ki je bila dodana prej. To ustvari eno samo plast, ki bo tvorila končni okvir in odločili smo se, da to prikažemo 4000 ms.

    Image
    Image
  11. Predogled animacije Pred shranjevanjem animiranega GIF-a ima GIMP možnost, da si ga predogleda v akciji, tako da obišče Filters >Animacija > Predvajanje To odpre pogovorno okno za predogled z gumbi, ki sami pojasnjujejo, za predvajanje animacije. Če nekaj ne izgleda v redu, se lahko na tej točki popravi. V nasprotnem primeru ga lahko shranite kot animirani GIF.

    Zaporedje animacije je nastavljeno v vrstnem redu, v katerem so plasti zložene v Sloji paleti, začenši od ozadja ali najnižje plasti in navzgor. Če se vaša animacija predvaja izven zaporedja, boste morali prilagoditi vrstni red svojih plasti, tako da kliknete plast, da jo izberete, in uporabite puščici gor in dol v spodnji vrstici palete plasti, da spremenite njen položaj.

    Image
    Image
  12. Shrani animirani GIF. Shranjevanje animiranega GIF-a je precej enostavna vaja. Najprej pojdite na Datoteka > Shrani kopijo in dajte datoteki ustrezno ime ter izberite, kam želite shraniti datoteko.

    Image
    Image
  13. Nato pojdite na Datoteka > Izvozi kot, da jo shranite kot animirani GIF.

    Image
    Image
  14. V Izvozi sliko pogovornem oknu, ki se odpre, izberite Izberite vrsto datoteke in se pomaknite do slike-g.webp" />. Če prejmete opozorilo o slojih, ki segajo čez dejanske meje slike, izberite gumb Crop.

    Image
    Image
  15. To bo zdaj vodilo do pogovornega okna Shrani kot GIF z razdelkom Možnosti animiranih GIF. Te lahko pustite privzete, če pa želite, da se animacija predvaja samo enkrat, počistite polje Za vedno zankaj.

    Image
    Image
  16. Zdaj lahko delite svoj animirani GIF.

Sklep

Tu prikazani koraki vam bodo dali osnovna orodja za ustvarjanje lastnih preprostih animacij z uporabo različnih grafik in velikosti dokumentov. Medtem ko je končni rezultat precej preprost v smislu animacije, je to zelo enostaven postopek, ki ga lahko doseže vsak z osnovnim znanjem GIMP.

Priporočena: