Create unos terribles GIFs con estos tips | PS | TutorialesDesigngifAdobeGifsphotoshopanimacion
linea de tiempo


intercalado

dise��o

linea a cuadros Photoshop: Como editar Gifs provenientes de .PSD
Create unos terribles GIFs con estos tips | PS | Tutoriales Guia: Aprende a utilizar la linea a cuadros

Design Quicktime: Como editar Gifs provenientes de .Gif

gif Intercalado: Breve introducción
Adobe Guia: Aprende realizar una aparición con intercalado
Gifs Guia: Aprende realizar un movimiento con intercalado

photoshop Suavizado: logra un efecto "suave" en tu Gif
animacion Guia: Aprende a suavizar tus Gifs

linea de tiempo Tips: Mejora tus Gifs
intercalado Primer cuadro: Cuadro modificador de la animación
dise��o Primero las capas, luego la animación
linea a cuadros Distribución de colores: Evitar el pixeleo
Create unos terribles GIFs con estos tips | PS | Tutoriales Guardalo en linea de tiempo para mas velocidad
Design Evita animar las transformaciones
gif Comienzo y fin iguales
Adobe Gifs transparentes
Gifs Combina diferentes intercalados
photoshop Imagina mas...

animacion Fin del post

linea de tiempo

intercalado

dise��o

Editar un Gif a través de un formato PSD (Formato del Photoshop) es muy conveniente ya que podemos manejar la animación más fácil y a traves de dos formas:

linea a cuadros Mediante la linea de tiempo
Create unos terribles GIFs con estos tips | PS | Tutoriales

Design

gif Mediante la linea a cuadros
Adobe

En este post me voy a centrar más en la linea a cuadros ya que me familiaricé con ella y se me hace
mucho más fácil de explicar que la linea de tiempo común.

Gifs
photoshop
El tutorial está basado en el Photoshop CS3, pero puede ser cualquier photoshop CS

animacion

El tutorial explica todos los componentes de la linea de tiempo a cuadros. es un tutorial "base" para aquellos que recien empiezan a hacer gifs y no conocen ésta herramienta.
Vamos a utilizar el siguiente archivo de photoshop, éste contiene un futuro Gif de cargando (pare ser más preciso, éste)

linea de tiempo
(Si no puedes ingresar, mandame un MP y te enviaré el link)

intercalado

Abrimos con nuestro Adobe Photoshop el archivo descargado (loading.psd) y en él, abrimos la ventana de animación (Ventana > Animación).
Usaremos la linea a cuadros, así que si te aparece la linea de tiempo, presiona el botón inferior derecho de la ventana para ir a la linea a cuadros:

dise��o

linea a cuadros

Creamos 2 cuadros de tiempo con el botón de duplicar cuadros (ésta es una forma de crear otra capa, y ésta nueva se crea igual al cuadro que tenemos seleccionada)

Create unos terribles GIFs con estos tips | PS | Tutoriales

Design

Ahora modificamos el tiempo de cada cuadro. éste tiempo es el que nuestro futuro gif permanecerá en ése cuadro, es decir realizando la accion que vemos. lo modificaremos a 0.5 (medio segundo) así no va ni tan lento ni tan rapido.

gif

Adobe

ahora paso a describir lo que hacen estos botones.
(circulo naranja) con éste botón podemos elegir cuántas veces se repetirá el gif. es decir, si elegimos "una vez" el gif comienza su animación y termina, no vuelve a comenzar de nuevo su animacion (al menos que se aprete f5), si elegimos infinito, el gif repetira la animación infinitamente (como dice la palabra)
(Circulo violeta) éstos funcionan como un programa para reproducir música, el botón de las dos flechas indicando a la izquierda nos lleva al primer cuadro, el siguiente botón nos selecciona el cuadro anterior, la flecha indicando la derecha nos reproduce la animación y la ultima flecha nos selecciona la siguiente capa.

Gifs

photoshop

Seguimos con el tutorial, en las dos ultimas capas vamos a mover nuestro puntito marrón hacia el medio y hacia el otro lado, cómo? ocultando y visualizando las otras capas en la ventana de la derecha. debe quedarte igual a la imagen:

animacion

linea de tiempo

Ahora explico el botón de intercalado, éste es el botón más importante y más usado. es el que da mucho más animación al futuro gif. éste botón crea cuadros intermedios entre dos cuadros ya hechos.

intercalado

dise��o

