PRÀCTICA
Creació d'un GIF animat amb "The Gimp"

"The Gimp" és un potentíssim editor d'imatges amb nombroses eines, funcions, filtres i possibilitats. No és un objectiu d'aquesta pràctica el fer una introducció d'aquest programa, ni tan sols breu, només es pretén mostrar que fins i tot amb una Live-Distro podem fer alguna feina útil, a més d'explorar les possibilitats de GNU/Linux.

Volem utilitzar el GIMP per crear una petita animació i desar-la en format GIF. Degut al poc temps del que disposem dibuixarem un simple monigot i farem que moga les cames. Comencem...

Execució i Descripció Prèvia


Anem al menú i, sota l'apartat Gràfics trobem el programa Editor d'imatges GIMP. A l'executar-lo veiem una finestra amb el Consell del dia, que tancarem.

Una de les primeres coses que sobta del Gimp és que no disposa d'una finestra mare que envolta totes les altres finestres filles, si no que funciona amb el concepte de finestres flotants, això pot ser engorrós, però crec que es pot canviar aquest comportament al clàssic. Una altra particularitat és que fent clic amb el botó dret sempre se'ns obre el menú general de l'aplicació, a les primeres versions del Gimp era l'única manera d'accedir a totes les funcions, però ara podem anar també mitjançant icones o menús.

En la configuració per defecte del Gimp, les dues finestres que podem vore són la Principal, amb el menú, el plafó de ferramentes i el quadre de propietats i la finestra de Capes, Canals i Camins.

Creació Nova Imatge


Si anem al menú Fitxer|Nou... s'obre una finestra per a la creació d'una nova imatge. Omplim el quadre per a crear una imatge de 200x300 píxels, piquem a la fletxa negra al costat d'Opcions Avançades i escollim Transparència al desplegable Omple amb: (això és important per vore després una possibilitat del Gimp).

Obtenim una imatge com a la esquerra, el fons de tauler d'escacs gris representa el llenç, que és transparent, vol dir que no té color, ni tan sols blanc.


Dibuix Inicial


Els dos quadradets superposats de la part central del quadre de ferramentes representen els colors frontal i de fons actuals, si fem doble clic, apareix un diàleg on podem canviar-los, posem el color frontal a un que ens agrade. Després seleccionem una ferramenta de pintura com ara el pinzell o el llapis i seleccionem del quadre de ferramentes un tamany i tipus de pinzell adequat. Per treballar millor podem utilitzar l'eina de zoom i vore el dibuix a una escala major. 

Finalitzada la preparació dibuixem un monigotet amb les cames obertes, i si ens equivoquem sempre podem utilitzar el menú Edita|Desfés... Una vegada dibuixat obtenim una imatge similar a aquesta i al dialeg de capes tenim una capa de nom Fons

Podem entendre el concepte de capa d'una ferramenta de dibuix tipus Gimp com si foren fulls d'acetat transparents apilats uns damunt d'altres que podem anar pintant, copiant, eliminant i reorganitzant en la pila... 

Còpia Capes i Gir a la Dreta


Si utilitzem el botó  de Duplicar la capa, obtindrem dues capes amb el mateix contingut. La que està amb un fons gris al diàleg de capes és la Capa Activa sobre la que afectaran les nostres accions. Si fem doble clic sobre el nom de la capa el podem canviar. Una vegada duplicada la capa activem la nova còpia i amb una eina de selecció com la selecció rectangular, selecció elíptica o selecció lliure, fem una selecció que agafe les dues cames i part del tronc. 

El tema de les seleccions junt amb les mascares i les capes, és el nucli de l'ús dels programes tipus Gimp, ara no és objectiu l'explicació.

La selecció es representa amb eixa línia de traços mòbil, anomenada "filera de formigues". Utilitzant l'eina de Gir, fem que les dues cames giren cap a la dreta, cal fer clic al botó Acceptar al quadre de diàleg que ix per a que faça efecte el gir. Després tornem a agafar l'eina de selecció i si fem clic dins la selecció i arrosseguem, movem la selecció i el seu contingut fins que tornem a empalmar el tronc al seu lloc. Fent clic a fora de la selecció, ancorem la selecció flotant que teniem al seu lloc dins la capa. Tornem a repetir a tot el procés: dupliquem altre cop la capa, seleccionem girem una mica i movem, deprés, sobre aquesta mateixa capa i utilitzant procediments similars movem primer una cama i després l'altra, per a que s'ajunten. Obtenim una cosa similar a la imatge següent:

