ANIMACIONES, GIF, PROCESOS ///

CREAR GIF DE CAPAS A CUADROS 3. TRABAJO EN LINEA DE TIEMPO En cada cuadrio podemos
regular el tiempo que el gif
se va a detener, de manera
Todo lo demás debemos hacerlo trabajando en la linea de tiempo que
que el ritmo sea mas
debemos sacar de VENTANA/ LINEA DE TIEMPO.
rapido o mas lento. Está
bien 0,1 o 0,2 segundos
probad para ver cual es el
ritmo mas adecuado
segun las capas. DEspues
podemis ver como se
reproduciria el GIF en el
boton de PLAY de la linea
del tiempo.

1. CREACIÓN DE
ARCHIVO
4. EXPORTAR PARA WEB
DE SALIDA
Finalmente debemos exportar para web. Para ello vamos a la ruta ARCHIVO/
Debemos tener en cuenta qie un GIF EXPORTAR/ GUARDAR PARA WEB (HEREDADO). En este paso debemos
es usn archivo de pantalla no de Una vez fuera debemos seleccionar CREAR ANIMACION A PARTIR asegurarnos de que el formato del archivo sea GIF, y que la gama de color sea
impresion y por tanto crear el DE CAPAS y hacer clic sobre esta opcion y nos importará las capas 128, podemos poner o no transparencia y también bucle infinito. Os
documento teniendo en cuenta los todas juntas en un cuadro, creando asi la animacion. recomiendo revisar todos los apartados por si quereis ver como funciona la
parametros de la salida en pantalla, exportacion y una vez verificadas las caracteristicas que deseamos,
en este caso vamos a hacer un GIF GUARDAR. Acordaros de guardar también el PSD con el proceso por si
para instagram quereis editar cualquier cosa.
1080 px x 1080 px
Resolucion entre 72 y 150
Modo de color RGB

2. CREAMOS
PASOS EN CAPAS
A partir de aqui, creamos cada paso
de la animación en una capa diferente.
Por ejemplo, lineas, relleno,
degradados, detalles... no es necesario
que sea complejo, solo debemos
pensar como queremos que sea la
animación.
capas de
En el menu de la linea del tiempo, las tres rayitas de la parte superior
Illustrator
derecha, desplegamos y activamos, CREAR CUADROS A PARTIR DE
CAPAS, y ya tendremos cada capa un frame de la animación, ya que en
el paso anterior teniamos todas las capas en un cuadro. Al final tendremos tres archivos: https://helpx.adobe.-
- Ilustración tecnica.AI (vectorial) com/es/photos-
hop/how-to/anima-
- Ilustración en capas.psd (mapa de bits) ted-gif-photoshop.html
- ilustracion técnica.gif (animación)

capas de
Photoshop