Animación de texto de After Effects para anuncios: tutorial

Aprenda a crear animaciones de texto cautivadoras en After Effects con nuestro tutorial paso a paso, que incluye fotogramas clave, ajustes preestablecidos, texto 3D y mucho más para sus anuncios de vídeo.
Animación de texto de After Effects para anuncios: tutorial
Written By
Nitin Mahajan
Published on
October 5, 2024

Crear animaciones de texto atractivas en After Effects es crucial para captar la atención y transmitir tu mensaje de forma eficaz en anuncios de vídeo. Este tutorial cubre lo esencial:

  • Configuración de un nuevo proyecto e importación de activos
  • Creación y estilo de capas de texto
  • Animación de texto con fotogramas clave y ajustes preestablecidos
  • Técnicas avanzadas como la animación de trazados y texto 3D
  • Guardar ajustes preestablecidos de animación y exportar para su uso

Si dominas estas habilidades, puedes mejorar tus anuncios de vídeo con animaciones de texto visualmente impactantes y cautivadoras que impresionen a tu audiencia.

Vídeo relacionado de YouTube

Puntos clave

  • ¿Por qué usar texto animado? El texto animado refuerza la identidad de la marca, capta la atención y hace que los mensajes sean más memorables.
  • Configuración de un proyecto: Crea una nueva composición, establece la resolución/velocidad de fotogramas e importa los activos.
  • Creación de capas de texto: Añade texto, elige fuentes, ajusta el tamaño/color/alineación.
  • Animación de texto: Usa fotogramas clave para definir propiedades de animación como la posición, la escala y la opacidad. Aplica ajustes preestablecidos para ahorrar tiempo.
  • Técnicas avanzadas: Anima texto en trazados personalizados, crea animaciones de texto en 3D.
  • Finalización y exportación: Guarda los ajustes preestablecidos de animación y expórtalos en formatos compatibles como MP4 o MOV.

Configuración de su proyecto

Para crear animaciones de texto impresionantes para tus anuncios, debes configurar un nuevo proyecto en Adobe After Effects. En esta sección, lo guiaremos a través del proceso de inicialización de un nuevo proyecto, presentación del espacio de trabajo y preparación de los activos necesarios.

Creación de una nueva composición

Para crear una composición nueva, sigue estos pasos:

1. Abra Adobe After Effects: Ve a «Archivo» > «Nuevo» > «Composición» o usa la combinación de teclas Ctrl+N (Cmd+N para Mac).

Descripción de los ajustes de composiciónResoluciónEstablecida en 1920 x 1080 para una velocidad de fotogramas de vídeo HD estándarEstablecer en 30 fps para un vídeo HD estándarDuración establecida en 10 segundos para un vídeo HD estándar

2. Elige un ajuste preestablecido o personaliza la configuración: Seleccione un ajuste preestablecido o configure manualmente la resolución, la velocidad de fotogramas y la duración de acuerdo con los requisitos del proyecto. 3. Crea la nueva composición: Haga clic en «Aceptar» para crear la nueva composición.

Importación de activos

Antes de empezar a animar, tendrás que importar los recursos necesarios, como imágenes, vídeos y archivos de audio. Para hacer esto:

1. Ve a «Archivo» > «Importar» > «Archivo»: Utilice el método abreviado de teclado Ctrl+I (Cmd+I para Mac). 2. Seleccione los archivos que desea importar: Navegue hasta la carpeta que contiene sus activos y seleccione los archivos que desea importar. 3. Importar los archivos: Haga clic en «Abrir» para importar los archivos a su proyecto. 4. Organice sus activos: Crea carpetas y etiquétalas según corresponda en el panel «Proyecto».

Si sigues estos pasos, tendrás una base sólida para crear animaciones de texto atractivas para tus anuncios. En la siguiente sección, profundizaremos en la creación de capas de texto y en el estilo del texto.

Creación de capas de texto

La creación de capas de texto es un paso crucial en la animación de texto de After Effects para anuncios. En esta sección, te guiaremos a lo largo del proceso de añadir texto a tu composición y personalizar sus propiedades para que se ajusten a tus requisitos de diseño y marca.

