GIMP-animoitu GIF-opetusohjelma

GIMP on huomattavan tehokas ohjelmisto, koska se on ilmainen. Erityisesti web-suunnittelijat ovat kiitollisia mahdollisuudesta luoda yksinkertaisia ​​animoituja GIF-kuvia.

Animoidut GIF-kuvat ovat yksinkertaisia ​​animaatioita, joita näet monilla verkkosivuilla, ja vaikka ne ovat paljon vähemmän kehittyneitä kuin Flash-animaatiot, ne ovat erittäin helppoja luoda kenen tahansa GIMP-perustietoa omaavalle.

Kuinka tehdä animoitu GIF GIMPissä

Seuraavat vaiheet näyttävät yksinkertaisen verkkobannerin kokoisen animaation, jossa on peruskuvia, tekstiä ja logo. Tämän artikkelin ohjeet koskevat GIMP-versiota 2.10.12.

1. Avaa uusi asiakirja. Tässä esimerkissä meillä on esiasetettu malli . valittu Verkkobanneri iso mobiili 320×100. Animaatiollesi voit valita esiasetetun koon tai mukautetut mitat riippuen siitä, miten käytät lopullista animaatiota.

   Tässä opetusohjelmassa animaatio koostuu seitsemästä kehyksestä, ja jokaista kehystä edustaa erillinen kerros, mikä tarkoittaa, että lopullisessa GIMP-tiedostossa on seitsemän kerrosta tausta mukaan lukien.

2. Aseta kehys yksi. Animaatio alkaa tyhjällä tilalla, joten se ei muuta varsinaista tilaa Tausta kerros tarvitaan, koska se on jo kiinteän valkoinen.

   Kuitenkin kerroksen nimen muutos kerroksia paletti tarvitaan. Napsauta hiiren kakkospainikkeella Tausta kerros paletissa ja valitse Muokkaa tason attribuutteja.

3. Vuonna Muokkaa tason attribuutteja avautuvassa valintaikkunassa, lisää (250 ms) kerroksen nimen lopussa. Asettaa, kuinka kauan tämä kehys näytetään animaatiossa. ms tarkoittaa millisekunteja ja jokainen millisekunti on sekunnin tuhannesosa. Tämä ensimmäinen kehys näytetään neljänneksen sekunnin ajan.

   

4. Aseta kehys kaksi. Opetusohjelma käyttää jalanjäljen kuvaa tälle kehykselle. Mene Tiedosto > Avaa kerroksina ja valitse grafiikkatiedosto. Tämä asettaa jalanjäljen uudelle tasolle, joka voidaan sijoittaa haluamallasi tavalla käyttämällä Siirtotyökalu.

   

5. Kuten taustakerroksen kohdalla, tämä uusi taso on nimettävä uudelleen, jotta kehyksen näyttöaika voidaan varata. Tässä tapauksessa 750 ms. Vuonna kerroksia paletti, uuden kerroksen esikatselu näyttää näyttävän mustaa taustaa kuvan ympärillä, mutta todellisuudessa tämä alue on läpinäkyvä.

   

6. Aseta kehykset kolme, neljä ja viisi. Seuraavat kolme kehystä ovat enemmän jalanjälkiä, jotka kulkevat bannerin poikki. Nämä lisätään samalla tavalla kuin kehys kaksi, samoilla kuvilla ja eri kuva toiselle jalalle. Kuten aiemminkin, aika on asetettu 750 ms:iin jokaiselle kehykselle. Jokainen jalanjälkitaso tarvitsee valkoisen taustan, joten vain yksi kehys on aina näkyvissä – tällä hetkellä jokaisessa on läpinäkyvä tausta. Voimme tehdä tämän luomalla uuden kerroksen suoraan jalanjälkikerroksen alle, täyttämällä uuden kerroksen valkoisella, napsauttamalla sitten jalanjälkikerrosta hiiren kakkospainikkeella ja napsauttamalla Yhdistä alas.

