Cómo hacer animaciones con Adobe Photoshop

¿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.

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

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.

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.

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.

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.

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»).

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.

9- Vuelve a hacer visibles todas las capas.

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

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

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

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».

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.

¡Ya está! Tu animación se ha guardado en la carpeta que hayas elegido como archivo GIF.
- Curso Gratis – Tutorial de Photoshop. ¿Cuáles son las principales acciones de Photoshop? LECCIÓN 1
- Curso Gratis – Tutorial de Photoshop. Crear GIFs animados con Photoshop LECCIÓN 2
- Curso Gratis – Tutorial de Photoshop. Crear aminaciones con Photoshop LECCIÓN 3
- Curso Gratis – Tutorial de Photoshop. Fondos desenfocados con Photoshop LECCIÓN 4
- Curso Gratis – Tutorial de Photoshop. Texto subrayado con Photoshop LECCIÓN 11
- Curso Gratis – Tutorial de Photoshop. Eliminación de fondos con Photoshop LECCIÓN 9
- Curso Gratis – Tutorial de Photoshop. Crear imágenes en negativo con Photoshop LECCIÓN 8
- Curso Gratis – Tutorial de Photoshop. Activar la cuadrícula de Photoshop LECCIÓN 7
- Curso Gratis – Tutorial de Photoshop. Crear sombras de fondo con Photoshop LECCIÓN 6
- Curso Gratis – Tutorial de Photoshop. Crear líneas de puntos con Photoshop LECCIÓN 5
- Curso Gratis – Tutorial de Photoshop. Cómo crear efectos de brillo con Photoshop LECCIÓN 13
- Curso Gratis – Tutorial de Photoshop. Cómo crear marcas de agua con Photoshop LECCIÓN 12
- Curso Gratis – Tutorial de Photoshop. Guardar archivos como GIF con Photoshop LECCIÓN 10
- Curso Gratis – Tutorial de Photoshop. Justificación de textos en Photoshop LECCIÓN 14
0 comentarios