Ver el tutorial
Paso 1: Crear un Color Matte
En el panel Project, haz clic en New Item y elige Color Matte. Haz clic en OK, elige en el Color Picker el color de fondo de la barra lateral (el ejemplo usa blanco) y vuelve a hacer clic en OK. Después pulsa OK en el cuadro del nombre.
Con un clic con Mako: el panel gratuito Mako añade un color matte sobre los clips seleccionados, en la posición del cursor, en la primera pista libre, con un solo clic. Consigue Mako gratis
Paso 2: Colocar y posicionar el matte
Arrastra el Color Matte a la pista que hay sobre tu vídeo y déjalo seleccionado. Abre Effect Controls y cambia la Position del matte para que solo se vea una pequeña franja en el lado izquierdo o derecho de la pantalla. Esa franja es tu barra lateral.

Paso 3: Añadir y dar estilo al texto
Añade un título y algo de texto con la Type Tool y dales el estilo que quieras para que queden bien dentro de la barra lateral. Antes de animar, comprueba que la duración de la capa de texto coincide con la del Color Matte arrastrando su final hasta alinearlo.
Paso 4: Anidar todo junto
Selecciona el texto, el Color Matte y cualquier otra capa que hayas creado para la barra lateral. Haz clic derecho en una de ellas, elige Nest y haz clic en OK. Al anidar, la barra lateral se convierte en un solo clip y puedes moverla entera de una vez.
Paso 5: Animar la entrada de la barra lateral
Abre el panel Effects, busca Transform y aplica el efecto Transform a la capa anidada. Con la capa seleccionada, abre Effect Controls y asegúrate de que el cursor está al principio del clip. En Transform, haz clic en el cronómetro junto a Position para crear un keyframe.

Como quieres que la barra lateral acabe en su posición actual, mueve este keyframe un poco hacia delante en la línea de tiempo. Luego vuelve al principio del todo y cambia la Position para que la barra quede fuera de la pantalla. Al reproducirlo, la barra lateral se desliza hacia dentro.
Paso 6: Animar la salida de la barra lateral
Mueve el cursor al punto donde la barra debe empezar a salir de la pantalla. Crea un keyframe de posición con el valor actual, avanza hasta donde debe quedar oculta y cambia de nuevo la Position para sacarla del encuadre. Ya tienes una animación de entrada y una de salida.

Paso 7: Suavizar el movimiento
Selecciona todos los keyframes, haz clic derecho, elige Temporal Interpolation y luego Ease In; repite y elige Ease Out. Ahora la barra lateral acelera y frena con suavidad.

Más suave con EaseFlow: selecciona los keyframes y aplica una curva de easing real con un clic, sin arrastrar manejadores Bezier. Descubre EaseFlow
Para darle un toque final, baja por el efecto Transform y pon Shutter Angle en 360 para añadir desenfoque de movimiento. Luego despliega la flecha junto a Position, haz clic en un keyframe para ver los manejadores azules y arrástralos para ajustar el gráfico de velocidad hasta que el movimiento te convenza.

Consejos
- Adáptalo a tu marca. Usa el color de tu marca para el matte y la misma tipografía que el resto del vídeo.
- Mantén la pausa corta. Una barra lateral que se queda demasiado tiempo compite con tus imágenes.
- Reutilízala. Copia la barra lateral anidada a otras partes de tu línea de tiempo y edita el texto de dentro.
FAQ
¿Por qué anidar las capas antes de animar?
Al anidar, el matte y el texto se agrupan en un solo clip, así que un único juego de keyframes de posición mueve todo a la vez.
¿Cómo hago que la barra lateral entre desde la derecha?
Coloca el matte en el borde derecho en el paso 2 y empieza la animación con una posición fuera de la pantalla por la derecha.
¿Cómo añado desenfoque de movimiento a la animación?
En el efecto Transform, pon Shutter Angle en 360.
¿Quieres diseños animados ya hechos? Echa un vistazo a las plantillas de motion graphics.







