Guía del usuario Cancelar

Ejemplos y recursos para animación de texto

Buscar

Última actualización el 11/05/2026

Guía del usuario de After Effects
Versiones beta
1. Descripción general del programa beta
2. Comunidad beta de After Effects
Introducción
1. Introducción a After Effects
2. Novedades de After Effects
3. Notas de la versión | After Effects
4. Requisitos del sistema para After Effects
5. Métodos abreviados de teclado en After Effects
6. Formatos de archivo admitidos | After Effects
7. Recomendaciones de hardware
8. After Effects para Apple Silicon
9. Planificación y configuración
10. Sugerencia del día
Espacios de trabajo
1. Elementos generales de la interfaz de usuario
2. Familiarización con la interfaz de After Effects
3. Flujos de trabajo
4. Espacios de trabajo, paneles y visores
5. Mejora de la compatibilidad con idiomas de la IU
Proyectos y composiciones
1. Proyectos
2. Conceptos básicos sobre composiciones
3. Precomposición, anidamiento y preprocesamiento
4. Ver información de rendimiento detallada con el Perfilador de composición
5. Procesador de composición de Cinema 4D
Importación de material de archivo
1. Preparación e importación de imágenes fijas
2. Importación desde After Effects y Adobe Premiere Pro
3. Importación e interpretación de vídeo y de audio
4. Preparación e importación de archivos de imagen 3D
5. Importación e interpretación de elementos de material de archivo
6. Importación de archivos SVG
7. Uso de elementos de material de archivo
8. Detección de puntos de edición con Detección de edición de escena
9. Metadatos XMP
Texto y gráficos
1. Texto
2. Gráficos animados
3. Ejes de fuente variable
Dibujo, pintura y trazados
1. Descripción general de las capas de forma, trazados y gráficos vectoriales
2. Herramientas de pintura: Pincel, Tampón de clonar y Borrador
3. Estrechar trazos de forma
4. Atributos de forma, operaciones de pintura y operaciones de trazado para capas de forma
5. Uso del efecto de forma Desplazar trazados para modificar formas
6. Creación de formas
7. Creación de máscaras
8. Elimine objetos de sus vídeos desde el panel Relleno según el contenido
9. Pincel tipo rotoscopia y Perfeccionar mate
10. Mate de objeto con IA
11. Creación de nulos para propiedades y trazados de posición
Capas, marcadores y cámara
1. Selección y organización de capas
2. Modos de fusión y estilos de capas
3. Capas 3D
4. Propiedades de capa
5. Creación de capas
6. Administración de capas
7. Marcadores de capa y marcadores de composición
8. Cámaras, luces y puntos de interés
Animación, fotogramas clave, seguimiento del movimiento y efecto de clave
1. Animación
2. Fotograma clave
3. Seguimiento de movimiento
4. Incrustación
  1. Incrustación
  2. Efectos de incrustación
Transparencia y composición
1. Descripción general y recursos sobre composición y transparencia
2. Canales alfa y mates
3. Mates de seguimiento y mates móviles
Ajuste del color
1. Conceptos básicos sobre colores
2. Gestión de color
3. Efectos de corrección de color
4. Gestión de color de OpenColorIO y ACES
5. Compatibilidad ampliada con HDR
6. Importación y exportación de HDR
Ajustes preestablecidos de animación y efectos
1. Información general de efectos y ajustes preestablecidos de animación
2. Lista de efectos
3. Administrador de efectos
4. Efectos de simulación
5. Efectos de estilización
6. Efectos de audio
7. Efectos de distorsión
8. Efectos de perspectiva
9. Efectos de canal
10. Efectos de generación
11. Efectos de tiempo
12. Efectos de transición
13. El efecto Reparación de obturación de desplazamiento
14. Efectos de desenfoque y enfoque
15. Efectos de canal 3D
16. Efectos de utilidad
17. Efectos mate
18. Efectos Ruido y Granulado
19. Efecto Mejora de conservación de detalles
20. Efectos obsoletos
21. Complementos Cycore
Expresiones y automatización
1. Expresiones
2. Automatización
  1. Automatización
  2. Scripts