Añadir texto

Para añadir texto a la composición, sigue estos pasos:

1. Seleccione la herramienta de texto: Pulse Ctrl + T (Cmd + T para Mac) o haga clic en el icono «T» de la barra de herramientas. 2. Haga clic en el panel Composición: Haga clic en cualquier parte del panel Composición para crear una nueva capa de texto. 3. Escriba su texto: Escriba el texto deseado y utilice el panel Carácter para personalizar la fuente, el tamaño, el color y la alineación.

Estilo de texto

Tras añadir texto, puede modificar sus propiedades para mejorar el atractivo visual de su anuncio. Estas son algunas opciones de estilo:

Descripción de la propiedadFuente Elija una fuente que se alinee con las directrices tipográficas de su marca.TamañoAjuste el tamaño de la fuente para asegurarse de que sea legible y destaque en su composición.ColorSeleccione un color que contraste con el fondo y se adapte a la combinación de colores de su marca.Alineación Elija entre la alineación a la izquierda, al centro o a la derecha para colocar el texto de manera efectiva.

Al personalizar estas propiedades, puede crear capas de texto visualmente atractivas que atraigan a su audiencia y transmitan su mensaje de manera eficaz. En la siguiente sección, analizaremos la animación de texto mediante fotogramas clave y ajustes preestablecidos de animación.

Animación de texto

La animación del texto es un aspecto crucial a la hora de crear anuncios atractivos en After Effects. En esta sección, analizaremos los conceptos básicos de la animación de texto, incluido el uso de fotogramas clave y la aplicación de ajustes preestablecidos de animación.

Uso de fotogramas clave

Los fotogramas clave son esenciales para crear animaciones en After Effects. Un fotograma clave es un momento específico en el que se define el valor de una propiedad, como la posición, la escala o la opacidad. Para crear un fotograma clave, sigue estos pasos:

1. Seleccione la capa de texto que desea animar. 2. Mueva el cursor de reproducción al tiempo deseado en el panel Línea de tiempo. 3. Haga clic en la propiedad que desee animar, como la posición o la opacidad. 4. Haga clic en el icono del cronómetro situado junto a la propiedad para crear un fotograma clave.

Propiedades del fotograma clave

Descripción de la propiedadPosiciónDefina la posición del texto en un punto específico en el tiempo.EscalaDefina la escala del texto en un punto específico en el tiempo.OpacidadDefina la opacidad del texto en un momento específico.

Al crear varios fotogramas clave, puede definir el movimiento y el comportamiento de la animación. Por ejemplo, puede crear un fotograma clave al principio de la animación para establecer la posición inicial del texto y otro fotograma clave al final de la animación para establecer su posición final.

Aplicación de ajustes preestablecidos de animación

After Effects ofrece una amplia gama de ajustes preestablecidos de animación prediseñados que pueden ahorrarle tiempo y esfuerzo. Para aplicar un ajuste preestablecido de animación, siga estos pasos:

1. Seleccione la capa de texto que desea animar. 2. Ve al panel Efectos y ajustes preestablecidos. 3. Examine los ajustes preestablecidos y seleccione el que mejor se adapte a sus necesidades de animación. 4. Arrastra y suelta el ajuste preestablecido en la capa de texto.

Personalización de ajustes preestablecidos de animación

Puede personalizar el ajuste preestablecido de animación ajustando sus propiedades, como la duración, la velocidad y la atenuación. Esto le permite ajustar la animación para que se ajuste a sus necesidades específicas.

Al combinar fotogramas clave y ajustes preestablecidos de animación, puedes crear animaciones de texto complejas y atractivas que capten la atención de tu audiencia. En la siguiente sección, analizaremos las técnicas avanzadas de animación de texto, como el uso de animadores de texto y el refinamiento de las animaciones con selectores.

sbb-itb-606b7a1

Animación de texto avanzada

En esta sección, analizaremos las técnicas avanzadas de animación de texto con animadores de texto en After Effects. Estas técnicas le ayudarán a crear movimientos de texto más dinámicos y complejos.

Uso de animadores de texto

