Animación del texto

La animación de capas de texto resulta útil para diversos propósitos, entre los que se incluyen títulos animados, tercios inferiores, desplazamientos de crédito y tipografía dinámica.

En After Effects se pueden animar las capas de texto igual que las demás capas. No obstante, las capas de texto ofrecen opciones de animación adicional con las que puede animar el texto dentro de las capas. Para animar capas de texto se pueden utilizar los métodos siguientes:

• Anime las propiedades Transformar, como haría con cualquier otra capa, para cambiar toda la capa, no su contenido de texto.

• Aplique ajustes preestablecidos de animación de texto. (Consulte Ajustes preestablecidos de animación de texto).

• Anime el texto de origen de la capa de manera que los propios caracteres cambien a otros caracteres o utilicen formatos de carácter o párrafo diferentes con el tiempo. (Consulte Seleccione y edite texto en capas de texto y Escriba expresiones para el texto de origen).

• Utilice animadores de texto y selectores para animar numerosas propiedades de caracteres individuales o de un intervalo de caracteres. (Consulte Animación de texto con animadores).

Ajustes preestablecidos de animación de texto

Busque y aplique ajustes preestablecidos de animación de texto tal y como lo haría con otros ajustes preestablecidos de animación. Puede examinar y aplicar ajustes preestablecidos de animación en After Effects mediante el panel Efectos y Ajustes preestablecidos o Adobe Bridge. Para abrir la carpeta Ajustes preestablecidos en Adobe Bridge, elija Examinar ajustes preestablecidos en el menú del panel Efectos y ajustes preestablecidos o desde el menú Animación. (Consulte Aplicar un ajuste preestablecido de efecto o animación y Ajustes preestablecidos de animación).

Sugerencias, notas y advertencias para los ajustes preestablecidos de animación

Los ajustes preestablecidos de animación de texto se crearon en una composición NTSC DV 720 x 480 y cada capa de texto utiliza Myriad Pro de 72 puntos. Algunas animaciones preestablecidas desplazan el texto en la composición. Los valores de posición de ajustes preestablecidos de animación pueden no ser adecuados para una composición cuyo tamaño es superior o inferior a 720 x 480; por ejemplo, una animación que se supone que comienza fuera de la pantalla podría comenzar dentro de la pantalla. Si el texto no está colocado donde desea o desaparece inesperadamente, ajuste los valores de posición del animador de texto en el panel Línea de tiempo o Composición.

Después de aplicar un ajuste preestablecido de animación de texto 3D, puede que tenga que girar la capa o añadir una cámara para girar alrededor de la capa y ver el resultado de la animación 3D.

Los ajustes preestablecidos de animación en la categoría Trazados sustituyen automáticamente el texto de origen con el nombre del ajuste preestablecido de animación y cambian el color de la fuente a blanco. Estos ajustes preestablecidos de animación también pueden cambiar otras propiedades de carácter.

La categoría Relleno y trazo de Ajustes preestablecidos de animación contiene ajustes preestablecidos que pueden cambiar las propiedades de color de relleno y trazo del ajuste preestablecido que se aplica. Si el ajuste preestablecido de animación requiere un trazo o color de relleno, la animación funciona únicamente si se ha asignado uno al texto.

Recursos en línea adicionales para ajustes preestablecidos de animación

Para obtener una lista de los ajustes preestablecidos de animación incluidos en After Effects, consulte Lista de ajustes preestablecidos de animación.

Animación de texto con animadores de texto

La animación de texto con animadores y selectores consta de tres pasos básicos:

Normalmente, no es necesario definir fotogramas clave ni expresiones para las propiedades del animador. Es habitual establecer solo fotogramas clave o expresiones para el selector y especificar los valores finales para las propiedades del animador.

Por ejemplo, para animar la opacidad gradualmente desde el primer carácter hasta el último, se puede añadir un animador para Opacidad, definir el valor de opacidad (en el grupo de propiedades de animación) en 0, y luego establecer fotogramas clave para la propiedad Fin del selector predeterminado en 0 % a 0 segundos y en el 100 % en un momento posterior.

Utilizar varios animadores y selectores, cada uno de los cuales agrega su influencia a la animación de texto, permite crear animaciones muy elaboradas.

Propiedades de animador de texto

