Tutoriales de Premiere Pro

Cómo hacer un bocadillo de chat de iPhone en Premiere Pro

Crea un bocadillo de chat animado estilo iPhone en Premiere Pro con las herramientas Rectángulo y Pluma, Horizontal Flip, Tint y una animación de Scale suavizada.

Motion GraphicsPremiere Pro
Man relaxing on a bean bag with three iPhone style chat bubbles in blue and green over the video

Mira el tutorial

Paso 1: Dibuja un rectángulo

Coloca tu material en la línea de tiempo. En la barra de herramientas, haz clic en la Rectangle Tool y arrastra un rectángulo sencillo en el monitor Program donde quieras el bocadillo. Aparecerá como una capa gráfica en la pista sobre tu clip.

Paso 2: Redondea las esquinas y elige un color

Con la forma seleccionada, abre el panel Essential Graphics (Window > Essential Graphics) y cambia a la pestaña Edit. En la sección Align and Transform, sube el valor de Roundness hasta que el rectángulo se convierta en una forma de píldora suave. En el vídeo queda en torno a 150. Después desplázate hasta Appearance, haz clic en el cuadro de color gris de Fill y elige el color que prefieras, por ejemplo el clásico azul claro.

Valor Roundness en la sección Align and Transform del panel Essential Graphics de Premiere Pro

Paso 3: Añade la cola con la herramienta Pluma

Haz clic en el espacio gris vacío de la línea de tiempo para deseleccionar todo. Luego elige la herramienta Pen en la barra de herramientas y haz clic en el monitor Program para dibujar un pequeño triángulo en la esquina inferior del rectángulo. Cierra la forma haciendo clic en el primer punto. Dale el mismo color de relleno para que el triángulo se funda con el bocadillo y se convierta en la cola.

Puntos de anclaje de la herramienta Pen dibujando una cola triangular en la esquina de un rectángulo redondeado azul en el monitor Program de Premiere Pro

Paso 4: Une las formas en un solo bocadillo

El rectángulo y el triángulo siguen siendo dos capas separadas. Haz clic en una en la línea de tiempo, mantén Shift y haz clic en la otra, luego haz clic derecho y elige Nest. Ponle un nombre y haz clic en OK. Ahora tu bocadillo es un solo clip que puedes mover, escalar y animar como un único objeto.

Menú contextual sobre dos capas gráficas seleccionadas en la línea de tiempo de Premiere Pro con la opción Nest

Paso 5: Duplica el bocadillo para la respuesta

Mantén Alt (Option en Mac) y arrastra el bocadillo anidado una pista hacia arriba para duplicarlo. En el monitor Program, haz doble clic en el bocadillo de arriba y muévelo un poco hacia abajo. Luego busca Horizontal Flip en el panel Effects, aplícalo al bocadillo de arriba y reposiciónalo, de modo que la cola apunte en el otro sentido, como la respuesta de otra persona.

Más rápido con BetterFX: olvídate del panel Effects. Pulsa tu atajo de BetterFX, escribe las primeras letras de Horizontal Flip y pulsa Enter para aplicarlo al clip seleccionado. Consigue BetterFX

Para darle a la respuesta su propio color, aplica el efecto Tint a esa capa superior. En Effect Controls, haz clic en las muestras de color junto a Map Black To y Map White To y elige los colores que quieras. El vídeo usa verde para el segundo bocadillo.

Efecto Tint con Map Black To y Map White To y un Color Picker verde abierto en Premiere Pro

Paso 6: Añade los mensajes

Usa la herramienta Type para escribir el mensaje de tu primer bocadillo; luego vuelve a hacer clic en el espacio gris de la línea de tiempo y escribe el segundo mensaje. Haz que cada texto quede bien dentro de su bocadillo. Para mantener cada mensaje junto a su bocadillo, selecciona un bocadillo y su texto (mantén Shift para elegir ambos), haz clic derecho, elige Nest y haz clic en OK. Repite con el segundo bocadillo y su texto.

Paso 7: Anima la aparición

Aplica el efecto Transform al bocadillo de abajo. En Effect Controls, abre Transform, haz clic en el cronómetro junto a Scale para crear un keyframe y luego define un segundo valor para que el bocadillo pase de 0 (invisible) a su tamaño completo en unos pocos fotogramas. Selecciona ambos keyframes, haz clic derecho en uno y elige Ease In, luego haz clic derecho de nuevo y elige Ease Out. Así la aparición resulta suave en lugar de mecánica.

Menú contextual sobre keyframes de Scale en el panel Effect Controls de Premiere Pro con las opciones Ease In y Ease Out

Más suave con EaseFlow: selecciona los keyframes y aplica una curva de aceleración real con un clic, en lugar de arrastrar los tiradores Bezier. Descubre EaseFlow

Por último, haz clic en la palabra Transform en Effect Controls, pulsa Ctrl + C (Cmd + C en Mac) para copiarlo, selecciona el segundo bocadillo y pulsa Ctrl + V. La animación ya está en ambos bocadillos. Si no quieres que aparezcan en el mismo instante, arrastra el segundo bocadillo un poco más adelante en la línea de tiempo.

Consejos

  • Escalona los mensajes. Desfasar el segundo bocadillo medio segundo hace que parezca una conversación real.
  • Mantén los textos cortos. Los mensajes breves se leen más rápido y encajan mejor en el bocadillo.
  • Añade un sonido. Un sonido de mensaje o un whoosh en cada bocadillo hace que la animación parezca mucho más real.

FAQ

¿Cómo hago un bocadillo de chat en Premiere Pro?

Dibuja un rectángulo con la Rectangle Tool, redondea las esquinas en Essential Graphics, añade una cola triangular con la herramienta Pen y anida las dos formas juntas.

¿Cómo volteo un bocadillo de chat para que apunte hacia el otro lado?

Aplica el efecto Horizontal Flip al bocadillo duplicado y reposiciónalo, de modo que la cola apunte hacia el lado contrario.

¿Cómo hago que los bocadillos aparezcan con suavidad?

Anima el Scale con keyframes de 0 al tamaño completo y añade Ease In y Ease Out a los keyframes. Para saber más, lee nuestra guía sobre suavizar keyframes en Premiere Pro.

¿Quieres una versión ya hecha? Prueba la plantilla de animación de notificación y arrástrala directamente a tu proyecto.