Si nos paramos en el cuadro 2 y precionamos el botón de intercalado, nos aparecera una ventana en la que nos pedirá cuántas capas creará entre las dos. nosotros pondremos 5, ya que el movimiento es bastante chico.

linea a cuadros

Create unos terribles GIFs con estos tips | PS | Tutoriales

Lograremos que se creen 5 cuadros entre las dos capas. los cuadros amarillos son los creados por el intercalado, mientras que los azules son los que habiamos creado nosotros anteriormente

Design

gif

A los cuadros nuevos, le cambiaremos su tiempo a 0,0 (0 segundos) ya que no queremos que el gif se quede en cada cuadro, sino que pase de una vez.

Adobe

Gifs

Si presionamos el botón de reproducir, nos debería reproducir algo similar a ésto:

photoshop

animacion

Si repetimos el paso anterior, pero entre los dos últimos cuadros, lograremos una pequeña animación entre los dos últimos puntitos, tal como se muestra en la siguiente imagen

linea de tiempo

intercalado

Bien, hicimos nuestro gif, pero se nota mucho cuando empieza y cuando termina. para sacar este "efecto" que no es muy lindo, copiamos el primer cuadro, seleccionandolo y clickeando el botón superior derecho como indica la imagen

dise��o

linea a cuadros

Ahora nos vamos al último cuadro y pegamos el cuadro copiado usando el mismo botón, pero de la siguiente forma

Create unos terribles GIFs con estos tips | PS | Tutoriales

Design

Nos aparecerá un cuadro, seleccionamos la última opcion: "pegar despues de la seleccion"

gif

Adobe

Realizamos el paso del intercalado, pero ahora con los últimos 2 cuadros: nos paramos en el último cuadro, seleccionamos el botón intercalado, ponemos que intercale 5 capas y les cambiamos el valor a 0.0 (0 segundos) a esas capas creadas. Nos debería quedar algo similar a ésto si lo reproducimos

Gifs

photoshop

Excelente! Hicimos nuestro gif y salio bastante bien, pero como lo guardamos? si utilizamos el "guardar como..." no se guarda la animación, así que debemos usar "guardar para web y dispositivos..." (Archivo> guardar para web y dispositivos...).
Se nos apareció una ventana nueva, aca explicaré algunos botones, ya que no son muy importante en sí.
(Circulo naranja) Muestra el formato. debe ser Gif, ya que es el que permite el movimiento
(circulo rojo) Muestra la transparencia de los gifs sin fondo (Si es que haremos, pero es mejor dejarlo activado siempre)
(circulo azul) Muestra cuántas veces se activará la animacion. si está en infinito, significa que siempre se hará

animacion
Para verla ampliada, clickea aquí

linea de tiempo

Resultado Final:

intercalado

dise��o

Si quieres conocer otro tutorial de dificultad facil, te sugiero éste post:
http://www.taringa.net/posts/hazlo-tu-mismo/10314769/Photoshop-Crea-un-Gif-animado-de-Meotwh.html

linea a cuadros

Existe otra forma de editar gifs, la cual no me centraré porque se me hace muy largo el post , que es usando el programa Quicktime (no es necesario en versiones muy nuevas del Adobe Photoshop). Lo malo es que éste programa no puede importar la animación, lo cual nos crea una capa por cada movimiento o fotograma que hace la animación, haciendo así que nos pese un montón el archivo del photoshop (si es una animacion muy grande)

Create unos terribles GIFs con estos tips | PS | Tutoriales

Design

gif

Adobe

El intercalado es una herramienta que crea cuadros de animación entre dos ya existentes, es decir, agrega animación entre dos cuadros distintos.
Por ejemplo, Si en un cuadro tenemos un punto a la izquierda:

Gifs

photoshop

Si en otro cuadro, movemos el punto a la derecha:

animacion

linea de tiempo

Y si los intercalamos, sucede esto:

intercalado

dise��o

El intercalado nos "ahorra" tiempo, sin esta herramienta, habría que mover en cada cuadro un poco el puntito para que aparezca la ilusion de movimiento.
También hay otros tipos de animación que se pueden hacer con el intercalado, son 3: El de movimiento, aparición y efectos yo explicaré los primeros 2. (No soy de usar mucho el de efectos)
El ejemplo que puse arriba es uno de movimiento muy basico, no hay diseño, (es solo un puntito), pero una vez que se domina bien, se puede llegar a estos tipos de gifs con una atraccion:

linea a cuadros