Las propiedades de animación funcionan prácticamente igual que otras propiedades de capa, excepto que sus valores sólo afectan a los caracteres seleccionados mediante los selectores del grupo de animación. Elija Habilitar 3D por carácter para agregar propiedades 3D a una capa de texto; con ello no se agregan propiedades a un grupo de animación.

• Para añadir un grupo de animación a una capa de texto, seleccione la capa de texto en el panel Cronología y elija una propiedad del menú Animación > Animar texto o del menú Animar de la capa en la columna Definidores/Modo del panel Cronología. En el panel Cronología aparece un nuevo grupo de animación, junto con un selector predeterminado y la propiedad de animación elegida.
• Para agregar una nueva propiedad de animación a un grupo de animación existente, seleccione el grupo de animación en el panel Cronología y elija la propiedad en el menú Animación > Animar texto o en el menú Agregardel grupo de animación, en el panel Cronología. La nueva propiedad de animación aparece en el mismo grupo que la propiedad de animación existente y comparte los selectores existentes.
• Para eliminar una propiedad de animación o un grupo de animación, selecciónela en el panel Cronología y presione Eliminar.
• Para eliminar la animación de una capa de texto, seleccione la capa de texto en el panel Cronología y elija Animación > Eliminar todos los animadores de texto.
• Para copiar un grupo de animación, selecciónelo en el panel Cronología y elija Editar > Copiar. Para pegar el grupo de animación, seleccione una capa y elija Editar > Pegar.
• Para cambiar el nombre de un grupo de animación, asegúrese de que sea el único seleccionado y, a continuación, presione Intro (Windows) o Retorno (macOS); o bien, haga clic con el botón derecho (Windows) o mantenga presionada la tecla Control y haga clic (macOS) en el nombre oportuno y elija Cambiar nombre.
• Para reordenar un grupo de animación, arrástrelo hasta una nueva posición en el orden de apilado en el panel Cronología.

Propiedades de animación

Puntos de anclaje para los caracteres: el punto en el que se realizan transformaciones, como el escalado y la rotación. (Consulte Propiedades del punto de anclaje de texto).

Posición de los caracteres. Puede especificar valores para esta propiedad en el panel Cronología o modificarla si la selecciona en el panel Cronología y arrastra la capa en el panel Composición con la herramienta de selección, que se convierte en la herramienta Mover cuando se sitúa sobre caracteres de texto. Arrastrar con la herramienta Mover no afecta al componente z (profundidad) de Posición.

Escala de los caracteres. Dado que la escala es relativa al punto de ancla, los cambios en el componente z de la Escala no tienen un resultado aparente a no ser que el texto también tenga una animación de Punto de ancla con un valor z distinto de cero.

Inclinación de los caracteres. El Eje de inclinación especifica el eje a lo largo del cual se sesga el carácter.

Si las propiedades 3D por carácter están habilitadas, se puede definir por separado la rotación alrededor de cada eje. Si no es así, solo está disponible Rotación (que es lo mismo que Rotación Z).

Se añaden todas las propiedades de transformación simultáneamente al grupo de animación.

Alineación del espacio entre caracteres en cada línea de texto. El valor 0% especifica la alineación a la izquierda, 50% especifica la alineación al centro y 100% especifica la alineación a la derecha.

Espacio entre las líneas de texto de una capa de texto multilínea.

El número de valores Unicode para desplazar los caracteres seleccionados. Por ejemplo, el valor 5 hace avanzar los caracteres de la palabra cinco pasos alfabéticos, por lo que la palabra offset se convierte en tkkxjy.

El nuevo valor Unicode para los caracteres seleccionados, sustituye cada carácter por un carácter representado por el nuevo valor. Por ejemplo, un valor de 65 sustituye todos los caracteres de una palabra por el carácter Unicode 65(A), por lo que la palabra valor se convierte en AAAAA.

Especifica límites en el carácter. Esta propiedad aparecerá siempre que se añada la propiedad Desplazamiento de caracteres o Valor del carácter a una capa. Elija Conservar mayúsculas y minúsculas y dígitos para mantener los caracteres en sus respectivos grupos. Los grupos incluyen mayúsculas y minúsculas latinas, dígitos, símbolos, katakana japonés, etc. Elija Unicode completo para permitir cambios ilimitados en los caracteres.

