7 days of unlimited video, AE, and Premiere Pro templates - for free!* Unlimited asset downloads! Start 7-Day Free Trial
Advertisement
  1. Photo & Video
  2. Video

Cómo Añadir Motion Graphics a Transmisiones en Vivo (Twitch, OBS)

Scroll to top

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:

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.

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:

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 ProFinal Cut Pro y Motion, y cursos creativos de Envato Tuts+. Todo esto incluido por una tarifa mensual bastante accesible.

 
Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Photo & Video tutorials. Never miss out on learning about the next big thing.
Advertisement
Start your 7-day free trial*
Start free trial
*All Individual plans include a 7-day free trial for new customers; then chosen plan price applies. Cancel any time.