Éste es de aparición (algunas capas aparecen)

Create unos terribles GIFs con estos tips | PS | Tutoriales

Design

Éste es de movimiento (algunas capas se mueven)

gif

Ahora pasaré a explicar el movimiento de los dos mediante una miniguia.

Adobe

El tutorial va a explicar el intercalado a linea de cuadros para que una/s capa/s aparezca/n para que quede igual a la imagen que mostré arriba.
Primero se necesita el archivo sin animación:

Gifs
(Si no puedes ingresar, mandame un MP y te enviaré el link)

* Antes de abrir el PSD, instala las fuentes que vienen con el archivo

photoshop

Ya tenemos nuestro archivo PSD abierto y las fuentes instaladas. Lo primero a hacer sería abrir la ventana de animación (Ventana > Animación)
Si se te abre la linea de tiempo, cambiala a linea a cuadros, ya que el tutorial se basa en esta ultima.

animacion

linea de tiempo

Creamos un nuevo cuadro. en el primer cuadro quitamos el grupo de la corona y el de los textos (los desvisualizamos), en el segundo no, quedaría como está

intercalado

dise��o

Los intercalamos, presionando el botón de intercalado:

linea a cuadros

Create unos terribles GIFs con estos tips | PS | Tutoriales

y ponemos el valor de 10 capas:

Design

gif

Seleccionamos todas las capas que el intercalado creó (desde la 2* hasta la 10*) y le cambiamos el valor a 0 (0 segundos)

Adobe

Gifs

Nos paramos en el primer cuadro y seleccionamos en la esquina superior derecha la opcion de copiar cuadro

photoshop

animacion

linea de tiempo

Nos paramos en el último cuadro y pegamos nuestro cuadro. seleccionamos pegar después de la selección.

intercalado

dise��o

linea a cuadros

Nos paramos de vuelta en el último cuadro y seleccionamos el botón intercalar. luego le agregamos 10 cuadros

Create unos terribles GIFs con estos tips | PS | Tutoriales

Design

gif

seleccionamos los 10 cuadros creados y les cambiamos el valor a 0 (0 segundos)

Adobe

Gifs

Y ahora al primer cuadro le ponemos el valor de 1 (1 segundo), al cuadro numero 12, que te debió haber quedado entre dos cuadros con valor 0, le ponemos el valor de 3 (3 segundos) y al último cuadro le ponemos 0 (0 segundos)

photoshop

Todo bien, pero si lo reproducimos se nos ve un poco lento comparado con el de acá arriba. para que vaya más "fluido" cambiaremos la linea a cuadros por la linea de tiempo clickeando en el siguiente botón

animacion

linea de tiempo

Lo guardamos, lo cerramos y lo volvemos a abrir. (MUY IMPORTANTE QUE LO GUARDEN, LO CIERREN Y LO ABRAN). luego, nos vamos a archivo > guardar para web y dispositivos y seleccionamos "infinito" en la parte inferior (para que se repita infinitamente, obvio)

intercalado

dise��o

Resultado final:

linea a cuadros

Create unos terribles GIFs con estos tips | PS | Tutoriales

Design


gif

Éste tutorial mostrará como puede hacerse para que una o más capas puedan moverse.
Nos descargamos el archivo sin animación correspondiente:

Adobe
(Si no puedes ingresar, mandame un MP y te enviaré el link)

Instalamos previamente a abrir el photoshop, las fuentes que estaban en el .RAR, junto con el archivo PSD.
Abrimos la ventana de animación, si aparece la linea de tiempo, la cambiamos por la linea a cuadros como indica la imagen.
También recomiendo activar las guías inteligentes, para así hacer mejor el trabajo y que quede más extacto (Vista>Mostrar>Guias inteligentes)

Gifs

photoshop

Creamos un nuevo cuadro en la animación, lo seleccionamos y duplicamos el grupo de textos. (lo duplicamos para que sea exacto y para así usar las guías inteligentes)

animacion

linea de tiempo

Movemos el Grupo "Textos" (El grupo "Textos copia" NO, es solo para guiarnos donde estaba) y vemos como las guias nos van guiando con el otro grupo, para así no desviarnos y que salga mejor el Gif

intercalado

dise��o

Una vez movido, eliminamos el grupo "textos copia", ya no nos servirá.

linea a cuadros

Create unos terribles GIFs con estos tips | PS | Tutoriales