Vídeo inmersivo, RV y 3D
1. Construcción de entornos de VR en After Effects
2. Aplicar efectos de vídeo envolvente
3. Herramientas de composición para vídeos de VR/360
4. Procesador 3D avanzado
5. Importación y adición de modelos 3D a la composición
6. Importación de modelos 3D desde las Bibliotecas Creative Cloud
7. Crear mallas paramétricas
8. Iluminación basada en imágenes
9. Luces de entorno animadas
10. Habilitar luces para proyectar sombras
11. Extracción y animación de luces y cámaras a partir de modelos 3D
12. Seguimiento del movimiento de la cámara 3D
13. Ajustar la Configuración predeterminada de cámara para composiciones 3D
14. Proyección y aceptación de sombras
15. Animaciones de modelos 3D incrustadas
16. Captura de sombras
17. Extracción de datos de profundidad 3D
18. Habilitar profundidad de campo dentro del motor en 3D avanzado
19. Modificación de las propiedades de materiales de una capa 3D
20. Aplicar materiales 3D de Substance
21. Trabajo en espacios de diseño 3D
22. Herramientas de transformación Gizmo 3D
23. Un gizmo 3D único para múltiples capas 3D
24. Haga más cosas con la animación 3D
25. Previsualización de los cambios en diseños 3D en tiempo real con el motor Mercury 3D
26. 3D estereoscópico en After Effects
27. Adición de diseño interactivo a los gráficos
Vistas y previsualizaciones
1. Previsualización
2. Previsualización de vídeo con Mercury Transmit
3. Modificación y utilización de vistas
4. Reproducción comprimida sin pérdida
Procesamiento y exportación
1. Principios básicos de procesamiento y exportación
2. Codificación H.264 en After Effects
3. Exportación de un proyecto de After Effects como un proyecto de Adobe Premiere Pro
4. Conversión de películas
5. Procesamiento de varios fotogramas
6. Procesamiento automático y en red
7. Procesamiento y exportación de imágenes fijas y secuencias de imágenes fijas
8. Uso del códec de GoPro CineForm en After Effects
Uso de otras aplicaciones
1. Dynamic Link y After Effects
2. Uso de After Effects y otras aplicaciones
  1. Exportación de un proyecto de After Effects como un proyecto de Adobe Premiere Pro
3. Bibliotecas Creative Cloud en After Effects
4. Plugins
5. CINEMA 4D y Cineware
Colaboración: Frame.io y Team Projects
1. Colaboración en Premiere Pro y After Effects
2. Frame.io
3. Team Projects
Memoria, almacenamiento y rendimiento
1. Memoria y almacenamiento
2. Cómo maneja After Effects los problemas de poca memoria durante la previsualización
3. Mejora del rendimiento
4. Preferencias
5. Requisitos de la GPU y del controlador de la GPU para After Effects
Base de conocimiento
1. Problemas conocidos
2. Problemas solucionados
3. Preguntas frecuentes
4. After Effects y macOS Ventura
5. Cómo maneja After Effects los problemas de poca memoria durante la previsualización

Aplique técnicas de animación de texto en Adobe After Effects usando ejemplos prácticos y recursos que le servirán de referencia para sus propios proyectos de diseño de movimiento.

After Effects proporciona una amplia gama de posibilidades de animación de texto 2D y 3D creativas y eficaces. Los recursos y ejemplos ofrecen instrucciones detalladas sobre cómo animar el texto en After Effects.

Ejemplo: caracteres de animación con propiedades 3D por carácter

En este ejemplo, se muestra cómo pueden animarse fácilmente caracteres individuales en 3D para que cada carácter rebase la línea y se incline.

Cree una Nueva composición.
Cree una nueva capa de texto con la palabra ovación.
Elija Animation > Animate Text > Habilitar 3D por carácter.
Elija Animación > Animate Text > Posición.
Elija Animación > Animate Text > Rotación.
En el panel Cronología, en el grupo Animator, establezca la propiedad Rotación X en 45 y establezca el valor de Posición en (0.0, 0.0, -100.0).
Expandir Selector de rango 1.
Haga clic en el icono de cronómetro de la propiedad Desplazamiento para establecer un fotograma clave inicial con el valor en 0 segundos.
Establezca la propiedad Desplazamiento en -15 %.
Establezca el valor de la propiedad Fin en 15%.
Mueva el indicador de tiempo actual a 10 segundos y establezca el valor de Desplazamiento en 100%.
Presione la tecla R para mostrar las propiedades de Rotación para toda la capa.
Establezca el Valor de Rotación Y para la Capa en -45, rotando toda la Capa para que pueda ver más fácilmente el movimiento 3D de los caracteres.
Previsualice la composición.

Ejemplo: Desplazamiento de caracteres

Este ejemplo ilustra cómo puede animar fácilmente caracteres aleatorios para que gradualmente formen una palabra o frase legible especificando un valor de Desplazamiento de caracteres y animando el selector de rango.

Desplazamiento de caracteres: Animación de los valores de desplazamiento de los caracteres de la palabra Galaxia — Animación de los valores de desplazamiento de los caracteres de la palabra Galaxia

