Kuinka tuottaa animoitu GIF GIMP: llä
GIMP on huomattavan tehokas ohjelmisto, koska se on ilmainen. Erityisesti Web-suunnittelijat voivat olla kiitollisia sen kyvystä tuottaa yksinkertaisia animoituja GIF-tiedostoja.
Animoidut GIF-kuvat ovat yksinkertaisia animaatioita, joita näet useilla verkkosivuilla ja vaikka ne ovat paljon vähemmän kehittyneitä kuin Flash-animaatioita , ne ovat hyvin yksinkertaisia tuottamaan kenenkään kanssa GIMP: n peruskäsitystä.
Seuraavissa vaiheissa on yksinkertainen web-bannerikokoinen animaatio käyttäen muutamaa perusgrafiikkaa, jotain tekstiä ja logon.
01/09
Avaa uusi asiakirja
Tässä esimerkissä aion käyttää GIMP: tä tuottamaan hyvin yksinkertainen animoitu GIF-web-banneri. Olen valinnut yleisen 468x60-bannerin esiasetetun mallin. Animaatiostasi voit valita ennalta määrätyn koon tai määrittää omia ulottuvuuksia riippuen siitä, miten käytät lopullista animaatiota.
Animaani koostuu seitsemästä kehyksestä, ja kukin kehys edustaa yksittäistä kerrosta, mikä tarkoittaa, että lopullisessa GIMP-tiedostossani on seitsemän kerrosta, mukaan lukien tausta.
02/09
Aseta kehys yksi
Haluan, että animaani alkaa tyhjällä tilalla, joten en tee mitään muutoksia varsinaiseen taustakerrokseen, joka on jo valkoista.
Tarvitsen kuitenkin muutoksia kerroksen nimeen Layers- paletissa. Haluan klikata Paletin taustakerrosta ja valita Muokkaa taso-attribuutteja . Avattavan Muokkaa taso -ominaisuudet -valintaikkunaa lisätään (250 ms) kerroksen nimen loppuun. Tämä asettaa ajan, jonka tämä kehys näkyy animaatiossa. Ms tarkoittaa millisekuntia ja joka millisekunti on tuhannesos sekunnissa. Tämä ensimmäinen kehys näkyy neljännes sekunnin.
03/09
Aseta kehys kaksi
Haluan käyttää tämän kehyksen jalanjälkikuvaketta, joten menen Tiedostoon > Avaa kuten tasot ja valitse kuvatiedosto. Tämä asettaa jalanjälkeen uuden kerroksen, jota voin sijoittaa tarpeen mukaan Move Tool -työkalun avulla . Kuten taustakerroksessa, minun täytyy nimetä kerros uudelleen määrittääksesi kehyksen näyttöaika. Tässä tapauksessa olen valinnut 750 ms.
Huomaa: Tasot- paletissa uusi kerroksen esikatselu näyttäisi näyttävän mustan taustan graafin ympärille, mutta todellisuudessa tämä alue on läpinäkyvä.
04/09
Aseta kehykset kolme, neljä ja viisi
Seuraavat kolme kehystä ovat enemmän jalanjälkiä, jotka kulkevat bannerin yli. Nämä asetetaan samalla tavalla kuin kehys kaksi, käyttävät samaa graafia ja toinen graafia toiselle jalalle. Kuten aikaisemmin, asetettu aika on 750 ms kutakin kehystä kohden.
Jokainen jalanjälki kerroksista tarvitsee valkoista taustaa niin, että vain yksi kehys on aina näkyvissä - tällä hetkellä kukin on läpinäkyvä tausta. Voin tehdä tämän luomalla uuden kerroksen välittömästi jalanjälkikerroksen alle, täyttämällä uuden kerroksen valkoisella ja napsauttamalla sitten oikealla painikkeella jalanjälitasoa ja valitsemalla Yhdistä alas .
05/09
Aseta kehys kuusi
Tämä kehys on vain tyhjä kehys, joka on täynnä valkoista, joka antaa lopullisen jalanjäljen ulkonäön katoavan ennen kuin lopullinen kehys ilmestyy. Olen nimittänyt tämän kerroksen välivaiheen ja olen päättänyt, että tämä näyttö on vain 250 ms. Sinun ei tarvitse nimetä kerroksia, mutta se voi tehdä kerrostettujen tiedostojen helpommaksi työskennellä.
06/09
Aseta kehys seitsemän
Tämä on viimeinen kehys ja näyttää joitain tekstiä yhdessä About.com-logon kanssa. Ensimmäinen vaihe tässä on lisätä toinen kerros valkoisella taustalla.
Seuraavaksi käytän tekstityökalua tekstin lisäämiseen. Tätä sovelletaan uuteen kerrokseen, mutta käsittelen sitä, kun olen lisännyt logon, jota voin tehdä samalla tavalla kuin lisäsin jalanjälkikuvaksi aikaisemmin. Kun olen saanut nämä järjestetyt halutulla tavalla, voin käyttää yhdistämistä logon ja tekstikerrosten yhdistämiseen yhdistämällä yhdistetyn kerroksen aikaisemmin lisättyyn valkoiseen kerrokseen. Tämä tuottaa yhden kerroksen, joka muodostaa lopullisen kehyksen ja valitsin tämän näyttämään 4000 ms: n ajan.
07/09
Esikatsele animaatiota
Ennen animoitun GIFin tallentamista GIMP: llä on mahdollisuus esikatsella sitä toiminnassa siirtymällä Suodattimet > Animaatio > Toisto . Tämä avaa animaation esikatseluikkunan itsestään selittävien painikkeiden avulla.
Jos jotain ei näytä oikealta, sitä voidaan muuttaa tässä vaiheessa. Muussa tapauksessa se voidaan tallentaa animoituna GIF-muodossa.
Huomaa: Animaatiosarja on järjestyksessä siten, että kerrokset on pinottu Tasot- paletilla alkaen taustasta tai alimmasta kerroksesta ja työskentely ylöspäin. Jos animaasi toimii järjestyksessä, sinun on säädettävä kerroksiesi järjestystä napsauttamalla kerrosta ja valitsemalla Tasot- paletin alalaidan ylä- ja alanuolinäppäimet sen sijainnin muuttamiseksi.
08/09
Tallenna animoitu GIF
Animoitun GIF-pelin tallentaminen on melko suoraviivaista. Siirry ensin Tiedosto > Tallenna kopio ja anna tiedostolle nimi ja valitse, mistä haluat tallentaa tiedoston. Napsauta Save (Tallenna) -painiketta napsauttamalla Select File Type (By Extension) -painiketta alareunan vasemmalle puolelle ja valitse avautuvasta luettelosta GIF-kuva . Avaa Levytiedosto- valintaikkunassa Tallenna nimellä -animaatio -valintanappi ja napsauta Vie- painiketta. Jos saat varoituksen siitä, että kerrokset ulottuvat kuvan todellisiin reunuksiin, napsauta Rajaa- painiketta.
Tämä johtaa nyt Save as GIF -valintaikkunaan, jossa on osa animoituja GIF-asetuksia . Voit jättää ne oletuksissasi, mutta jos haluat vain animaation toistamisen kerran, poista Loop ikuisesti .
09/09
johtopäätös
Tässä esitetyt vaiheet antavat sinulle perus-työkaluja, joilla voit luoda omia yksinkertaisia animaatioita eri grafiikoilla ja asiakirjakokoilla. Vaikka lopputulos on varsin yksinkertainen animaation kannalta, se on erittäin helppo prosessi, jonka avulla kuka tahansa, jolla on perustiedot GIMP: stä, voi saavuttaa. Animoidut GIF-levyt ovat luultavasti läpäisseet parhaansa nyt, mutta silti hieman ajatellen ja huolellisella suunnittelulla niitä voidaan silti käyttää tuottamaan tehokkaita animoituja elementtejä nopeasti.