GIMP és un programari molt potent tenint en compte que és gratuït. Els dissenyadors web, en particular, poden estar agraïts per la seva capacitat per produir-g.webp
Els-g.webp
Com fer un-g.webp" />
Els passos següents mostren una animació senzilla de mida de bàner web amb un parell de gràfics bàsics, una mica de text i un logotip.
Les instruccions d'aquest article s'apliquen a la versió 2.10.12 de GIMP.
-
Obre un document nou. En aquest exemple, hem seleccionat la plantilla predefinida de Bàner web gran mòbil 320x100.
Per a la vostra animació, podeu seleccionar una mida predeterminada o definir dimensions personalitzades en funció de com utilitzeu l'animació final.
Per a aquest tutorial, l'animació constarà de set fotogrames i cada fotograma estarà representat per una capa individual, el que significa que el fitxer GIMP final tindrà set capes, inclòs el fons.
-
Set Frame One. L'animació començarà amb un espai en blanc, de manera que no calen canvis a la capa real Fons, ja que ja és blanca.
No obstant això, cal un canvi al nom de la capa a la paleta Capes. Feu clic amb el botó dret a la capa Fons de la paleta i seleccioneu Edita els atributs de la capa.
Image -
Al diàleg Edita els atributs de la capa que s'obre, afegiu (250 ms) al final del nom de la capa. Això estableix la quantitat de temps que aquest fotograma es mostrarà a l'animació. El ms significa mil·lisegons i cada mil·lisegon és una mil·lèsima de segon. Aquest primer fotograma es mostrarà durant un quart de segon.
Image -
Set Frame Two. Per al tutorial, s'utilitza un gràfic d'empremta per a aquest marc. Aneu a Fitxer > Obre com a capes i seleccioneu el fitxer de gràfics. Això col·loca la petjada en una capa nova que es pot col·locar segons sigui necessari mitjançant l'eina de moviment.
Image -
Com passa amb la capa de fons, s'ha de canviar el nom d'aquesta nova capa per assignar el temps de visualització del fotograma. En aquest cas, 750 ms.
A la paleta Capes, la vista prèvia de la nova capa sembla que mostra un fons negre al voltant del gràfic, però en realitat aquesta àrea és transparent.
Image -
Estableix marcs tres, quatre i cinc. Els tres fotogrames següents són més petjades que recorreran la pancarta. S'insereixen de la mateixa manera que el fotograma dos, utilitzant els mateixos gràfics i un altre gràfic per a l' altre peu. Com abans, el temps s'estableix en 750 ms per a cada fotograma.
Cada capes de la petjada necessita un fons blanc perquè només es pugui veure un marc; actualment, cadascuna té un fons transparent. Podem fer-ho creant una nova capa immediatament a sota d'una capa d'empremta, omplint la nova capa amb blanc i després fent clic amb el botó dret a la capa de la petjada i fent clic a Fusionar cap avall
-
Defineix el marc sis. Aquest marc és només un marc en blanc ple de blanc que donarà l'aspecte de la petjada final que desapareix abans que aparegui el marc final. Hem posat el nom d'aquesta capa Interval i hem decidit tenir aquesta pantalla per només 250 ms.
No cal posar nom a les capes, però pot facilitar el treball amb fitxers en capes.
Image -
Definir el marc set. Aquest és el marc final i mostra un text juntament amb el logotip de Lifewire.com. El primer pas aquí és afegir una altra capa amb un fons blanc.
Image -
A continuació, utilitzeu l' Eina de text per afegir el text. Això s'aplica a una capa nova, però ho tractarem un cop hàgiu afegit el logotip o la imatge nova, cosa que es pot fer de la mateixa manera que s'han afegit els gràfics de la petjada anteriorment.
Image -
Quan els tinguem disposats com vulguem, podem utilitzar Fusionar cap avall per combinar el logotip i les capes de text i després combinar aquesta capa combinada amb la capa blanca que s'ha afegit prèviament. Això produeix una única capa que formarà el fotograma final i vam triar mostrar-ho durant 4000 ms.
Image -
Previsualitza l'animació Abans de desar el-g.webp" />Filters >Animació > Reproducció Això obre un diàleg de previsualització amb botons que s'explicaran per reproduir l'animació. Si alguna cosa no sembla bé, es pot modificar en aquest moment. En cas contrari, es pot desar com a-g.webp" />.
La seqüència d'animació s'estableix en l'ordre en què les capes s'apilen a la paleta Capes, començant des del fons o de la capa més baixa i treballant cap amunt. Si la vostra animació es reprodueix fora de seqüència, haureu d'ajustar l'ordre de les capes, fent clic a una capa per seleccionar-la i fent servir les fletxes amunt i avall de la barra inferior de la paleta Capes per canviar-ne la posició.
Image -
Desa el-g.webp" />. Desar un-g.webp" />Fitxer > Deseu una còpia i doneu al vostre fitxer un nom rellevant i seleccioneu on voleu desar-lo.
Image -
A continuació, aneu a Fitxer > Exporta com a per desar-lo com a-g.webp" />.
Image -
Al diàleg Exporta la imatge que s'obre, seleccioneu Seleccioneu el tipus de fitxer i desplaceu-vos fins a la imatge-g.webp" />. Si rebeu un avís sobre capes que s'estenen més enllà dels límits reals de la imatge, seleccioneu el botó Retalla.
Image -
Això portarà al diàleg Desa com a GIF amb una secció de Opcions de-g.webp" />. Podeu deixar-los per defecte, tot i que si només voleu que l'animació es reprodueixi una vegada, hauríeu de desmarcar Bucle per sempre.
Image - Ara pots compartir el teu-g.webp
Conclusió
Els passos que es mostren aquí us proporcionaran les eines bàsiques per produir les vostres pròpies animacions senzilles, utilitzant diferents gràfics i mides de documents. Tot i que el resultat final és bastant bàsic pel que fa a l'animació, és un procés molt fàcil que pot aconseguir qualsevol persona amb coneixements bàsics de GIMP.