Cree una nueva composición.
Cree una nueva capa de texto con la palabra Galaxia.
Elija Animation > Animate Text > Character Offset.
En el panel cronología, establezca el Valor de Desplazamiento de carácter en 5.
Expanda Selector de rango 1.
Haga clic en el cronómetro de Inicio para establecer un fotograma clave inicial en 0 segundos y establezca el Valor en 0%.
Mueva el indicador de la hora actual a 5 segundos y establezca el valor de Inicio en 100 %.
Establezca Alineación de carácter en Centro.
Previsualice la composición.

Ejemplo: Animación de caracteres con el selector de ondulación

En este ejemplo se demuestra lo sencillo que es animar la posición de caracteres individuales. También se muestra la manera en que el selector de ondulación produce un cambio radical en la animación con solo añadirlo a la capa.

Cree una nueva composición.
Cree una nueva capa de texto con la palabra Galaxia y defina en el panel Carácter el color como azul.
Elija Animation > Animate Text > Posición.
En el panel cronología, arrastre el Valor y de la Propiedad Posición hacia la izquierda hasta que todos los caracteres estén fuera del marco.
Expandir Selector de rango 1.
Haga clic en el cronómetro de Inicio y déjelo en 0% a los 0 segundos; luego mueva el indicador de tiempo actual a 5 segundos y establezca Inicio en 100%.
Previsualice la composición.
Contraer el grupo Animator 1.
Asegúrese de que no haya nada seleccionado excepto el nombre de la capa de texto en el panel Cronología, y elija Color de relleno > Tono del menú Animate.Aparece un nuevo grupo de animación, Animator 2, en el panel Línea de tiempo.
Establezca Fill Hue en 1x+0.0.
Expanda el selector de rango 1 para Animación 2.
Haga clic en Start stopwatch y déjelo en 0% a los 0 segundos; luego mueva el indicador de tiempo actual a 5 segundos y establezca Start en 100%.
Previsualice la animación. Ahora, los caracteres cambian de color a medida que caen desde la parte superior de la pantalla, pero todos ellos utilizan el mismo color y terminan con el color original.
Con Fill Hue seleccionado, elija Selector > Wiggly en el menú Add.
Expanda la propiedad Selector de ondulación 1 y elija Añadir en el menú Modo.
Previsualice la composición.

Nota:

Si añade la propiedad Tono del relleno a Animación 1 y, después, añade el selector de ondulación, la posición y el color variarán, en lugar de solo los colores.

Ejemplo: Animación del seguimiento entre caracteres de texto

En este ejemplo, se muestra lo sencillo que es aislar caracteres cuando se utiliza el espacio entre caracteres en una línea de texto. Con las propiedades de animación Espacio entre caracteres y Anclaje de línea, se pueden mover fácilmente todos los caracteres menos uno o varios.

Animación de los valores de espacio entre caracteres para los caracteres 3579, de manera que solo permanezca el 7 en el medio — Animación de los valores de espacio entre caracteres para los caracteres 3579 (izquierda y centro) de manera que solo permanezca el 7 del medio (derecha)

Cree una nueva composición.
Cree una nueva capa de texto y escriba 3579.
Con la Capa de texto seleccionada, haga clic en el botón Center Text en el panel Paragraph.
Seleccione View > Show Grid.
En el panel Timeline, seleccione la Capa de texto y elija Animation > Animate Text > Tracking.
Asegúrese de que Before & After esté especificado en el menú Track Type.
Haga clic en el cronómetro Cantidad de seguimiento y deje el valor en 0 a los 0 segundos.
Mueva el indicador de tiempo actual a 5 segundos y arrastre el valor de Cantidad de seguimiento hasta que todos los caracteres estén fuera de la pantalla.
Previsualice la animación.
Con el indicador de tiempo actual en 0, tome una instantánea del panel Composition.La utilizará, junto con las cuadrículas, para determinar la posición original del número 7 al final de la animación.
Mueva el indicador de la hora actual hasta 5 segundos.
Haga clic en el botón Show Snapshot.
En el panel Timeline, seleccione Animator 1 y elija Line Anchor en el menú Add.
Arrastra el valor Line Anchor hasta que el 7 esté posicionado aproximadamente en su posición original en el centro del panel Composition.
Haga clic en el botón Show Snapshot en el panel Composition para ver la ubicación exacta del 7 en su ubicación original.Ajusta el valor Line Anchor para posicionar el carácter en la ubicación original.
Previsualice la animación.

Ejemplo: uso de selectores para animar palabras específicas

En este ejemplo, se muestra cómo se utilizan los selectores para limitar una animación a una palabra específica.