Cantidad de desenfoque gaussiano que se agrega a los caracteres. Los valores de desenfoque horizontal y vertical se pueden especificar por separado.

Selectores de texto

Cada grupo de animación incluye un selector de rango predeterminado. Puede sustituir el selector de rango, agregar selectores adicionales a un grupo de animación y eliminar selectores de un grupo.

Los selectores son muy parecidos a las máscaras; utilice selectores para especificar a qué parte de un intervalo de texto va a afectar la animación y cuánto. Se pueden utilizar varios selectores y especificar un ajuste de Modo para cada uno a fin de determinar cómo interactúa con el texto y con los demás selectores del mismo grupo. Si solo hay un selector, Modo especifica la interacción entre este y el texto; Agregar es el comportamiento predeterminado y Restar invierte los efectos del selector.

Utilice un selector de Ondulación para variar una selección dentro de un tiempo determinado. Los selectores de expresión permiten utilizar expresiones para especificar de forma dinámica la influencia de una propiedad de animación en los caracteres.

• Para agregar un selector con el panel Cronología, seleccione un grupo de animación en el panel Cronología y elija Selector en el menú Agregar del grupo de animación, o elija Animación > Agregar selector de texto. En el submenú, elija Rango, Ondulación o Expresión
• Para agregar un selector con el panel Composición, seleccione un intervalo de caracteres en el panel Composición, haga clic con el botón derecho (Windows) o mientras pulsa Control (macOS) sobre el texto, elija Agregar selector de texto del menú contextual. En el submenú, elija Rango, Ondulación o Expresión.
• Para eliminar un selector, selecciónelo en el panel Cronología y presione Eliminar.
• Para cambiar el nombre de un selector, asegúrese de que es lo único que está seleccionado y, a continuación, presione Intro (Windows) o Retorno (macOS); o bien haga clic con el botón derecho (Windows) o mantenga presionada la tecla Control y haga clic (macOS) en el nombre y seleccione Cambiar nombre.
• Para copiar un selector, selecciónelo en el panel Cronología y elija Editar > Copiar. Para pegar el selector, seleccione una capa y elija Editar > Pegar.
• Para reordenar un selector, arrástrelo a una nueva posición en el orden de apilado del panel Cronología.

Propiedades del selector común

Especifica el modo en que cada selector se combina con el texto y con los selectores superiores; es similar a la forma en que varias máscaras se combinan cuando se aplica el modo Máscara. Por ejemplo, si desea variar solo una palabra específica, utilice el selector de rango en esa palabra y luego agregue un selector de Ondulación y establézcalo al modo Intersecar.

Especifica cuánto afectan las propiedades de animación al rango de caracteres en cuestión. Al 0 %, las propiedades de animación no afectan a los caracteres. Al 50 %, la mitad de cada valor de propiedad afecta a los caracteres. Esta opción es útil para animar el resultado de las propiedades de animación a lo largo del tiempo. Los selectores de expresión permiten utilizar expresiones para establecer dinámicamente esta opción.

Las unidades de Inicio, Fin y Desplazamiento. Se pueden utilizar unidades porcentuales o de índice, y basar la selección en caracteres, en caracteres sin incluir espacios, en palabras o en líneas. Si selecciona Caracteres, After Effects tiene en cuenta los espacios y pausa la animación entre palabras, ya que anima los espacios entre ellas.

Propiedades de selector de rango

Los selectores de rango tienen las propiedades siguientes, además de las comunes con otros selectores:

El principio y el fin de la selección. Para modificar las propiedades Inicio y Fin arrastre las barras del selector en el panel Composición cuando el selector esté seleccionado en el panel Cronología.

La cantidad para desplazar la selección de la selección especificada por las propiedades Inicio y Fin. Para definir el desplazamiento en el panel Composición mientras edita los valores Inicio o Fin, haga clic con la herramienta de selección en las barras de selector Inicio o Fin mientras pulsa la tecla Mayús.

Controla cómo se seleccionan los caracteres entre Inicio y Fin del rango. Cada opción modifica la selección creando transiciones entre los caracteres seleccionados, utilizando la forma elegida. Por ejemplo, al animar el valor y de Posición de los caracteres de texto utilizando Pendiente hacia abajo, los caracteres se desplazan gradualmente en ángulo desde la parte inferior izquierda hasta la parte superior derecha. Es posible especificar Cuadrado, Pendiente hacia arriba, Pendiente hacia abajo, Triángulo, Círculo y Suave.

