Consejos para tu tienda

Cómo crear gifs animados con Photoshop

Los gifs son maravillosos: no hay otra palabra. Te permiten promocionar tus diseños de una forma mucho más original, suelen llamar la atención de la gente, son divertidos y, por si eso fuera poco, ¡resulta que también son superfáciles de hacer!

Me encanta dibujar personajes simpáticos y, a veces, les dejo que tengan un poco de vida propia dándoles un poco de movimiento. Para conseguirlo, me encargo de crear una animación fotograma a fotograma con Photoshop. Como creo que es algo muy entretenido y útil, he pensado que sería buena idea explicar paso a paso qué proceso sigo con la ayuda de esta sandía que odia las pepitas casi tanto como vosotros cuando, seres sin corazón, decidís comérosla. Espero que os anime a probar, ¡es la mar de fácil y divertido! :)

Así que, sin más dilación… ¡vamos a darle cuerda! :D

«Pip» de Teo Zirinis

Paso 1

Paso 1: preparad las imágenes

Cread una secuencia de al menos dos imágenes.
Para este gif, utilizaré una de tres.

Paso 2

Paso 2: abrid las imágenes en Photoshop

Copiad y pegad las imágenes en un archivo nuevo de Photoshop, creando una capa para cada una de ellas.

Paso 3

Paso 3: cread una animación de cuadros

Haced clic en la pestaña «Ventana» (1).

Seleccionad «Línea de tiempo» (2).

Haced clic en el botón «Crear animación de cuadros» (3).

Pasos 4 a 7

Pasos 4 a 7: cread cuadros a partir de capas, repeticiones y cambios de velocidad

Haced clic en el menú desplegable (4) que encontraréis en la esquina superior derecha de la barra de la línea de tiempo.

Seleccionad «Crear cuadros a partir de capas» (5).

Haced clic en las opciones de repetición (6) en la esquina inferior izquierda de la barra de la línea de tiempo y seleccionad «Infinito» para que la animación se reproduzca en un bucle sin fin.

Por último, para ajustar la velocidad, seleccionad el tiempo de transición entre cada cuadro indicando el retardo en el menú desplegable que aparece bajo cada uno de ellos (7). Después, pulsad el botón de reproducción para comprobar cómo quedará el gif.

Paso 8: ¡guardad los cambios y exportadlo!

Cuando estéis satisfechos con el resultado, id a la pestaña «Archivo», seleccionad «Guardar para Web» y después haced clic en «Guardar».

¡Tachán! Como por arte de magia, ya tenéis un gif.

Podéis descubrir mucho más sobre Teo Zirinis y sus simpáticos diseños en esta entrevista con Redbubble.

comentarios