Curso Gratis – Tutorial de Photoshop. Crear aminaciones con Photoshop LECCIÓN 3 

por

Cómo hacer animaciones con Adobe Photoshop

tutorial photoshop vectortoons

¿Qué son las animaciones?

Las animaciones son combinaciones de texto e imágenes que se secuencian y agrupan para para formar un marco en movimiento. Adobe Photoshop tiene una función en la que puede crear tus propios cuadros en movimiento y hacer animaciones.

Es por ello que en este tutorial, vamos a ir paso a paso para ver cómo hacer una animación básica y sencilla usando texto e imágenes.

(ATENCIÓN: Ten en cuenta que las versiones de Photoshop anteriores a CS3 no tienen esta función de animación)

Guía básica de animación paso a paso

1- Crea un nuevo documento haciendo clic en Archivo->Nuevo o presiona (comando+N) y suministra todos los detalles necesarios para el tamaño de tu imagen en la pantalla emergente.En este ejemplo, estamos utilizando 1000 x 652 píxeles con una resolución de 300. Pulsa OK.

tutorial photoshop animations pixels

2- Haz clic en Ventana->Animación para activar el panel de animación.

tutorial photoshop animations window

3- En el nuevo documento que has creado, escribe el texto que quieras y personaliza la fuente y el tamaño según tu criterio.

tutorial photoshop animation step 3

4- Para ponerle color a nuestro texto, tenemos que rasterizarlo haciendo clic en Capa->Rasterizar->Tipo. Ahora puedes colorear y diseñar letras individuales a tu gusto utilizando la herramienta cubo de pintura.

tutorial photoshop animation cubo de pintura

5- Para poder animar las letras correctamente, tenemos que utilizar la herramienta lasso para cortar cada letra a su propia capa. Simplemente resalta la capa rasterizada mientras cortas cada letra usando la herramienta lasso.

tutorial photoshop animation lasso

6- Después de cortar y crear una nueva capa para cada letra, ahora colocaremos una imagen sobre las capas de texto. Simplemente abre cualquier foto que te guste y arrástrala a tu documento.

tutorial photoshop animation imagen

7- Oculta la capa de texto original rasterizado, luego haz clic en la capa superior y toma una rápida instantánea compuesta de la misma pulsando Comando+Mayúsculas+Opción+E (esto creará una nuevacapa llamada «Capa 1»).

tutorial photoshop animation imagen layer

8- Oculta la «Capa 1» y selecciona la herramienta mover. Ahora tendrás que mover cada capa de letras a una nueva posición. Una vez que hayas movido las capas de las letras a un nuevo ángulo/posición resalta de nuevo la capa de letras superior y toma una instantánea compuesta pulsando Comando+Mayúsculas+Opción+E. Repite el proceso hasta que alcances el número deseado de capas.

tutorial photoshop animation 5 layers

9- Vuelve a hacer visibles todas las capas.

tutorial photoshop animation layers visible

10- En el Panel de Animación, notarás que ya hay una capa (esta es la Capa 1).

tutorial photoshop animation panel

11- En el menú desplegable del Panel de Animación, selecciona New Frame.

tutorial photoshop animation new frame

Ahora tendríamos que ocultar la «Capa 1» del panel de capas.

tutorial photoshop animation step 11

12- Repite el paso 11. Sólo que esta vez seleccionando «New frame» y colocaremos la ahora visible «Capa 2» como un nuevo fotograma en el panel de animación. Repite este paso hasta que haya añadido las 5 capas en el Panel de Animación.

13- Selecciona todos los fotogramas en el panel de animación y cambia el tiempo/duración. En este ejemplo, estamos asignando una duración de 0,20 segundos por cuadro y la opción de bucle a «Forever».

tutorial photoshop animation tiempo

14- Prueba tu animación haciendo clic en el botón PLAY.

15- Una vez quedes satisfecho/a, puedes guardar tu archivo como GIF. Para ello, haz clic en Archivo -> Guardar para web y dispositivos. Selecciona GIF y comprueba los ajustes en el panel de guardado y una vez que estés de acuerdo, pulsa Guardar.

16- Elige la carpeta en la que quieres guardar tu GIF animado. Escribe un nombre de archivo y haz clic en Guardar de nuevo.

tutorial photoshop animation final step

¡Ya está! Tu animación se ha guardado en la carpeta que hayas elegido como archivo GIF.

Ron Carrillo

Soy Ron Carrillo. Ilustrador de profesión y amante del arte. Los lapiceros son mi mejor arma y la belleza de la vida mi inspiración para plasmar lo que ven estos humildes ojos al papel. En Tu Tableta Gráfica está escrita todo mi recorrido probando tabletas gráficas para que puedas elegir una para ti según mis consejos. Puedes leer más sobre mi en LinkedIn.

Artículos relacionados

0 comentarios

Tu Tableta Gráfica - El lugar donde nacen artistas

¿Por qué nosotros? ¿Por qué comprar en Tu Tableta Gráfica?

Las razones son muchas, pero al final eres tú quien eliges. Tu Tableta Gráfica está comandado por Ron Carrillo, un friki ilustrador, dibujante, diseñador y artista que le flipan las tabletas gráficas y lo que se pueden conseguir con ellas.

Sobre todo ahora, en la era de las inteligencias artificiales de creación de imágenes como Midjourney, el potencial para editar imagenes de IA con una tableta y conseguir que tu imaginación y creatividad se eleven a la enésima potencia, es ilimitado.

¿Te unes al movimiento o no?

Envíos desde Amazon

Porque es increíble trabajar con su logística y red de envíos ultrarrápidos.

Pago seguro con tarjeta de crédito

Al trabajar con Amazon, usamos sus pasarelas, seguridad y sistemas de pago

Devoluciones sin problemas

Trabajamos con el sistema de devoluciones de Amazon, que son rápidos y seguros

Contáctanos

Si necesitas algo, escríbenos al email. Estamos aquí para ayudarte.

Nunca ha sido tan fácil compra una tableta gráfica

Lo hacemos fácil para ti. Usamos Amazon como tienda online para hacer todos los