Probablemente haya visto tercios inferiores en casi todos los videos de YouTube que ha visto, esos banners que le piden que se suscriba o siga sus redes sociales, o que agrega datos divertidos sobre el video.
Los tercios inferiores son fáciles de crear y agregan un aire de profesionalismo a cualquier video cuando se hace bien. En este tutorial, le mostramos cómo crear un gráfico de tercio inferior simple y cómo animarlo en Adobe After Effects.
¿Qué es un tercio inferior?
Los tercios inferiores son varios gráficos que aparecen dentro del tercio inferior de la pantalla de video en videos y en televisión. No es necesario que ocupen todo el tercio inferior del espacio, pero cualquier gráfico que aparezca en esta sección inferior califica como un tercio inferior.
Los tercios inferiores pueden ser subtítulos, pancartas informativas, logotipos o mensajes interactivos. Por lo general, brinda información al espectador, pero también podría tener un valor de entretenimiento. Si no desea crear un gráfico de tercio inferior usted mismo en After Effects, puede
encontrar elementos gráficos animados usando Jitter.Cómo crear un tercio inferior en After Effects
Comience creando una nueva composición. Ir Composición > Nueva composición y establecer el tamaño del video; el valor predeterminado es 1920 x 1080 px. Hacer clic OK cuando termines.
Active la transparencia haciendo clic en Alternar cuadrícula de transparencia en el panel de composición. Dado que el tercio inferior se superpone sobre el metraje de video, debe renderizarse con un fondo transparente por lo que el metraje puede ser visible, pero puede diseñar con un fondo de color y alternar la transparencia más tarde.
Ir Capa > Nuevo > Sólido para agregar un color sólido. Elija un color para su tercer gráfico inferior. Hacer clic OK. Toda su composición tendrá un color sólido que también aparecerá como una capa en la línea de tiempo. Puede cambiar el color de este gráfico en cualquier momento seleccionando el gráfico y yendo a Capa > Configuraciones sólidas.
Haga clic y arrastre las esquinas para cambiar el tamaño del color sólido a un tamaño más adecuado. Una vez que tenga el tamaño de un gráfico de banner, muévalo, lo adivinó, al tercio inferior de la pantalla.
encienda el Caja fuerte de título/acción guías presionando el apóstrofe en su teclado (‘) que te ayuda a alinear tu tercio inferior, para que no se corte. No tiene que estar centrado, así que colóquelo donde prefiera dentro de la sección inferior de su composición, pero manténgalo alejado de las pautas de seguridad.
Cómo animar un tercio inferior en After Effects
Es necesario animar un tercio inferior para que la transición dentro y fuera del cuadro sea fluida. En la línea de tiempo, abra las propiedades de la capa sólida y abra Transformar. vamos a usar el Posición opción para animar el tercer banner inferior dentro y fuera de la pantalla. Debe ser una transición relativamente simple para no distraer al espectador del resto del contenido del video.
Mueva el indicador de tiempo a 00:02s y seleccione el Cronógrafo junto a Posición para activar los fotogramas clave de Posición. Trabajando hacia atrás, esto agrega un nuevo fotograma clave en la línea de tiempo para indicar la posición final del gráfico.
A continuación, mueva el indicador de tiempo de nuevo a 00:00 y cambiar el eje x junto a Posición, o puede hacer clic y arrastrar el gráfico fuera del marco. Mueva su tercio inferior completamente fuera del marco hacia donde desea que ingrese el gráfico.
Ahora tienes dos fotogramas clave en la línea de tiempo. Resalte los fotogramas clave haciendo clic y arrastrando sobre ellos para seleccionar ambos a la vez. Luego haga clic Editor de gráficos en la parte superior de la línea de tiempo. Esto le brinda una representación visual de cómo los fotogramas clave mueven su animación.
En el gráfico, resalte los fotogramas clave para los que desea cambiar la configuración. A la derecha, debajo de la línea de tiempo, encontrarás opciones sobre cómo reaccionan los movimientos. Aquí encontrarás Fácil Facilidad. Easy Ease agrega una curva sutil en cada movimiento, por lo que no es tan abrupto. Un fotograma clave de Easy Ease cambia a un reloj de arena en la línea de tiempo.
También puede hacer clic derecho en un fotograma clave y elegir Velocidad de fotogramas clave. Aquí, puede ingresar cantidades para la velocidad entrante y saliente. Una entrada entrante de 80 y una entrada saliente de 20 traerá el gráfico rápidamente pero lo asentará lentamente.
Para obtener una vista previa de los cambios de fotogramas clave, mueva el indicador de tiempo a 00:00 y presiona barra espaciadora para iniciar y detener la reproducción. Una vez que haya configurado sus fotogramas clave de entrada, selecciónelos todos. Copie los fotogramas clave:Control + C (ventanas) o Comando + C (Mac)—y pégalos unos segundos más tarde en tu línea de tiempo—Control + V (ventanas) o Comando + V (Mac).
Reorganice los fotogramas clave pegados para que sean inversos al orden original. Esto crea movimientos salientes para su tercio inferior de manera opuesta, por lo que el banner sale de la pantalla en lugar de entrar.
Agregue detalles a su tercio inferior
Muchos vloggers de YouTube usan un gráfico de tercio inferior para alentar a las personas a suscribirse a su canal o seguir sus identificadores de redes sociales. Así que hagamos eso.
Selecciona el Tipo de herramienta—Control + T (ventanas) o Comando + T (Mac) y escriba sus identificadores de redes sociales. Si aún no está abierto, vaya a Ventana > Personaje para abrir el Personaje panel. Luego resalte el texto para cambiar el tipo de letra, el color o el tamaño.
Una vez que su texto tenga el formato que desee, use el Herramienta de selección (V) para arrastrar el texto sobre el color sólido. Colócalo como quieras; no tiene que estar centrado si ese no es tu estilo.
Como ya configuró la animación de Posición para el color sólido, puede adjuntar fácilmente el texto para moverlo con las mismas atribuciones.
Si desea que el texto permanezca sobre el bloque de color y haga una transición con él, cambie el fondo principal del texto a la capa de color sólido. Esto mantiene el texto y el color sólido como capas separadas, pero los agrupa para propósitos de animación. No necesita agregar fotogramas clave a la capa de texto.
También vamos a utilizar el Pista mate rasgo. Botón derecho del ratón Nombre de la fuente encima de las capas y elige columnas > Modos.
En la capa de color sólido, haga clic en Pista mate. Puede elegir cualquiera de las opciones para varios efectos, pero vamos con Mate invertido alfa. Esto invierte el color del texto, lo que, si está utilizando un fondo transparente, significa que el texto es transparente. Prensa barra espaciadora para obtener una vista previa del nuevo efecto. Puedes hacer una similar animación de texto enmascarado usando Canva.
Seleccione la capa de color sólido y cópiela y péguela (Control + C y Control + V para Windows, o Comando + C y Comando + V para Mac). Seleccione la capa de color inferior, luego vaya a Capa > Configuraciones sólidas para cambiar el color a un color de énfasis. Cambie el seguimiento mate a Mate sin pista en esta capa.
Puede agregar otros elementos a su tercio inferior de la misma manera, o puede dejarlo como está. Usted puede incluso importar gráficos de Illustrator para animarlos en After Effects o hacer un esfuerzo adicional y sincroniza tu tercio inferior para reaccionar a una pista de audio para la excitación visual.
Renderiza tu animación con un fondo transparente, luego agrégala como una capa cuando edites cualquier video en el que quieras usarla.
Cree un gráfico profesional del tercio inferior con After Effects
Crear un gráfico de tercio inferior es más simple de lo que piensas. Comenzó con un rectángulo de color, y si siguió este tutorial, ahora tiene un banner animado genial para agregar a sus videos en After Effects.