Photoshop Animation - Animación de texto

• Mayo 6, 2024

En este tutorial de Photoshop, comenzaremos a animar los elementos de diseño en nuestra plantilla de portada de video de Facebook. Cada elemento está en su propia capa, por lo que podemos controlarlos individualmente.

Como puede ver en este punto, tenemos dos capas gráficas de marcador de posición en la parte inferior y ocho capas de texto de marcador de posición (ver captura de pantalla). Ya hemos expandido las capas gráficas a la duración total (20 segundos) para nuestro video, pero las capas de texto todavía están configuradas en los cinco segundos predeterminados (ver captura de pantalla). Eso está bien por ahora, ya que estaremos moviendo estas pistas a lo largo de la línea de tiempo según sea necesario. Por ahora, apaguemos la visibilidad (icono de ojo en el panel Capas) de todas las capas, excepto la capa inferior.

Escena 1 cuadro por cuadro

Código de tiempo (0: 00: 00: 00) Fotograma 1: el video comenzará con el gráfico de fondo inferior visible.

Código de tiempo (0: 00: 01: 00) Fotograma 30: Un segundo (30 fotogramas) después del inicio del video, el Nombre del Negocio el texto se desvanecerá en la pantalla. (duración: .5 segundos)

Código de tiempo (0: 00: 02: 00) Cuadro 60: Dos segundos después del inicio del video, el Tipo de negocio el texto se desvanecerá. (duración: .5 segundos)

Haremos todo esto en el panel Línea de tiempo.

En el panel Línea de tiempo, cada capa de texto tiene sus propias propiedades que podemos animar.


1. Expanda la capa Grupo de texto en el panel Línea de tiempo para mostrar todas las capas de texto (ver captura de pantalla).
   
   
2. Mueva la cabeza lectora al código de tiempo (0: 00: 01: 00) y arrastre el borde izquierdo de cada capa de texto a la cabeza lectora. Esto hará que las capas de texto sean invisibles hasta el Código de tiempo (0: 00: 01: 00).
   
   
3. Ampliar la Nombre del Negocio capa de texto para mostrar la lista de propiedades. Con el cursor de reproducción en el código de tiempo (0: 00: 01: 00), haga clic en el icono de cronómetro para la propiedad de opacidad.
   
   Debería ver (ver captura de pantalla) un pequeño fotograma clave amarillo agregado a la propiedad Opacidad. Esto establece el comienzo de esta animación de capa de texto.
   
   
4. Mueva el Playhead 15 cuadros a la derecha. Código de tiempo (0: 00: 01: 15)
   
   
5. Con solo el Nombre del Negocio capa seleccionada, haga clic en el triángulo pequeño para la propiedad Opacidad en la lista de propiedades para agregar un segundo fotograma clave.
   
   Ahora debería tener dos fotogramas clave en la propiedad Opacidad.
   
   En este punto, el texto aún es visible en ambas ubicaciones de fotogramas clave. Ocultemos el texto en el primer cuadro de este desvanecimiento en la animación.
   
   
6. Mueva la cabeza lectora hacia el cuadro inicial. Ahora ve al panel de Capa y reduce la Opacidad de la capa a 0%.
   
   Nuestra última tarea es animar el Tipo de negocio texto.
   
   
7. Mueva el Playhead a la marca de dos segundos en la Regla de tiempo (02:00) o Código de tiempo (0: 00: 02: 00). Arrastre el borde izquierdo de esta pista al Playhead.
   
   
8. Selecciona el Tipo de negocio texto y expandir para ver las propiedades. Repita los pasos anteriores para agregar los dos fotogramas clave y reducir la opacidad al 0% en el primer fotograma clave.
   
   

Mueva el cabezal de reproducción de nuevo al comienzo de la línea de tiempo y haga clic en el botón Reproducir para probar la animación. Guarda tu trabajo.

En el siguiente tutorial, utilizaremos la propiedad Transformar para animar el segundo gráfico de marcador de posición.

Volver | próximo

Derechos de autor 2018 Adobe Systems Incorporated. Todos los derechos reservados. Las capturas de pantalla del producto Adobe se reimprimieron con permiso de Adobe Systems Incorporated. Adobe, Photoshop es / son [una] marca registrada [s] o una marca registrada (s) de Adobe Systems Incorporated en los Estados Unidos y / u otros países.

Instrucciones De Vídeo: ¿Cómo animar textos en Photoshop? (Jittery Effect) (Mayo 2024).