Cómo Añadir Motion Graphics a Transmisiones en Vivo (Twitch, OBS)
Spanish (Español) translation by Alison Pumapillo (you can also view the original English article)
¿Quieres saber cómo hacer animaciones para vídeos que tengan aspecto profesional? Rara vez le damos importancia a los gráficos, a pesar de que son una parte esencial de cualquier transmisión de vídeo en vivo. Los motion graphics añaden valor a cualquier producción, e incluso los gráficos más sencillos pueden ayudar rápidamente a que tu transmisión sea más atractiva.
En este tutorial aprenderás a utilizar motion graphics para tus vídeos en vivo, es decir, aprenderás cómo agregar animaciones a un vídeo basándote en tu transmisión, y cómo crear overlays para OBS con motion graphics realmente atractivos. Abarcaremos los aspectos básicos de los gráficos en las transmisiones en vivo, cómo hacer tus propios motion graphics para las transmisiones de vídeo, las mejores plantillas de animaciones After Effects, las mejores plantillas del generador de gráficos animados de Placeit (una sencilla herramienta online) y más recursos para el streaming.
1. Cómo hacer tus propios motion graphics básicos para transmisiones en vivo
Cómo hacer un overlay OBS en Photoshop para Twitch
Si eres capaz de utilizar programas de edición como Photoshop, puedes hacer animaciones para vídeos personalizadas. Es divertido y puedes utilizar tu creatividad, así que, si tienes tiempo, intenta crear overlays para OBS por ti mismo. A continuación, te explicamos cómo crear y utilizar tus propios motion graphics para Twitch con Photoshop y utilizarlos con Open Broadcaster Software Studio (OBS):
Cómo crear una pantalla animada de "Ya comienza" para OBS
En el siguiente tutorial, aprenderás a crear una sencilla, pero atractiva pantalla de "Ya comienza" para tu transmisión en vivo utilizando un overlay y un vídeo de stock en bucle, además de cómo utilizar el gráfico con OBS. Este tutorial sirve para cualquier editor de vídeo no lineal, como Premiere o Final Cut Pro, pero, en este vídeo, Jon muestra cómo hacer animaciones para vídeos en After Effects.
Cómo utilizar las overlays OBS
Hemos visto todos los pormenores sobre el uso de overlays OBS aquí en Envato Tuts+. Este tutorial presenta todos los detalles, paso a paso, sobre cómo agregar animaciones a un vídeo:
Y échale un vistazo a estos tutoriales para saber más sobre cómo poner estos gráficos y overlays OBS en acción:
- Crea pantallas de espera para transmisiones en vivo y vídeos en bucle con OBSMarie Gardiner15 Jun 2020
- OBS para grabación de pantalla: cómo añadir y usar fuentesKezz Bracey26 Jan 2019
- Cómo usar las transiciones de escena animadas en Open Broadcaster (OBS)Kezz Bracey09 Sep 2020
2. Las mejores plantillas y recursos para crear overlays OBS
Si el diseño no es tu interés o tu punto fuerte, o quieres hacer animaciones para vídeos más avanzadas, prueba con una plantilla. Puedes utilizar plantillas de overlay OBS para empezar, personalizando los colores y el estilo para que se adapten más a tu estilo.
Aquí tienes 3 estupendos recursos con motion graphics para transmisiones en vivo de Envato Elements y Envato Market:
Logo digital con efectos de distorsión - Plantilla de animaciones After Effects
Esta plantilla de animaciones After Effects presenta un revelado de logo con un genial efecto de distorsión, ideal para transmisiones de tecnología, o transmisiones en vivo de gamers. No necesitarás ningún plugin para utilizar esta plantilla de animaciones After Effects y la fuente gratuita utilizada viene incluida.

Trazos fluorescentes - Full HD
Prueba estos coloridos trazos fluorescentes para añadir algo de interés a tu transmisión en vivo. Podrías utilizarlos como parte de tu revelado de logo, o en bucle, como pantalla de espera, mientras esperas a que comience tu transmisión.

Paquete de emoticones para Facebook Go Live
Un paquete de 15 animaciones inspiradas con los reconocibles emoticones de Facebook: me encanta, me gusta, me divierte, me sorprende, me entristece y me enoja. Anima a las personas a reaccionar a tu transmisión, guiándolas amablemente en la dirección correcta con este paquete de reacciones.