Es posible cambiar significativamente la apariencia de una animación con las distintas opciones de Forma.

Determina el tiempo que tarda la animación en pasar de un carácter a otro cuando se utiliza la forma Cuadrado.

Determina la velocidad de cambio a medida que los valores seleccionados pasan de estar totalmente incluidos (alto) a estar totalmente excluidos (bajo). Por ejemplo, cuando Cambio de velocidad alto es 100%, el carácter cambia gradualmente (facilita el cambio) mientras se selecciona total o parcialmente. Cuando Cambio de velocidad alto es -100%, el carácter cambia rápidamente mientras se selecciona total o parcialmente. Cuando Cambio de velocidad bajo es 100 %, el carácter cambia más gradualmente (facilita el cambio) mientras se selecciona parcialmente o se anula la selección. Cuando Cambio de velocidad bajo es -100 %, el carácter cambia rápidamente mientras se selecciona parcialmente o se anula la selección.

Utiliza un orden aleatorio para aplicar la propiedad a los caracteres que especifica el selector derango. (En cambio, cuando se utiliza el selector Ondulación, se utiliza un valor aleatorio para la propiedad de animación)

Calcula el orden aleatorio de un selector de rango cuando la opción Aleatorizar orden está activada. Cuando Raíz aleatoria es cero, la raíz se basa en su grupo de animación. Si desea duplicar un grupo de animación y conservar el mismo orden aleatorio que en el grupo de animación original, establezca Raíz aleatoria con un valor distinto de cero.

Propiedades de selector de Ondulación

El selector de Ondulación incluye las siguientes propiedades, además de las propiedades comunes con otros selectores:

Especifica la cantidad de variación respecto a la selección.

Cantidad de variaciones desde la selección definida que se producen por segundo.

Correlación entre las variaciones de cada carácter. Al 100 %, todos los caracteres varían la misma cantidad al mismo tiempo; al 0 %, todos los caracteres varían de manera independiente.

Variación de la ondulación, basada en la fase de la animación en tiempo (temporal) o por carácter (espacial).

Escala cada una de las dimensiones de la selección ondulada en el mismo valor. Es útil cuando se aplica la ondulación a la propiedad Escala.

Consulte Aleatoriedad y raíces aleatorias.

Propiedades del selector de expresión

Expanda el grupo de propiedades Selector de expresión y el grupo de propiedades Cantidad para mostrar el campo de expresión en el panel Cronología. De manera predeterminada, la propiedad Cantidad empieza con la expresión selectorValue * textIndex/textTotal.

Los selectores de expresión le permiten expresar los valores del selector para cada carácter. La expresión se evalúa una vez por carácter. Cada vez que se evalúa, el parámetro de entrada textIndex se actualiza para equipararse al índice del carácter.

Además de los elementos de expresiones utilizados en otros lugares, puede utilizar los atributos siguientes para animar las selecciones de interesantes maneras:

Devuelve el índice del carácter, la palabra o la línea.

Devuelve el número total de caracteres, palabras o líneas.

Devuelve el valor del selector anterior. Piense en ello como la entrada del selector situado por encima del selector de expresión en el orden de apilamiento.

Propiedades del punto de anclaje de texto

Los animadores de texto animan las propiedades de posición, rotación y tamaño de los caracteres con respecto a un punto de anclaje. Puede utilizar la propiedad de texto, Agrupación de puntos de ancla, para especificar si el punto de anclaje utilizado para las transformaciones es el de cada carácter, cada palabra, cada línea o todo el bloque de texto. Además, puede controlar la alineación de los puntos de ancla de los caracteres con respecto al punto de ancla del grupo con la propiedad Alineación de agrupación.

Cuando se seleccionan determinadas propiedades en el panel Cronología para una animación de texto, los puntos de ancla se muestran en el panel Composición. Estas propiedades incluyen Agrupación de puntos de ancla, Alineación de la agrupación y las propiedades del animador Punto de ancla, Posición, Escala, Rotación (incluidas las versiones por carácter 3D: Rotación X, Rotación Y, Rotación Z).

Propiedades de texto 3D por carácter

