Hoe meitsje in animearre GIF te meitsjen mei GIMP
GIMP is in opmerklik krêftige stik fan software om te betinken dat it fergees is. Web ûntwerpers kinne , benammen, daliks wêze om syn fermogen om ienfâldige animearre GIF te meitsjen.
Animearre GIF's binne ienfâldige animaasjes dy't jo sjogge op in soad websiden en, wylst se folle minder binne as Flash-animaasjes binne se ienfâldich ienfâldich troch elkenien te meitsjen mei in basisbegryp fan GIMP.
De neikommende stappen sjogge in ienfâldige animaasje fan web banner, mei in pear basisgrafiken, inkelde tekst, en in logo.
01 of 09
Iepenje in nije dokumint
Yn dit foarbyld sil ik GIMP brûke om in tige basis-animearre GIF-webferkeap te meitsjen. Ik haw it preset sjabloan fan web banner mienskiplik 468x60 selektearre . Foar jo animaasje kinne jo in presetgrutte selektearje of oanpaste ôfmjittings ynstelle, hokker fan hoe jo jo lêste animaasje brûke.
Myn animaasje sil út sân frame wêze en elke frame sil fertsjintwurdige wurde troch in individuele layer, dat betsjuttet dat myn lêste GIMP-bestân sân lagen hat, wêrûnder de eftergrûn.
02 of 09
Set ien frame
Ik wol myn animaasje begjinne mei in lege romte sadat ik gjin wizigingen meitsje oan de eigentlike flachkant lizze dy't al wis wyt is.
Wol moat ik in wiziging meitsje foar de namme fan 'e laach yn' e Layers palette. Ik rjochtsklik op 'e eftergrûn yn' t palet en selektearje Oanpasse Layer attributen . Yn it dialoochfinster Edit Edit Attributes dat iepenet, ik set (250ms) oan 'e ein fan' e namme fan de laach. Dit soarget de tiid fan dat dizze râne werjûn wurdt yn 'e animaasje. De ms stiet foar millisekonden en elk millisecond is tûzenste fan in twadde. Dit earste frame sil werjûn foar in kwart fan in twadde.
03 of 09
Set râne twa
Ik wol in fuotprintgrafik brûke foar dit frame sadat ik nei File > Iepenje as lagen en selektearje myn grafyske bestân. Dit pleatst de foetprint op in nije lagen wêr't ik as ferplicht kinne posityf mei it ferpleatse-ark . As mei de eftergrûnflater moat ik de lagen omneame om de werjefte tiid foar it frame te jaan. Yn dit gefal haw ik 750ms keazen.
Opmerking: yn 'e Layers palette ferskynt de nije lienfoarbylding in swarte eftergrûn om de grafyk te sjen, mar yn' e realiteit is dit gebiet transparant.
04 of 09
Set frames fan trije, fjouwer en fiif
De folgjende trije frames binne mear foetprinten dy't oer de banner gean. Dizze wurde op deselde wize as râne twa ynset, mei deselde grafyk en in oare grafik foar de oare foet. As foarhinne wurdt de tiid as 750ms foar elke ramt set.
Elk fan 'e footprint-lagen moatte in wyt eftergrûn ha, sadat allinich ien frame wer sichtber is - no hawwe elk in transparant eftergrûn. Ik kin dit dwaan troch in nije layer kreëer fuort te bringen ûnder in footprint layer, de nije ljepper mei wyt te folle en dan rjochts te klikken op 'e footprint layer en klik op Merge Down .
05 of 09
Set Six Frame
Dit ramt is allinich in lege frame mei wyt folop dat it optreden fan 'e finale fuotprinte ferdwynt foardat it lêste frame ferskynt. Ik ha dizze lagen ynterval neamd en haw gewoan dit display foar just 250ms te hawwen. Jo moatte gjin lagen neame, mar it kin ljochte triemmen makliker meitsje om mei te wurkjen.
06 van 09
Set Riemje Sân
Dit is it definitive frame en toant in stikje tekst by it Logo fan About.com. De earste stap hjir is om in oare laach te foegjen mei in wyt eftergrûn.
Dêrnei gebruik ik it Text-ark om de tekst te foegjen. Dit is oanwêzich foar in nije layer, mar ik sil it ha dat ik as ienige logo opnommen hat, dat ik kin op deselde manier dwaan dat ik de foetprintgrafiken earder tafoege. As ik dizze saak as winskje haw, kin ik Merge Down brûke om de logo- en tekstblêden te kombinearjen en dêrnei kombineare ljeppers te kombinearjen mei de wite lagen dy't foarhinne tafoege waard. Dit produkt in ien layer dy't de definitive râne biedt en ik haw keazen foar dizze werjefte foar 4000ms.
07 of 09
Preview fan de animaasje
Foar it bewarjen fan de animearre GIF hat GIMP de opsje om it te besjen yn 'e aksje troch te gean nei Filters > Animation > Playback . Dit iepent in foarbylddialo mei sels-ferklearjende knoppen om de animaasje te spyljen.
As der wat net goed sjocht, kin dit oanpast wurde op dit punt. Oars kin it bewarre wurde as in animearre GIF.
Taljochting: De animaasje-sesje wurdt yn 'e oarder set dat de lagen yn' e Layers palet stappe binne, begjinnend fan 'e eftergrûn of de leechste laach en wurkje nei boppen. As jo animaasje spilet út 'e sesje, moatte jo de opdracht fan jo lagen oanpasse, troch te klikken op in skerm om te selektearjen en te brûken pylken op en ûnder yn de bottombalke fan' e Layers palette om de posysje te feroarjen.
08 of 09
Bewarje de Animearre GIF
It bewarjen fan in animearre GIF is in aardich rjochte foardiel. Eerst gean nei Triem > Kopie bewarje en jo triem in relevante namme jaan en selektearje wêr jo jo triem bewarje wolle. Foardat jo opsjes bewarje , klikke op Triemtype selektearje (troch taheaksel) nei de lofterkant links en fan 'e list dy't jo iepent GIF ôfbylding selektearje. Yn it dialoochfinster eksportearje dat jo iepent, klik dan op de radio-knop " Save as Animation " en klik op de knop Eksportearje . As jo in warskôging krije oer lagen dy't oer de eigentlike rânen fan it byld komme, klikke jo op 'e knop Crop .
Dit sil no liede nei it bewarjen as GIF- dialooch mei in seksje fan Animearre GIF-opsjes . Jo kinne dizze op elke standert ferlitte, hoewol as jo allinich de animaasje hawwe om ienris te spyljen, moatte jo Loop foar altyd loslitte .
09 of 09
Konklúzje
De hjirboppe stelde siden jouwe jo de basisynstruminten om jo eigen ienfâldige animaasjes te meitsjen, mei ferskate grafiken en dokumintegraten. Wylst it einresultaat hiel basysk is yn 'e animaasje, is it in maklik proses dat elkenien mei in basiskennis fan GIMP berikke kin. Animearre GIF's binne no wierskynlik foar har prime, mar mei in bytsje gedachte en soarch plannen kinne se noch altyd brûkt wurde om effektive animearre eleminten tige gau te meitsjen.