3. Generador de gráficos animados para vídeos de Placeit
Si estás buscando una forma rápida y fácil de hacer animaciones para vídeos en vivo, prueba con el generador de gráficos animados de Placeit. Este generador de gráficos te permitirá empezar a trabajar con una plantilla profesional ya hecha y realizar cambios en el sitio para crear overlays para OBS que se adapten a tu marca y a tu transmisión. Placeit te ofrece muchas opciones (a cambio de una pequeña tarifa o como parte de una suscripción); aquí tienes un ejemplo de temática espacial que te ofrece este generador de gráficos, diseñado para personas que desean transmitir videojuegos en Twitch:

4. Las mejores prácticas y ejemplos de motion graphics para transmisiones en vivo
Decide qué le dará más valor a tu transmisión
Agregar animaciones a un vídeo en vivo sin limitaciones puede ser muy tentador, pero debes procurar utilizar solo lo que sea más útil, ya que existe un delicado equilibrio entre informar y distraer a la audiencia. A continuación, algunos ejemplos de diferentes tipos de transmisiones y los motion graphics que utilizan:
Transmisiones de videojuegos
Con los gráficos de las transmisiones de videojuegos y los overlays para OBS interactivos, el objetivo es crear audiencia y conseguir que las personas interactúen con otros canales sociales. Busca:
- Overlays
- Botones
- Paneles
- Fondos
Programas de noticias
En los programas de noticias lo que importa es informar y hacer que la audiencia pase a la siguiente noticia, por lo que los gráficos llamativos con texto fácil de leer son fundamentales.
- Títulos en los tercios inferiores
- Pantallas de "Ya comienza"
- Animaciones de logos
Educación y entretenimiento
Por ejemplo, las transmisiones en vivo de tutoriales o vídeos "cómo se hace" suelen utilizar títulos en pantalla (llamados tercios inferiores) para indicar quién está hablando, qué está ocurriendo o para añadir información importante que no se ofrece en el audio o el vídeo.
- Elementos (flashes, pop-ups)
- Callouts
- Iconos
Por supuesto, todos estos gráficos (¡y muchos más!) pueden adaptarse al tipo de transmisión que vayas a realizar, pero esperamos que te sirvan de inspiración.
Visuales consistentes
Si utilizas vas a hacer animaciones para vídeos y a utilizarlas, es importante que haya cierta consistencia entre los distintos elementos. Piensa en aspectos como la fuente que utilizarás, la estructura de los gráficos, los colores que utilizarás, etc. Intenta no cambiar los elementos con demasiada frecuencia. Si realmente necesitas cambiar algo, intenta hacerlo de forma gradual. Piensa en la forma en que las marcas de éxito han renovado sus logos a lo largo de los años: se renuevan y cambian sin perder el look y el mensaje principal.
Más recursos para transmitir vídeos en vivo de Envato
Por último, aquí tienes unos cuantos útiles tutoriales sobre cómo hacer animaciones para vídeos y crear overlays para OBS, te ayudarán a mejorar tus vídeos en vivo:
Cómo crear un video en vivo gratuitamente con Open Broadcaster Software (OBS) Studio
Cómo Agregar Gráficos y Overlays para Stream en Vivo con Open Broadcaster (OBS)
Los 3 Mejores Fondos de Video en Bucle (Video de Stock) para Live Streaming
Cómo construir una audiencia para tu transmisión en vivo
Guía de vídeo marketing de Envato
Potencia tus habilidades de vídeo marketing con nuestra guía completa. Aprenderás sobre vídeo marketing de principio a fin para mejorar tu próximo vídeo y conectar con tus clientes.
Recursos de vídeo gratuitos de Mixkit
Visita Mixkit y consigue vídeos de stock gratuitos, música de stock gratuita y plantillas gratuitas para Adobe Premiere Pro.
Produce vídeos con motion graphics en línea con Placeit
Placeit es un generador de vídeos en línea que incluye plantillas con gráficos animados diseñadas profesionalmente. Podrás producir vídeos rápidamente, directamente en tu navegador.
Envato Elements: descargas ilimitadas
Envato Elements ofrece millones de artículos de stock: imágenes, música, videoclips, fuentes, plantillas gráficas de todo tipo, plantillas de animaciones After Effects, plantillas de proyectos de vídeo After Effects, Premiere Pro, Final Cut Pro y Motion, y cursos creativos de Envato Tuts+. Todo esto incluido por una tarifa mensual bastante accesible.