Las propiedades de animación 3D permiten mover, cambiar la escala y girar caracteres individuales en tres dimensiones. Estas propiedades están disponibles cuando se habilitan las propiedades 3D por carácter de la capa. Posición, Punto de ancla y Escala ganan una tercera dimensión y aparecen disponibles dos propiedades Rotación adicionales (Rotación X y Rotación Y). La propiedad única Rotación para capas 2D pasa a llamarse Rotación Z.

Las capas de texto 3D tienen una opción de auto-orientación, Orientar cada carácter independientemente, que orienta cada carácter alrededor de su punto de anclaje individual para encarar la cámara activa. Si selecciona Orientar cada carácter por separado, se habilitan las propiedades 3D por carácter de la capa de texto si no lo estaban (Consulte Opciones de orientación automática.)

Habilitar las propiedades 3D por carácter hace que cada carácter de la capa de texto se comporte como una capa 3D independiente dentro de la capa de texto, que se comporta como una precomposición con transformaciones contraídas. Las capas 3D por carácter interseccionan con otras capas 3D siguiendo las reglas estándar de las precomposiciones 3D con transformaciones contraídas. (Consulte Cómo el orden de procesado y las transformaciones contraídas afectan a las capas 3D).

Una capa de texto se convierte en una capa 3D cuando habilita propiedades 3D para estos caracteres. Por eso, una capa de texto se convierte en una capa 3D cuando se agrega una propiedad 3D por carácter, sea copiando o pegando la propiedad Rotación Y de otra capa o aplicando un ajuste preestablecido de animación de texto 3D.

Las capas 3D por carácter se identifican mediante un icono especial situado en la columna Definidores.

La fusión entre caracteres y las opciones Relleno y trazo del grupo de propiedades Más opciones no están disponibles para las capas 3D por carácter.

Las capas 3D por carácter pueden reducir el rendimiento de procesamiento. Al convertir una capa 3D por carácter en una capa 2D, las propiedades de animación y las dimensiones específicas de las capas 3D por carácter se pierden. Al volver a habilitar las propiedades 3D por carácter, los valores de estas propiedades no se restauran.

• Para activar las propiedades de animación 3D por carácter para una capa de texto, seleccione la capa y elija Habilitar 3D por carácter en el menú Animación > Animar texto o en el menú Animar de la capa en el panel Cronología.
• Para deshabilitar las propiedades de animación 3D por carácter de una capa de texto y convertir la capa en una capa 2D, haga clic en el definidor 3D por carácter de la capa en la columna Definidores del panel Cronología.
• Para desactivar las propiedades del animador 3D por carácter para una capa de texto, pero mantenerla como capa 3D, elija Habilitar 3D por carácter para anular la selección.

Recursos en línea para la animación de texto 3D por carácter

Trish y Chris Meyer presentan la animación de texto 3D por carácter en un vídeo del sitio web de ProVideo Coalition.

Creación y animación de texto en un trazado

Una vez que haya creado una máscara en una capa de texto, puede hacer que el texto siga la máscara como trazado. Después, puede animar el texto a lo largo de ese trazado o animar el propio trazado. Para crear trazados de texto se pueden utilizar máscaras abiertas o cerradas. Después de crear un trazado, se pueden modificar cuando se desee. Cuando utilice una máscara cerrada como trazado de texto, asegúrese de establecer el modo de máscara en Ninguna.

Posición del texto a lo largo de un trazado de máscara

Propiedades de ruta de texto

Utilice las propiedades Opciones de trazado para especificar un trazado y modificar la forma en que aparecen en él los caracteres individuales: perpendiculares al trazado, alineados a la izquierda o a la derecha, invertidos, etc. La animación de las propiedades Opciones de trazado es una manera sencilla de animar texto que recorre un trazado.

Invierte la dirección de la ruta.

Gira cada carácter de manera que quede perpendicular a la ruta.

Coloca el primer carácter al inicio del trazado (o en la posición especificada Primer margen), posiciona el último carácter al final (o en la posición especificada en Último margen) y aplica un espaciado uniforme a los demás caracteres entre el primero y el último.

Especifica la posición del primer carácter en píxeles, respecto al principio del trazado. Primer margen se ignora cuando el texto está alineado a la derecha y Forzar alineación está desactivado.

Especifica la posición del último carácter en píxeles, respecto al final del trazado. Cuando el texto está alineado a la izquierda y Forzar alineación está desactivada, Último margen se ignora.

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.