Cree una nueva composición.
Cree una nueva capa de texto con las palabras Platillo volante.
Elija Animation > Animate Text > Skew.
En el panel Timeline, establezca el valor Skew en 35.
Expanda el selector de rango 1.
Asegúrese de que el indicador de tiempo actual esté a los 0 segundos y haga clic en el cronómetro End stopwatch.
En el panel Composición, arrastre ambas barras selectoras hacia el lado izquierdo de la S en Speeding.
Mueva el indicador de la hora actual a 2 segundos y arrastre la barra de selector derecha a la derecha de la o de Platillo.
Previsualice la composición.

Ejemplo: Creación de una animación con simulación de escritura

Con la propiedad de animación Opacidad se puede crear fácilmente una simulación de escritura en la pantalla.

Cree una nueva composición.
Cree una nueva capa de texto con los caracteres 01234.
Elija Animation > Animate Text > Opacity.
Establezca Opacidad en 0%.
Expanda el Selector de rango 1 y haga clic en el icono de cronómetro para Inicio.
En el panel Composición, arrastre el selector de inicio al borde izquierdo del texto (el valor estará en 0).
Mueva el indicador de tiempo actual a 5 segundos y arrastre el selector de inicio en el panel Composición al borde derecho del texto (el valor será 5).
Previsualice la composición.

Nota:

De manera predeterminada, la propiedad Suavidad está establecida al 100 %. Para simular el efecto de una máquina de escribir, expanda la propiedad Avanzado y establezca Suavidad al 0 %.

Ejemplo: animación de texto con varios selectores

En este ejemplo se utiliza el parámetro selectorValue en un selector de expresión con el selector de ondulación para hacer que una cadena de caracteres parpadee y deje de parpadear aleatoriamente.

Cree una nueva composición.
Cree una nueva capa de texto
En el panel Línea de tiempo, elija Opacidad en el menú Animate para la capa de texto.
Expanda la Capa de texto y su animador en el panel cronología.
Seleccione el Selector de rango y elimínelo.
Elija Agregar > Selector > Ondulante junto al grupo de propiedades Animador para la capa de texto.
Elija Agregar > Selector > Expresión.Si el selector Ondulante no aparece antes del selector Expresión, arrastre el selector Ondulante por encima del selector Expresión.
Expanda el selector de expresión.
Expanda la propiedad Cantidad para mostrar la expresión. De manera predeterminada, aparece la siguiente expresión:
```
selectorValue * textIndex/textTotal
```

Reemplace el texto de la expresión predeterminada por la expresión siguiente:

r_val=selectorValue[0]; 
if(r_val < 50)r_val=0; 
if(r_val > 50)r_val=100; 
r_val

Establezca la opacidad a 0 % y previsualice la composición.

Ejemplo: animación de la posición del texto con expresiones

En este ejemplo se utilizan los atributos textIndex y textTotal con la expresión de ondulación para animar una línea de texto.

Cree una nueva composición.
Cree una nueva capa de texto
Expanda la Capa de texto en el panel cronología para ver las Propiedades del texto.Agregue un grupo de animación de Posición desde el menú Animate.
Elimine el selector de rango predeterminado, el Selector de rango 1.
Agregue un selector Expresión seleccionando el menú Agregar y eligiendo Selector > Expresión.Expanda el selector de expresión para mostrar sus opciones.
Expanda la propiedad Cantidad para mostrar la expresión. De manera predeterminada, aparece la siguiente expresión:
```
selectorValue * textIndex/textTotal
```
Sustituya la expresión predeterminada por la expresión siguiente:
```
seedRandom(textIndex); 
amount=linear(time, 0, 5, 200*textIndex/textTotal, 0); 
wiggle(1, amount);
```
En este ejemplo se utiliza el método lineal para que la cantidad de ondulación máxima disminuya con el tiempo.
Defina el valor de posición vertical. Cuanto mayor sea el valor, mayor será la ondulación de los caracteres.
Previsualice su composición.

Ejemplo: animación de texto como visualización de código de tiempo

Sin ninguna Capa seleccionada en el panel cronología, haga doble clic en el ajuste preestablecido de animación Formato de tiempo actual en el panel Efectos y ajustes preestablecidos.(Puede localizar el ajuste preestablecido de animación escribiendo su nombre en el campo Contiene del panel Efectos y ajustes preestablecidos.)

Se crea una nueva capa de texto, con una expresión en la propiedad Texto fuente que hace que el texto muestre la hora actual en el formato de visualización de tiempo establecido para el proyecto.

Puede usar otras expresiones en la categoría Global para mostrar la hora en otro formato.

Nota:

Para ver la expresión en una capa, seleccione la capa y presione EE.

Consiga mucho más con After Effects

Cree gráficos animados increíbles, animaciones de texto y efectos visuales con Adobe After Effects. Diseño para película, TV, vídeo y web.

Páginas similares

Obtén ayuda de forma más rápida y sencilla

¿Nuevo usuario?