Skip to main content

Producció d'un GIF animat amb GIMP

Anonim

GIMP és un programari notablement potent tenint en compte que és gratuït. Els dissenyadors web, en particular, poden agrair la seva capacitat per produir GIFs animats simples.Els GIF animats són simples animacions que veureu en moltes pàgines web i, tot i que són molt menys sofisticades que les animacions de Flash, són molt senzilles de produir per qualsevol persona amb una comprensió bàsica del GIMP.Els següents passos mostren una simples animacions de mida web amb un parell de gràfics bàsics, alguns de text i un logotip.

Obriu un nou document

En aquest exemple, utilitzarem GIMP per produir un bàner web GIF animat molt bàsic. Hem seleccionat la plantilla predeterminada de Bandera web comuna 468x60. Per a la vostra animació, podeu seleccionar una mida predefinida o configurar les dimensions personalitzades segons la forma en què usarà l'animació final.La nostra animació consistirà en set fotogrames i cada fotograma estarà representat per una capa individual, el que significa que el nostre arxiu GIMP final tindrà set capes, inclòs el fons.

Estableix el fotograma un

Volem que la nostra animació comenci amb un espai en blanc perquè no fem cap canvi en la realitat Antecedents capa que ja és blanca.Tanmateix, cal fer un canvi al nom de la capa a la finestra Capes paleta Feu clic amb el botó dret a la icona Antecedents capa a la paleta i seleccioneu Edita els atributs de capa. A la Edita els atributs de capa diàleg que s'obre, afegim (250 ms) fins al final del nom de la capa. Això estableix la quantitat de temps que aquest marc es mostrarà a l'animació. El ms representa mil·lisegons i cada mil·lisegon és mil·lèsima de segon. Aquest primer quadre es mostrarà durant un quart de segon.

Estableix el fotograma dos

Volem utilitzar una petjada gràfica per a aquest marc, així que anem Fitxer> Obrir com a capes i seleccioneu el nostre fitxer gràfic. Això situa la petjada en una nova capa que podem col · locar segons sigui necessari usant Moure l'eina. Igual que amb la capa de fons, hem de canviar el nom de la capa per assignar el temps de visualització del marc. En aquest cas, hem triat 750ms.Nota: a la Capes paleta, la nova vista prèvia de la capa sembla mostrar un fons negre al voltant del gràfic, però en realitat aquesta àrea és transparent.

Estableix quadres tres, quatre i cinc

Els tres marcs següents són més empremtes que passen pel bàner. Aquests s'insereixen de la mateixa manera que el marc dos, utilitzant els mateixos gràfics i un altre gràfic per a l'altre peu. Com abans, el temps s'estableix com 750 ms per cada fotograma.Cadascuna de les capes de la petjada necessita un fons blanc perquè només un marc sigui visible, en l'actualitat, cadascun té un fons transparent. Podem fer-ho creant una nova capa immediatament per sota d'una capa d'empremta, omplint la nova capa amb blanc i fent clic amb el botó dret a la capa d'empremtes i fent clic Fusionar.

Estableix el marc sis

Aquest marc és només un marc en blanc ple de blanc que donarà l'aparença de la petjada final que desapareix abans que aparegui el marc final. Hem nomenat aquest interval de la capa i hem triat tenir aquesta pantalla per només 250ms. No és necessari nomenar capes, però pot fer que els fitxers amb capes siguin més fàcils de treballar.

Estableix el fotograma set

Aquest és el marc final i mostra un text juntament amb el logotip de About.com. El primer pas aquí és afegir una altra capa amb fons blanc.A continuació, utilitzem el Eina de text per afegir el text. Això s'aplica a una nova capa, però tractarem d'això una vegada que hàgim afegit el logotip, que podem fer de la mateixa manera que hem afegit els gràfics de petjada anteriorment. Quan hàgim arranjats com desitgem, podem utilitzar-los Fusionar per combinar el logotip i les capes de text i, a continuació, combinar aquesta capa combinada amb la capa blanca que es va afegir prèviament. Això produeix una única capa que formarà el marc final i optem per mostrar-ho durant 4000 ms.

Previsualitza l'animació

Abans d'emmagatzemar el GIF animat, GIMP té l'opció de previsualitzar-lo en acció Filtres> Animació> Reproducció. Això obre un diàleg de visualització prèvia amb botons que s'explicaran per reproduir l'animació.Si alguna cosa no es veu bé, es pot modificar en aquest moment. En cas contrari, es pot guardar com un GIF animat.

Nota: La seqüència d 'animació s'estableix en l' ordre que les capes s'apilen a la finestra Capes paleta, començant des del fons o la capa més baixa i treballant cap amunt. Si la vostra animació s'executa fora de seqüència, haureu d'ajustar l'ordre de les capes, fent clic a una capa per seleccionar i utilitzar les fletxes cap amunt i avall a la barra inferior de la Capes Paleta per canviar la seva posició.

Desa el GIF animat

Estalviar un GIF animat és un exercici molt senzill. Primer, aneu a Fitxer> Desa una còpia i doneu al vostre fitxer un nom rellevant i seleccioneu on voleu desar el fitxer. Abans de prémer Desa, seleccioneuSeleccioneu el tipus de fitxer (per extensió) cap a la part inferior esquerra i, a la llista que s'obre, seleccioneu Imatge GIF. A la Exporta fitxer diàleg que s'obre, seleccioneu el Desa com a animació botó d'opció i feu clic a la icona Exportació botó Si obteniu un avís sobre capes que s'estenen més enllà de les vores reals de la imatge, seleccioneu la casella Cultiu botóAixò ara portarà a la Desa com a GIF diàleg amb una secció de Opcions de GIF animades. Podeu deixar aquests per defecte, encara que si només voleu que l'animació es reprodueixi una vegada, haureu de desmarcar-la Bucle per sempre.

Conclusió

Els passos que es mostren aquí us donaran les eines bàsiques per a produir les vostres pròpies animacions simples, utilitzant diferents gràfics i mides de documents. Si bé el resultat final és bastant bàsic pel que fa a l'animació, és un procés molt senzill que qualsevol persona amb coneixements bàsics de GIMP pugui aconseguir. Els GIF animats probablement van més enllà del seu moment, però amb una mica de pensament i una planificació acurada, encara es poden utilitzar per produir elements animats eficaços molt ràpidament.