Si ens fixem, al diàleg de capes, a l'esquerra de cada icona de capa hi han uns ullets, si fem clic a sobre d'un, el que fem és fer aquesta capa invisible. Això ens pot ajudar a treballar millor, a l'exemple tenim com es veu el nostre dibuix fent visibles només les dues capes superiors.
La que s'anomena dreta és la que hem aconseguit girant la selecció de les dues cames i part del tronc i la dreta2 està feta duplicant la dreta, girant una mica més el conjunt de les dues cames i després girant cada cama per separat per aconseguir que s'ajunten.


Còpia Capes, Voltejat i Reorganització


Ara tornarem a duplicar totes les capes, canviarem els noms, les reordenarem en la pila (fent clic i arrossegant la icona de la capa al diàleg de capes) i en les noves còpies de cada capa utilitzarem el menú Capes|Transforma|Volteja Horitzontalment i així tindrem les cames del monigot movent-se cap a l'altre costat. Amb l'eina de Moure i utilitzant la visibilitat de les capes, fem coincidir els caps de totes les capes. Copiem també la capa fons per tindre frames intermitjos i que el moviment siga més suau. Hem d'aconseguir un conjunt de 8 frames amb el contingut i l'ordenació que podeu vore a la imatge. Si ens fixem, només hi han tres imatges diferents, les altres són còpies o còpies voltejades horitzontalment i realineades.

Bé, les diferents frames ja estan fetes ara només queda veure com queda l'animació i fer ajustos al mode en que es van presentant les diferents frames.

Previsualització i Modificació Animació


Si anem al menú Filtres|Animació|Reprodueix... s'obre un quadre on poden vore una previsualització de l'animació. Si ho fem ja ens adonem d'un primer problema: les trames van superposant-se unes a sobre de les atres per fer l'animació, i al ser transparents, anem veient totes les de la pila a traves de les superiors, tal com veiem a la imatge.

El que nosaltres volem és que cada nova capa substitueixca a l'anterior, i així obtenir l'efecte desitjat. Per a que passe així, nomes cal posar (replace) al final del nom de la capa, així, entre parentesis. Podriem combinar que algunes capes re-emplaçaren a les anteriors i altres se superposaren, per aconseguir altres efectes, però en el cas que ens ocupa a nosaltres ens cal que totes les capes vagen re-emplaçant les anteriors, per això posarem (replace) a totes les capes. Si tornem a Filtres|Animació|Reprodueix... ara ja va veient-se una mica més aprop de l'objectiu, però encara no és ben bé el que buscavem: falta que no siga tant ràpid el canvi entre frames.

Igual que hem fet amb el (replace), si ara posem al nom d'una capa (300 ms), per exemple, això serà el temps que estarà eixa capa abans que passe a la següent. 

ATENCIÓ: El programa és una mica exigent i cal tenir en compte:

Jo he posat 400 ms a les capes on el monigot està plantat o als extrems esquerre o dret i 200ms a les posicions intermitges i així es veu més o menys el que desitjavem. Poden anar jugant amb diferents valors i vore el resultat amb Filtres|Animació|Reprodueix...

Desar i Exportar a GIF


Recordem ara guardar el treball fet fins ara!!! Si volem tindre el dibuix guardat per a posteriors edicions i modificacions, amb la separació per capes i demes cal desar-lo en el format nadiu del Gimp: XCF, però per a poder-lo visualitzar o utilitzar en una pàgina web, cal exportar-lo a GIF. Al menú Filtres|Animació|optimitza... podem reduir el tamany del fitxer (es desen només els canvis entre frames, i no tota la frame sencera, per exemple).

The Gimp desa el fitxer en el format adequat segons l'extensió que li posem, a més, recordeu que estem en una Live, si desem els fitxers dins del nostre "home", desapareixerà tot el treball fet, ja que aquest "home" està sobre RAM. Com haurem vist a la ponència el millor és desar els documents a una partició FAT32 que puguem tindre al disc dur o a un llapis USB. També podem utilitzar un disquet si no es massa gran el firxer.

I ací tenim el resultat del nostre treball, que com té fons transparent el podem utilitzar sobre qualsevol fons.

FINS UNA ALTRA I 

BENVINGUTS AL MÓN DEL PROGRAMARI LLIURE!!!

Joan Salelles
Fòrum Novadors
Setembre - 2006