Ahora nos paramos en el segundo cuadro y lo movemos hacia la izquierda, así aparecerá éste como primero, es decir, movemos el segundo cuadro para que éste sea el primero en la animación, manteniendolo apretado y moviendo el mouse hacia el otro cuadro

Design

gif

Volvemos a pararnos en el segundo cuadro (éste debería tener los textos vistos), precionamos en el botón intercalar y escribimos 10 capas.

Adobe

Gifs

Seleccionamos las capas creadas (desde la 2° hasta la 11°) y le cambiamos el valor a 0 (0 segundos)

photoshop

animacion

Nos paramos en el primer cuadro y seleccionamos "Copiar cuadro" en la esquina superior derecha de la ventana de animación.

linea de tiempo

intercalado

Seleccionamos el ultimo cuadro y pegamos el cuadro copiado después de éste

dise��o

linea a cuadros

intercalamos los dos ultimos cuadros a 10 capas.

Create unos terribles GIFs con estos tips | PS | Tutoriales

Design

Seleccionamos los cuadros creados y le cambiamos el valor a 0 (0 segundos)

gif

Adobe

Al ultimo cuadro también le cambiamos el valor a 0 (0 segundos)

Gifs

photoshop

Al Cuadro numero 12 (el cuadro que tiene un valor y que está rodeado de cuadros con valor 0) le cambiamos su valor a 4, así podemos ver bien el mensaje que muestra el gif

animacion

linea de tiempo

Para que tenga una mejor velocidad, cambiamos a la linea de tiempo, luego guardamos, lo cerramos y lo abrimos de nuevo (ES IMPORTANTE CAMBIAR A LINEA DE TIEMPO, GUARDAR, CERRAR Y ABRIR)

intercalado

dise��o

Ahora nos vamos a archivo>Guardar para web y dispositivos... y seleccionamos Infinito.

linea a cuadros

Create unos terribles GIFs con estos tips | PS | Tutoriales

Resultado final:

Design

gif

Adobe

Gifs

photoshop

Éste es un efecto poco utilizado ya que no se conoce mucho. me atrevería a decir muy pocos lo saben acá, aunque seguramente alguna otra persona lo habrá descubierto, ya que es muy facil de sacar, pero dificil de explicar. voy a tratar de explicarlo lo más claro posible
¿En que consiste? éste efecto "suaviza" el final del movimiento haciendo más atractivo a la vista.
Por ejemplo, tenemos éste gif, con una animación común (como vimos antes, usando el intercalado)

animacion

linea de tiempo

Ahora vemos la misma animación, pero con un efecto suavizado:

intercalado

dise��o

Tal vez no se nota mucho ya que están muy juntas, prueba en abriendolas en pestañas separadas y comparando, no es la gran cosa, pero le da más atractivo (como una publicidad de google )
éste efecto queda perfecto en la animación de movimiento (cuando las capas se mueven) pero no en la aparicion (cuando las capas aparecen).

linea a cuadros

Voy a explicar la última animación, primero debemos descargar el archivo:

Create unos terribles GIFs con estos tips | PS | Tutoriales
(Si no puedes ingresar, mandame un MP y te enviaré el link)

Design

En primer lugar vamos a duplicar el grupo de los textos a animar y vamos a activar las guías inteligentes (Vista>Mostrar>Guias inteligentes). duplicar la capa, como dije antes, sirve para hacer más exacto el gif (Con la ayuda de las guias).

gif

Creamos un nuevo cuadro en nuestra ventana de animación

Adobe

Gifs

Moveremos nuestro grupo original de textos a animar hacía la izquierda, fuera de la pantalla (hasta que no se vean, pero no los mandes tan lejos, solo hasta que no se vean) las guías inteligentes nos van guiando para que esté a la altura del otro grupo

photoshop

animacion

Desvisualizamos nuestro grupo Copia de textos a animar, en ambos cuadros, es decir, no tienen que verse textos en el segundo cuadro y en el primero si, pero solo las capas de un grupo.

linea de tiempo

intercalado

Cambiamos los cuadros de lugar (Movemos el segundo cuadro al principio de la animación) seleccionandolo, manteniendolo apretado y moviendolo hacia el comienzo de la animación

dise��o

linea a cuadros

Creamos un nuevo cuadro entre éstos dos y movemos el primer texto "temeá tu escritorio de hoy" (dentro del grupo original) hacia la derecha y verificamos que esté en el lugar correcto con el grupo superior (Lo vamos moviendo hasta que quede en el lugar exacto si visualizamos el grupo copia). Deberían quedarte así los 3 cuadros:

Create unos terribles GIFs con estos tips | PS | Tutoriales

Design

Pasamos a la animación: Nos paramos en el segundo cuadro (El del medio) y seleccionamos el botón intercalado y ponemos que nos cree 5 cuadros.

gif

Adobe

Seleccionamos las capas creadas y les cambiamos el valor a 0 (0 segundos)

Gifs

photoshop

Volvemos a pararnos en la cuadro que estaba en el medio, si todo salió bien debe ser la capa número 7 y volvemos a intercalar, pero esta vez, que nos cree 3 cuadros

animacion

linea de tiempo

Volvemos a pararnos en el mismo cuadro, el cual ahora estaría en el numero 10 y volvemos a intercalar, pero que nos cree 4 cuadros

intercalado

dise��o

Lo hacemos una vez mas: seleccionamos el mismo cuadro (debería tener el numero 14), presionamos intercalar y seleccionamos ésta vez 5 capas

linea a cuadros

Create unos terribles GIFs con estos tips | PS | Tutoriales

Lo que hicimos fue intercalar siempre la ultima capa de animación, significa que le estamos dando más animacion (más lentitud) al final del trayecto que hará el texto y así formara un efecto de suavizado.

Design

Realizamos lo mismo pero con la última capa, lo explicaré con imagenes también pero si ya le encontraste la vuelta, saltá varios pasos:
Nos paramos en el último cuadro (cuadro n°20), seleccionamos el botón intercalar y le pedimos que cree 5 capas.

gif

Adobe

Selecciona los 5 cuadros creados y cambiales su valor a 0 (0 segundos)

Gifs

photoshop

Nos paramos de nuevo en el último cuadro (cuadro n° 25) e intercalamos de vuelta, ésta vez que nos cree 3 cuadros

animacion

linea de tiempo

Nos paramos de vuelta en el último cuadro (cuadro n°28) e intercalamos, ésta vez a 4 cuadros

intercalado

dise��o

Una vez más nos paramos en el último cuadro (Cuadro n°32) e intercalamos, a 5 cuadros

linea a cuadros

Create unos terribles GIFs con estos tips | PS | Tutoriales

Ya tenemos nuestro efecto suavizado, ahora resta terminar el gif y guardarlo:

Design

Nos paramos en el primer cuadro y lo copiamos, como indica la imagen

gif

Adobe

Nos vamos al último cuadro y lo pegamos:

Gifs

photoshop

Intercalamos los dos últimos cuadros y seleccionamos 5 cuadros en el intercalado.

animacion

linea de tiempo

A los cuadros creados, les cambiamos su valor a 0 (0 segundos)

intercalado

dise��o

La capa que tiene los dos textos (Si todo salió bien, la capa numero 37, la original, la que no se creó sin intercalado) le cambiamos su valor a 3 (3segundos)

linea a cuadros

Create unos terribles GIFs con estos tips | PS | Tutoriales

Cambiamos a linea de tiempo, lo guardamos, lo cerramos y lo abrimos ( ES IMPORTANTE CAMBIAR A LINEA DE TIEMPO, GUARDAR, CERRAR Y VOLVER A ABRIR) para que sea más fluido.

Design

gif

Vamos a archivo>Guardar para web y dispositivos... y seleccionamos "infinito" para que su animación sea continua

Adobe

Gifs

Resultado final:

photoshop

animacion

linea de tiempo

intercalado

dise��o

Ya te dije lo básico de cómo hacer los gifs que hago, pero no explicaré todo, lo reduciré en unos tips o trucos para que no se haga muy largo el post (se hace re largo el post y no querrás leer tanto )

linea a cuadros

Create unos terribles GIFs con estos tips | PS | Tutoriales

El primer cuadro es el cuadro primordial si es que nosotros queremos cambiar algo en el diseño del futuro gif. si seleccionamos el primer cuadro y modificamos alguna capa (agregamos un efecto, movemos algo de lugar) en todas los demás cuadros se moverá también.
Si queremos modificar Solamente el primer cuadro y no todo los demás que le siguen, lo mejor sería crear una nueva capa, modificarla como queremos que esté el primer cuadro y moverla al comienzo de la animación.

Design

gif

