tutorial hacer imagenes formato gif (imagnes animadas)

En este segundo manual/tutorial, aprendereis a usar la herramienta de animacion que incluye Adobe Photoshop CS3 Extended. En CS2 y versiones anteriores, hacia falta otro programa para hacer lo mismo, pero en esta version (incluso en CS4), el programilla ese viene ya incrustado.

Lo podeis encontrar en Ventana/Animacion

Vereis como al activar esa opcion, automaticamente se nos abre una barrita (donde apareceran las escalas de tiempo o los cuadros de nuestro gif.

Para hacer un gif, lo unico que necesitaremos son las imagenes que vayamos a usar (si, asi de simple XD). Tambien pueden ser dibujadas por nosotros o como queramos, eso da lo mismo, lo unico que cuanto mas grande sea el tamaño del gif, mas va a pesar y peor sera la calidad.

En este ejemplo, usare 3 imagenes que he hecho por el paint (en la siguiente imagen las vereis las 3 mas el proyecto donde ira el gif):


efectivamente, para poder añadirlas al proyecto, arrastraremos cada imagen de forma que nos quede todo asi:


y entonces ahora abrimos la barrita de animacion, como explique al principio y lo que haremos sera activar el modo a cuadros (en caso de que no este activado):

clickando en ese icono de la barra de animacion. Sabremos que esta activado si nos aparece esto:


Nota: el icono recientemente pulsado cambiara a otro tipo de icono (modo escala de tiempo).

Ahora solo creamos tantos cuadros como queramos que tenga el gif pinchando en este icono:


y luego en cada cuadro vamos ocultando las capas que no nos interesen (pinchando en el icono del ojo de las capas) para que en cada cuadro salga una imagen diferente. De esta forma, por ejemplo:


Nota: las lineas que he puesto en rojo marcan otras cosas que hay que tener en cuenta. El tiempo indica la cantidad de segundos que se vera la imagen. Un 0.07 esta bien para los efectos de movimiento. El otro apartado indica las veces que se repetira el bucle. Una vez o infinitas veces (una vez: hara que cuando se pasen todos los cuadros, la imagen se quede en el ultimo cuadro del gif).

Luego solo queda irse a Archivo/Guardar para Web y otros dispositivos... y se os abrira una ventanica con varias opciones para ver el gif resultante (casi siempre suele verse algo mas lento de lo que en realidad va). Solo aseguraros que la opcion de Infinitas veces esta puesta y pinchadle en Guardar. Y aqui esta el resultado:


Espero os sea util saber como se hacen los gif. A partir de ahora ya cada uno que se busque la maña para crearse los suyos