Los animadores de texto te permiten animar propiedades específicas del texto, como la rotación, el seguimiento y la inclinación. Para añadir un animador de texto a tu capa de texto, sigue estos pasos:

  1. Selecciona la capa de texto que quieres animar.
  2. En el panel Línea de tiempo, expande la capa de texto para mostrar la propiedad «Texto».
  3. Haz clic en la flecha situada junto a «Animar» para ver las opciones de Text Animator.
  4. Haga clic en «Agregar» y seleccione la propiedad que desea animar, como «Rotación» o «Seguimiento».
  5. Personaliza la configuración del animador, como el rango, la cantidad y otros parámetros.

Descripción de la propiedadRotaciónGira el texto alrededor de un eje especifico.TrackingAjusta el espaciado entre letras del texto.Skews sesga el texto a lo largo de un eje específico.

Al usar animadores de texto, puede crear animaciones de texto complejas y atractivas.

Refinar las animaciones con selectores

Los selectores te permiten ajustar tus animaciones de texto segmentando caracteres, palabras o líneas específicas del texto. Esto le permite crear animaciones más matizadas.

Para usar los selectores, sigue estos pasos:

  1. Selecciona la capa de texto que quieres animar.
  2. En el panel Línea de tiempo, expande la capa de texto para mostrar la propiedad «Texto».
  3. Haz clic en la flecha situada junto a «Animar» para ver las opciones de Text Animator.
  4. Haga clic en «Agregar» y seleccione el selector que desea usar, como «Carácter» o «Palabra».
  5. Personalice la configuración del selector, como su rango y otros parámetros.

Al combinar animadores de texto con selectores, puede crear animaciones de texto altamente personalizadas.

Técnicas complejas de animación de texto

En esta sección, exploraremos los métodos de animación avanzados para crear anuncios más impactantes.

Animación de texto en rutas

La animación del texto para que siga una ruta personalizada añade un toque creativo a las transiciones de texto de un anuncio. Para lograrlo, necesitarás usar After Effects Opciones de ruta. Esta función permite adjuntar una palabra (o un conjunto de palabras) al trazado de una máscara, dando la impresión de que el texto sigue una pista invisible.

Esta es una guía paso a paso para animar el texto de los trazados:

1. Crea una nueva composición y añade una capa de texto. 2. Dibuja un trazado con una de las herramientas de enmascaramiento de la capa. 3. Selecciona la capa de texto y ve a Opciones de ruta. 4. Elige el trazado que dibujaste y ajusta las opciones avanzadas para darle al texto una calidad más orgánica.

Consejos para una animación de aspecto natural

Descripción del consejoSea pacienteEste proceso requiere prestar atención a los detalles y practicar para lograr una animación de aspecto natural.Ajustar las opciones avanzadasAfina la animación ajustando las opciones avanzadas en Opciones de ruta.

Animación de texto 3D

La integración de texto 3D en los anuncios de vídeo puede darles un aspecto moderno y llamativo. After Effects ofrece una gama de herramientas que le ayudarán a crear impresionantes animaciones de texto en 3D.

Primeros pasos con el texto 3D

1. Cree una capa de texto 3D mediante el Tipo de herramienta y ajustando el Opciones de material. 2. Experimenta con diferentes Estilos de bisel y Profundidades de bisel para añadir profundidad al texto. 3. Usa Iluminación y Sombreado opciones para crear un efecto 3D realista. 4. Anima tu texto 3D usando Fotogramas clave y ajustando el Posición, Rotación, y Escala propiedades.

Si dominas estas técnicas avanzadas de animación de texto, puedes llevar tu estrategia publicitaria al siguiente nivel y cautivar a tu audiencia con anuncios atractivos y visualmente impactantes.

Finalización y exportación

Finalizar y exportar la animación de texto es un paso crucial a la hora de prepararla para su uso en su anuncio de vídeo. En esta sección, veremos cómo guardar los ajustes preestablecidos de animación y exportar la animación en un formato compatible con varias plataformas y formatos multimedia.

Guardar ajustes preestablecidos de animación