Siempre recomiendo hacer todas las escenas que tendrá el gif primero y luego la animación, es decir primero realizar TODAS las capas que van a estar en la animación del gif y luego realizar la animación (porque es un quilombo crear algo sin que se modifique la animación y terminamos mareandonos)
En resumen: Hacé primero todas las capas que vas a animar, luego animalas.

Adobe

Gifs

Generalmente me preguntan cómo hago para evitar que mis gifs no se pixeleen. éste pixeleo se debe a que el formato GIF solo acepta 256 colores, y si superamos la cantidad de colores, comienza a pixelearse (a formar unos puntitos que no deberían estar). Esto no significa que no vas a poder usar el rojo, amarillo, azul y verde en un gif o usar muchos colores, significa que no vas a poder usar muchos degradados /degradé (yo les digo degradados) de diferentes colores.
Antes de seguir, Ésto son muchos ejemplos de degradados/degradé:

photoshop

esta imagen está guardada en JPG porque está saturada en colores, si lo guardamos en GIF sucede ésto:

animacion

Nuestros degradados se pixelean. sucede lo mismo con los gifs, pero a mayor medida, ya que en la animación se utilizan más colores (por ejemplo cuando hacemos aparecer un texto). Qué hacer ante una situación así? evitar degradados de diferentes colores, si te fijaste en todos mis gifs (aquí) ves que uso colores firmes (sin degradé solo colores fuertes) y si hay degradados, los hago del mismo color siempre, para evitar que suceda esta tragedia.

linea de tiempo

intercalado

Siempre que guardás un gif, guardalo con linea de tiempo. si estás desde la linea a cuadros, accedés mediante éste botón:

dise��o

ésto aunque no lo creas, le da más fluidez, lo hace más rapido. No es mucha la diferencia, pero con esto lográs que la animación se "enganche" mas.

** Es importante Cambiar a linea de tiempo, Guardar, Cerrar, y Abrir de vuelta el documento para que funcione.

linea a cuadros

Create unos terribles GIFs con estos tips | PS | Tutoriales

Nunca trates de animar una transformación (por ejemplo animar como se achica un cuadrado) porque esto no te lo va a tomar el intercalado.
Si queres animar las transformaciones como la siguiente, existe una forma:

Design

el gif no está hecho con intercalado, sino que el documento contiene muchas capas en las cuales cada burbuja naranja se achica un poquito. y luego en la animación se visualiza capa por capa.

gif

Adobe

Siempre trata de que el Gif vuelva a comenzar, ya que no es agradable que, por ejemplo, los textos desaparezcan de golpe como sucede aca:

Gifs

Haz que continue, por ejemplo, yo los hago desaparecer o los muevo hacia otro lado. en este caso los hice desaparecer y luego su avatar:

photoshop

En los 3 tutoriales de arriba está explicado cómo hacer para que no suceda esto.

animacion

linea de tiempo

Los gifs transparentes son poco utilizados (y menos en taringa, ya que el fondo es blanco y fue) pero no está de más informarse. los gifs que hacemos en photoshop se pueden guardar sin fondo, ¿cómo? sacandole el fondo al archivo y luego guardandolo para web y dispositivos, así de facil.

intercalado

dise��o

Algo muy util y que sale bastante bien, es combinar diferentes intercalados. lo hace mucho mas atractivo al gif y se logra un mejor efecto. No es lo mismo realizar esto:

linea a cuadros

que esto:

Create unos terribles GIFs con estos tips | PS | Tutoriales

En este caso combiné los dos tutoriales de arriba pero solo en un gif. la corona se mueve mientras aparece y el texto solamente se mueve. probalo !

Design

gif

No solo hagas Gif o imágenes por tutoriales, también imagina y logra sacar una animación de cualquier cosa.
Crea imagenes de la nada e integrale cosas que vayas aprendiendo de los tutoriales.

Adobe

Gifs

Esto fue todo lo que voy a explicar en el post. Todo los gifs aquí salieron de parte mia, inspirandome por el internet .
tecnicamente, les cedí todos mis conocimientos sobre los gifs, si vos ya sabías esto, lo unico que te falta es inspiración para que tus gifs salgan increibles.

photoshop

ST!RIP y Tu escritorio del dia, usé los gifs que les había hecho para explicar el post y no se los comenté, a sus dueños les mando un saludito

animacion

Cualquier pregunta sobre los gifs o photoshop, ¡No dudes en mandarme un MP!, eso si, no me preguntes si te puedo hacer un gif que solo los hago si el usuario/comu tiene buena onda ... o plata !

linea de tiempo

intercalado