7. Aseta kehys kuusi. Tämä kehys on vain tyhjä kehys, joka on täynnä valkoista, joten näyttää siltä, ​​​​että lopullinen jalanjälki katoaa ennen viimeisen kehyksen ilmestymistä. Nimesimme tämän kerroksen Intervaliksi ja päätimme tehdä tästä renderöinnistä vain 250 ms. Sinun ei tarvitse nimetä tasoja, mutta se voi helpottaa kerrostettujen tiedostojen käsittelyä.

   

8. Aseta kehys seitsemän. Tämä on viimeinen kehys ja näyttää tekstiä Lifewire.com-logon ohella. Ensimmäinen askel tässä on lisätä toinen kerros valkoisella taustalla.

   

9. Käytä sitten Teksti työkalu lisätäksesi tekstiä. Tämä lisätään uuteen kerrokseen, mutta katamme sen, kun olet lisännyt logon tai uuden kuvan, mikä voidaan tehdä samalla tavalla kuin jalanjälkikuvat lisättiin aiemmin.

   

10. Jos olemme järjestäneet nämä toiveidesi mukaan, voimme käyttää Yhdistä alas yhdistää logo- ja tekstitasot ja yhdistää sitten yhdistetty kerros aiemmin lisättyyn valkoiseen tasoon. Tämä tuottaa yhden kerroksen, joka muodostaa lopullisen kehyksen, ja päätimme näyttää tämän 4000 ms:n ajan.

    

11. Esikatsele animaatiota. Ennen animoidun GIF:n tallentamista GIMPillä on mahdollisuus tarkastella sitä toiminnassa siirtymällä kohtaan Suodattimet > Animaatio > pelata. Tämä avaa esikatseluikkunan, jossa on selkeitä painikkeita animaation toistamiseksi. Jos jokin ei näytä oikealta, sitä voidaan muuttaa tässä vaiheessa. Muussa tapauksessa se voidaan tallentaa animoituna GIF-tiedostona. Animaatiosekvenssi asetetaan siinä järjestyksessä, jossa tasot pinotaan kerroksia paletti, alkaen taustasta tai alimmasta kerroksesta ja jatkamalla ylöspäin. Jos animaatiosi ei toistu oikeassa järjestyksessä, sinun on järjestettävä tasojen järjestys uudelleen napsauttamalla tasoa sen valitsemiseksi ja käyttämällä ylä- ja alanuolinäppäimiä alapalkissa. kerroksia paletti muuttaaksesi sijaintia.

    

12. Tallenna animoitu GIF. Animoidun GIF:n tallentaminen on melko yksinkertainen harjoitus. Siirry ensin osoitteeseen Tiedosto > Säilytä kopio ja anna tiedostollesi sopiva nimi ja valitse, minne haluat tallentaa tiedoston.

    

13. Siirry sitten kohtaan Tiedosto > Vie nimellä tallentaaksesi sen animoituna GIF-tiedostona.

    

14. Vuonna Vie kuva avautuvassa valintaikkunassa, valitse Valitse Tiedostotyyppi ja vieritä kohtaan GIF-kuva ja valitse se ja valitse sitten Viedä. Jos saat varoituksen tasoista, jotka ovat kuvan todellisten reunojen ulkopuolella, valitse rajata nuppi.

    

15. Tämä johtaa nyt siihen Tallenna GIF-muodossa vuoropuhelu osan kanssa Animoidut GIF-asetukset. Voit jättää nämä oletusarvoihinsa, mutta jos haluat, että animaatio toistetaan vain kerran, poista valintaruudun valinta Toista ikuisesti.

    

16. Nyt voit jakaa animoidun GIF-tiedoston.

Päättely

Tässä näkyvät vaiheet antavat sinulle perustyökalut omien yksinkertaisten animaatioiden luomiseen käyttämällä erilaisia ​​​​kuvia ja asiakirjakokoja. Vaikka lopputulos on animaation kannalta melko yksinkertainen, se on hyvin yksinkertainen prosessi, jonka kuka tahansa, jolla on perustiedot GIMP:stä, voi suorittaa.