GIMP on huomattavan tehokas ohjelmisto, koska se on ilmainen. Etenkin verkkosuunnittelijat voivat olla kiitollisia sen kyvystä tuottaa yksinkertaisia animoituja GIF-kuvia.
Animoidut GIF-kuvat ovat yksinkertaisia animaatioita, joita näet monilla verkkosivuilla, ja vaikka ne ovatkin paljon vähemmän kehittyneitä kuin Flash-animaatiot, ne ovat hyvin yksinkertaisia tuottaa kuka tahansa GIMP:n perustiedot.
Animoidun GIFin luominen GIMPissä
Seuraavat vaiheet näyttävät yksinkertaisen verkkobannerin kokoisen animaation, jossa on muutama perusgrafiikka, hieman tekstiä ja logo.
Tämän artikkelin ohjeet koskevat GIMP-versiota 2.10.12.
-
Avaa uusi asiakirja. Tässä esimerkissä olemme valinneet esiasetetun mallin Web-banneri iso mobiili 320x100.
Animaatiollesi voit valita esiasetetun koon tai mukautetut mitat sen mukaan, miten aiot käyttää lopullista animaatiota.
Tässä opetusohjelmassa animaatio koostuu seitsemästä kehyksestä ja jokaista kehystä edustaa yksittäinen kerros, mikä tarkoittaa, että lopullisessa GIMP-tiedostossa on seitsemän kerrosta tausta mukaan lukien.
-
Aseta kehys yksi. Animaatio alkaa tyhjällä välilyönnillä, joten varsinaiseen Background-tasoon ei tarvita muutoksia, koska se on jo täysin valkoinen.
Kuitenkin Layers-paletin tason nimeen on tehtävä muutos. Napsauta hiiren kakkospainikkeella Background-tasoa paletissa ja valitse Edit Layer Attributes.
Image -
Lisää avautuvassa Edit Layer Attributes -valintaikkunassa (250ms) tason nimen loppuun. Tämä määrittää ajan, jonka tämä kehys näytetään animaatiossa. ms tarkoittaa millisekuntia ja jokainen millisekunti on sekunnin tuhannesosa. Tämä ensimmäinen kehys näkyy neljännessekunnin ajan.
Image -
Aseta kehys kaksi. Opetusohjelmassa tälle kehykselle käytetään jalanjälkigrafiikkaa. Siirry kohtaan File > Avaa tasoina ja valitse grafiikkatiedosto. Tämä asettaa jalanjäljen uudelle tasolle, joka voidaan sijoittaa tarpeen mukaan käyttämällä Siirtotyökalua.
Image -
Taustakerroksen tapaan tämä uusi taso on nimettävä uudelleen, jotta kehykselle voidaan määrittää näyttöaika. Tässä tapauksessa 750 ms.
Layers-paletissa uuden kerroksen esikatselu näyttää näyttävän mustan taustan grafiikan ympärillä, mutta todellisuudessa tämä alue on läpinäkyvä.
Image -
Aseta kehykset kolme, neljä ja viisi. Seuraavat kolme kehystä ovat enemmän jalanjälkiä, jotka kävelevät bannerin poikki. Nämä lisätään samalla tavalla kuin kehys kaksi käyttämällä samaa grafiikkaa ja toista grafiikkaa toiselle jalalle. Kuten ennenkin, aika on asetettu 750 ms jokaiselle kehykselle.
Jokainen jalanjälkitaso tarvitsee valkoisen taustan, jotta vain yksi kehys on aina näkyvissä – tällä hetkellä jokaisella on läpinäkyvä tausta. Voimme tehdä tämän luomalla uuden kerroksen välittömästi jalanjälkikerroksen alle, täyttämällä uuden kerroksen valkoisella ja napsauttamalla sitten jalanjälkitasoa hiiren kakkospainikkeella ja napsauttamalla Yhdistä alas
-
Aseta kehys kuusi. Tämä kehys on vain tyhjä kehys, joka on täytetty valkoisella, joka antaa vaikutelman siitä, että lopullinen jalanjälki katoaa ennen viimeisen kehyksen ilmestymistä. Olemme nimenneet tämän kerroksen Intervaliksi ja valinneet tämän näytön näyttäväksi vain 250 ms.
Sinun ei tarvitse nimetä tasoja, mutta se voi helpottaa kerrostettujen tiedostojen käsittelyä.
Image -
Aseta kehys seitsemän. Tämä on viimeinen kehys ja näyttää tekstiä Lifewire.com-logon kanssa. Ensimmäinen askel tässä on lisätä toinen taso valkoisella taustalla.
Image -
Seuraavaksi lisää teksti Tekstityökalulla. Tätä käytetään uudelle tasolle, mutta käsittelemme sen, kun olet lisännyt logon tai uuden kuvan, mikä voidaan tehdä samalla tavalla kuin jalanjälkigrafiikka lisättiin aiemmin.
Image -
Kun olemme järjestäneet nämä halutulla tavalla, voimme käyttää Yhdistä alas-toimintoa logo- ja tekstitasojen yhdistämiseen ja sitten yhdistetyn kerroksen yhdistämiseen lisättyyn valkoiseen tasoon. aiemmin. Tämä tuottaa yhden kerroksen, joka muodostaa lopullisen kehyksen, ja päätimme näyttää tämän 4000 ms.
Image -
Esikatsele animaatiota Ennen animoidun GIF:n tallentamista GIMPillä on mahdollisuus esikatsella sitä toiminnassa siirtymällä kohtaan Filters >Animaatio > Toisto Tämä avaa esikatseluikkunan, jossa on selkeitä painikkeita animaation toistamiseksi. Jos jokin ei näytä oike alta, sitä voidaan korjata tässä vaiheessa. Muussa tapauksessa se voidaan tallentaa animoituna GIF-tiedostona.
Animaatiojärjestys asetetaan siihen järjestykseen, jossa tasot pinotaan Layers-paletissa, alkaen taustasta tai alimmasta tasosta ylöspäin. Jos animaatiosi toistetaan väärässä järjestyksessä, sinun on säädettävä tasojen järjestystä valitsemalla taso napsauttamalla ja käyttämällä Tasot-paletin alapalkissa olevia ylä- ja alanuolia muuttaaksesi sen sijaintia.
Image -
Tallenna animoitu GIF. Animoidun GIF:n tallentaminen on melko yksinkertaista. Siirry ensin kohtaan Tiedosto > Tallenna kopio ja anna tiedostollesi sopiva nimi ja valitse, mihin haluat tallentaa tiedoston.
Image -
Siirry seuraavaksi kohtaan Tiedosto > Vie nimellä tallentaaksesi sen animoituna GIF-tiedostona.
Image -
Valitse avautuvassa Export Image -valintaikkunassa Valitse tiedostotyyppi ja vieritä GIF-kuvaan ja valitse se ja valitse sittenVie . Jos saat varoituksen tasoista, jotka ulottuvat kuvan todellisten rajojen ulkopuolelle, valitse Rajaa.
Image -
Tämä johtaa nyt Tallenna GIF-muodossa -valintaikkunaan, jossa on Animated-g.webp" /> -osio. Voit jättää nämä oletusasetuksiinsa, mutta jos haluat animaation toistuvan vain kerran, poista valinta Loop forever.
Image - Nyt voit jakaa animoidun GIF-tiedostosi.
Johtopäätös
Tässä näkyvät vaiheet antavat sinulle perustyökalut omien yksinkertaisten animaatioidesi luomiseen käyttämällä erilaisia grafiikoita ja asiakirjakokoja. Vaikka lopputulos on animaation kann alta melko yksinkertainen, se on erittäin helppo prosessi, jonka kuka tahansa GIMPin perustiedot voi saavuttaa.
