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.

tutorial photoshop animation star

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

Envíos desde Amazon

Porque es increíble trabajar con su logística.

Pago seguro

Al trabajar con Amazon, tus compras son todavía más seguras.

100% Satisfacción

Las devoluciones en Amazon son rápidas y sin problemas.

Contáctanos

Si necesitas algo, escríbenos al email.

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