Guardar tus ajustes preestablecidos de animación te permite reutilizarlos en proyectos futuros, lo que te permite ahorrar tiempo y esfuerzo. Para guardar un ajuste preestablecido de animación en After Effects, sigue estos pasos:

  1. Seleccione todos los efectos que desee incluir en el ajuste preestablecido.
  2. Navega hasta Animación > Guardar ajuste preestablecido de animación.
  3. Elija una ubicación para guardar el ajuste preestablecido y asígnele un nombre descriptivo.

Al guardar un ajuste preestablecido, también puede optar por incluir expresiones, propiedades de forma, propiedades de transformación y fotogramas clave.

Exportación de la animación

Una vez que hayas finalizado la animación de texto, es el momento de exportarla en un formato compatible con tu software de edición de vídeo o plataforma digital. Para exportar la animación, sigue estos pasos:

  1. Navega hasta Archivo > Exportar > Añadir a la cola de renderizado.
  2. Elige un formato de archivo compatible con tu software de edición de vídeo o plataforma digital, como MP4, AVI o MOV.
  3. Ajusta ajustes como la resolución, la velocidad de fotogramas y la velocidad de bits para optimizar la animación para su uso en la web o en retransmisiones.

Antes de exportar, asegúrate de previsualizar la animación para asegurarte de que cumple tus requisitos. Puede hacerlo pulsando el Barra espaciadora en tu teclado. Cuando esté satisfecho con la animación, haga clic en Renderizar botón para iniciar el proceso de exportación.

Ajustes de exportación

Descripción de la configuraciónFormato de archivoElija un formato compatible con su software de edición de vídeo o plataforma digital.ResoluciónAjuste la resolución para optimizarla para su uso en la web o en transmisión.Velocidad de fotogramas Ajuste la velocidad de fotogramas para optimizarla para su uso en la web o en retransmisión.Tasa de bitsAjuste la velocidad de bits para optimizarla para su uso en Internet o en retransmisiones.

Si sigue estos pasos, puede finalizar y exportar su animación de texto, lista para usarla en su anuncio de vídeo.

Conclusión

Puntos clave

En este tutorial, hemos cubierto los aspectos básicos de la animación de texto en After Effects. Hemos explorado cómo crear capas de texto atractivas, animar texto con fotogramas clave y ajustes preestablecidos de animación, y refinar las animaciones con selectores.

Próximos pasos

Ahora que has completado este tutorial, estás listo para llevar tus habilidades de animación de texto al siguiente nivel. Para seguir desarrollando tus habilidades en la animación de texto de After Effects, ten en cuenta los siguientes recursos:

Descripción del recursoTutoriales y documentación oficiales de Adobe After EffectsAprenda de la fuente oficialCursos y tutoriales en línea sobre animación de texto y gráficos en movimientoAmplíe sus habilidades con cursos en líneaPractique ejercicios y proyectosAplique sus nuevas habilidades a proyectos del mundo realExperimente con diferentes técnicas y estilos de animación de texto Pruebe cosas nuevas y encuentre lo que mejor se adapte a sus necesidades

Si continúas aprendiendo y practicando, podrás crear impresionantes animaciones de texto que capten la atención de tu audiencia y eleven tus anuncios de vídeo.

Preguntas frecuentes

¿Cómo creo ajustes preestablecidos de animación de texto en After Effects?

Para crear ajustes preestablecidos de animación de texto en After Effects, sigue estos pasos:

Descripción del paso1Busque y aplique ajustes preestablecidos de animación en After Effects mediante el panel Efectos y ajustes preestablecidos o Adobe Bridge.2 Para abrir la carpeta Ajustes preestablecidos en Adobe Bridge, seleccione Examinar ajustes preestablecidos en el menú del panel Efectos y ajustes preestablecidos o en el menú Animación.

Si sigue estos pasos, puede crear y aplicar fácilmente ajustes preestablecidos de animación de texto en After Effects.

Publicaciones relacionadas

Effortlessly discover,
create & run content
for your Social Media.
Nitin Mahajan
Founder & CEO
Nitin is the CEO of quickads.ai with 20+ years of experience in the field of marketing and advertising. Previously, he was a partner at McKinsey & Co and MD at Accenture, where he has led 20+ marketing transformations.