GIMP Animated GIF Tutorial

Hoe om 'n Animated GIF met GIMP te vervaardig

GIMP is 'n merkwaardig kragtige stuk sagteware, aangesien dit gratis is. Webontwerpers , in die besonder, kan dankbaar wees vir die vermoë om eenvoudige geanimeerde GIF's te produseer.

Geanimeerde GIF's is eenvoudige animasies wat jy op baie webblaaie sal sien en terwyl hulle baie minder gesofistikeerd is as Flash-animasies , is hulle baie maklik om te produseer deur enigiemand met 'n basiese begrip van GIMP.

Die volgende stappe toon 'n eenvoudige webbanner grootte animasie met behulp van 'n paar basiese grafika, 'n paar teks en 'n logo.

01 van 09

Maak 'n nuwe dokument oop

In hierdie voorbeeld gaan ek GIMP gebruik om 'n baie basiese geanimeerde GIF webbanner te produseer. Ek het die vooraf ingestelde sjabloon van Webbanner algemeen 468x60 gekies . Vir jou animasie, kan jy 'n vooraf ingestelde grootte kies of stel persoonlike afmetings afhangende van hoe jy jou finale animasie sal gebruik.

My animasie sal bestaan ​​uit sewe rame en elke raam sal verteenwoordig word deur 'n individuele laag, wat beteken dat my laaste GIMP-lêer sewe lae sal hê, insluitende die agtergrond.

02 van 09

Stel raam een

Ek wil my animasie begin met 'n leë spasie, sodat ek geen veranderinge aan die werklike Agtergrondlaag maak wat reeds wit is nie.

Ek moet egter die naam van die laag verander in die palet Lêers . Ek regskliek op die Agtergrondlaag in die palet en kies Laai eienskappe van Laai . In die dialoogkassie Edit Layer Attributes wat oopmaak, voeg ek (250ms) aan die einde van die laag se naam. Dit stel die hoeveelheid tyd in wat hierdie raamwerk in die animasie vertoon sal word. Die ms staan ​​vir millisekondes en elke millisekonde is 'n duisendste van 'n sekonde. Hierdie eerste raam sal vir 'n kwart van 'n sekonde vertoon.

03 van 09

Stel raam twee

Ek wil 'n voetafdrukgrafiek vir hierdie raam gebruik, so ek gaan na File > Open as Lêers en kies my grafiese lêer. Dit plaas die voetspoor op 'n nuwe laag wat ek kan plaas soos benodig met behulp van die Skuif-Gereedskap . Soos met die agtergrondlaag, moet ek die laag hernoem om die vertoningstyd vir die raamwerk toe te ken. In hierdie geval het ek 750ms gekies.

Nota: in die palet Lêers verskyn die nuwe laagvoorskou om 'n swart agtergrond rondom die grafiese weergawe te toon, maar in werklikheid is hierdie gebied deursigtig.

04 van 09

Stel rame Drie, Vier en Vyf

Die volgende drie rame is meer voetafdrukke wat oor die banier sal loop. Hierdie is op dieselfde manier as raam twee ingevoeg, met dieselfde grafiese en 'n ander grafiese vir die ander voet. Soos voorheen is die tyd as 750ms vir elke raam gestel.

Elkeen van die voetspoorlae benodig 'n wit agtergrond sodat slegs een raam ooit sigbaar is. Op die oomblik het elkeen 'n deursigtige agtergrond. Ek kan dit doen deur 'n nuwe laag direk onder 'n voetafdruklaag te skep, die nuwe laag met wit te vul en dan regs te klik op die voetafdruklaag en op Merge Down te klik.

05 van 09

Stel raam Ses

Hierdie raam is net 'n leë raampie gevul met wit wat die voorkoms van die finale voetspoor sal verdwyn voordat die finale raam verskyn. Ek het hierdie laaginterval vernoem en gekies om hierdie vertoning vir net 250ms te hê. Jy hoef nie lae te noem nie, maar dit kan lae lêers makliker maak om mee te werk.

06 van 09

Stel raam sewe

Dit is die finale raamwerk en vertoon 'n paar teks saam met die About.com logo. Die eerste stap hier is om nog 'n laag met 'n wit agtergrond by te voeg.

Vervolgens gebruik ek die tekshulpmiddel om die teks by te voeg. Dit word toegepas op 'n nuwe laag, maar ek sal dit hanteer sodra ek die logo bygevoeg het, wat ek op dieselfde manier kan doen as wat ek vroeër die voetspoorgrafika bygevoeg het. As ek dit reggekry het, kan ek Merge Down gebruik om die logo en tekslêers te kombineer en dan die gekombineerde laag saam te voeg met die wit laag wat voorheen bygevoeg is. Dit lewer 'n enkele laag wat die finale raamwerk sal vorm en ek het dit verkies om dit vir 4000ms te vertoon.

07 van 09

Voorskou die animasie

Voordat u die geanimeerde GIF opslaan, het GIMP die opsie om dit in aksie te vertoning deur te gaan na Filters > Animasie > Afspeel . Dit maak 'n voorskou dialoog met selfverduidelikende knoppies om die animasie te speel.

As iets nie reg lyk nie, kan dit op hierdie punt gewysig word. Andersins kan dit gered word as 'n geanimeerde GIF.

Nota: die animasie volgorde is ingestel in die volgorde dat die lae gestapel is in die palet Lêers , vanaf die agtergrond of laagste laag en opwaarts werk. As jou animasie uit volgorde speel, moet jy die volgorde van jou lae aanpas deur op 'n laag te klik om die op en af ​​pyle in die onderste balk van die palet Lêers te kies en te gebruik om die posisie te verander.

08 van 09

Stoor die Animated GIF

Om 'n geanimeerde GIF te spaar, is 'n mooi reguit vorentoe oefening. Gaan eers na Lêer > ' n kopie stoor en gee jou lêer 'n toepaslike naam en kies waar jy jou lêer wil stoor. Voordat jy Stoor stoor , klik Kies File Type (By Uitbreiding) links onder en kies GIF-prent uit die lys wat oopmaak. Klik in die dialoogkassie Uitvoerlêer wat oopmaak, op die knoppie Stoor as animasie en klik op die knoppie Uitvoer . As jy 'n waarskuwing kry oor lae wat strek bo die werklike grense van die prent, klik die Crop- knoppie.

Dit sal nou lei tot die dialoog Save as GIF met 'n gedeelte van GIF-opsies wat geanimeerde is . Jy kan dit op hul standaard verlaat, maar as jy net die animasie wil speel een keer, moet jy Loop vir ewig ontsluit .

09 van 09

Afsluiting

Die stappe wat hier getoon word, sal u die basiese gereedskap gee om u eie eenvoudige animasies te vervaardig, met verskillende grafiese en dokumentgroottes. Alhoewel die eindresultaat redelik basies is in terme van animasie, is dit 'n baie maklike proses wat enigiemand met 'n basiese kennis van GIMP kan bereik. Geanimeerde GIF's is waarskynlik verby hul hoof nou, maar met 'n bietjie gedagtes en deeglike beplanning, kan hulle steeds gebruik word om effektiewe animasie-elemente baie vinnig te produseer.