Advertisement
  1. Photo & Video
  2. Video

Cómo agregar superposiciones y gráficos para transmitir en vivo y screencast de vídeo con OBS

Spanish (Español) translation by Francisco Javier Arellano Macías (you can also view the original English article)

Open Broadcast Software Studio, o OBS para abreviar, es el software ideal para una transmisión en vivo rápida, fácil y gratuita (y de código abierto). La interfaz es fácil de usar y te permite personalizar tu vídeo con gráficos: es una gran herramienta para agregar brillo y profesionalismo a tu transmisión. Vamos a ver algunas de las formas en que es posible que desees utilizar gráficos y cómo puedes hacerlo dentro de OBS.

Heads-up display graphic tempate - computer-control designs on a black brackgroundHeads-up display graphic tempate - computer-control designs on a black brackgroundHeads-up display graphic tempate - computer-control designs on a black brackground
Interfaz de usuario de HUD establecida por codetoform, Envato Elements

Gráficos de la transmisión

Al igual que en otros vídeos, los gráficos son una parte importante de tu transmisión, y al igual que en otras formas de vídeo, tus gráficos brindan información adicional importante a los espectadores. Los elementos gráficos clave para vídeo en vivo son superposiciones, pancartas, paneles, alertas y logotipos. Los gráficos de la transmisión en vivo son clave para ayudar a tu audiencia a reconocerte rápidamente y, con suerte, conectarse emocionalmente contigo y con tu transmisión.

1. Cómo agregar gráficos superpuestos en OBS Studio

Una superposición puede ser un gráfico muy simple, tan sencillo como un borde que rodea el marco de tu vídeo. Las transmisiones en vivo en Twitch son grandes en el uso de superposiciones porque te dan la posibilidad de personalizar tu contenido. También puedes usar superposiciones como marcadores de posición para anunciar el "comienza pronto" y "gracias por mirar", para no dejar a los espectadores con una pantalla en blanco.

Crea tu propia superposición

Puedes crear tu propia superposición y aquí tengo una excelente guía de cómo hacer eso en Photoshop que vale la pena consultar.

twitch overlay for OBS on placeittwitch overlay for OBS on placeittwitch overlay for OBS on placeit
Una superposición de Twitch para OBS en Placeit

Si Photoshop parece abrumador, prueba Placeit. Con Placeit, puedes crear gráficos de canales utilizando plantillas interactivas para personalizar los diseños existentes en tu navegador web. Esta es una excelente manera de obtener algo que se vea profesional y que se pueda ajustar para adaptarse a tu marca, sin forzarte a crear algo desde cero o aprender otro programa nuevo. Consulta el tutorial paso a paso sobre cómo hacer una superposición con PlaceIt para obtener todos los detalles.

Agrega tu superposición

Para agregar una superposición (agregaré este ejemplo de Placeit que he modificado ligeramente), selecciona la escena a la que deseas agregarla, la mía es Prueba y luego ve a fuentes de origen > agregar > imagen.

overlay in OBSoverlay in OBSoverlay in OBS
La superposición importada a OBS

Y ahora tu imagen superpuesta se coloca sobre tu fuente de vídeo. ¡Fácil!

Una nota rápida sobre escenas

Las escenas en OBS son una forma de configurar tu diseño preferido, fuentes de vídeo y configuraciones de audio para un tipo particular de transmisión. Si haces vídeos con diferentes temas, si eres un jugador que transmite más de un juego, o si tienes dos o más transmisiones de vídeo (una cámara en un moderador y la captura de pantalla de tu juego, por ejemplo), encontrarás escenas muy útiles.

Ten en cuenta que esto no es lo mismo que perfiles, con el que puedes configurar para que contengan claves de transmisión, configuración del codificador, tamaño de salida, etcétera. Utiliza perfiles y escenas combinándolos entre sí.

Cuando configuras tu escena, puedes agregar cosas como gráficos, como se indicó anteriormente, que serán accesibles cuando desees transmitir de esa manera específica. Para obtener más información, consulta nuestro tutorial sobre cómo usar escenas en OBS para cambiar de fuentes de origen.

2. Cómo agregar texto en OBS

El texto, por supuesto, no se incluye estrictamente en gráficos, sin embargo, hay dos formas de agregarlo en OBS. La primera es ingresarlo directamente a través del menú fuente de origen (Agregar > Texto), pero la segunda es crearlo en otro lugar y luego importarlo como una imagen.

Para hacer esto, simplemente crea el texto deseado en tu programa habitual, como Photoshop,

sample text created in Photoshopsample text created in Photoshopsample text created in Photoshop
Ejemplo de texto creado en Photoshop

Guárdalo como un archivo PNG para mantener el fondo transparente. Luego, en el cuadro fuentes, haz clic en agregar > imagen.

add text as an imageadd text as an imageadd text as an image
Agregar texto como imagen en OBS

Tendrás que crear un nombre para tu fuente de origen, así que dale un nombre apropiado y luego, cuando se te solicite, ve a donde está guardada tu imagen en tu computadora y agrégala. Inmediatamente la verás aparecer en la pantalla.

text added will appear in sources and can be adjustedtext added will appear in sources and can be adjustedtext added will appear in sources and can be adjusted
El texto agregado aparecerá en fuentes y se puede cambiar de tamaño y colocar

Cuando esté en tu pantalla, puedes cambiar su tamaño y colocarla según corresponda, e incluso tienes la opción de reducir la opacidad.

3. Cómo agregar gráficos en movimiento en OBS

Si puedes crear contenido de vídeo en una suite como Premiere Pro o After Effects, puedes usar esos gráficos en OBS. Si bien no podrás editar o cambiar directamente el contenido en OBS, puedes hacer cosas como tercios inferiores o logotipos animados y presentarlos en un archivo .MP4 u otro archivo de vídeo para incluirlos en tu escena.

Si deseas hacer todo lo posible y crear una interfaz de usuario para tus notificaciones, pero no tienes las habilidades de diseño o la paciencia para diseñar una interfaz gráfica de usuario completa para tu transmisión, consulta estos paquetes de diseño de pantallas de visualización de Elements.

Aquí hay un ejemplo rápido que hice, un tercio inferior y cómo agregarlo a tu escena:

Intenta agregar gráficos en OBS Studio

Agregar elementos gráficos a un vídeo puede hacer que parezca una producción más cara y expresiva. Muy a menudo, como con la mayoría de las cosas, menos es más, así que trata de tener algunos elementos de diseño bien hechos y consistentes que uses con frecuencia, en lugar de una gran combinación de cosas. Es aconsejable usar perfiles y escenas para mantener diferentes transmisiones separadas y si lo deseas, dar a cada una su propia identidad.

Lo mejor de poder usar gráficos animados en lugar de solo imágenes en OBS Studio es que abre un mundo de posibilidades sobre los tipos de gráficos que puedes crear. Además de hacer cosas desde cero en una suite de edición, puedes acceder a una amplia gama de plantillas que puedes ajustar y luego renderizar, lo que te brinda un banco de gráficos para usar.

Los mejores recursos de Envato para ayudar a hacer un gran vídeo

Aquí hay más recursos de Envato para que sigas aprendiendo y haciendo increíbles vídeos de transmisión en vivo.

Envato Elements: descargas ilimitadas

En Envato Elements tienes acceso a cientos de plantillas de vídeo, todas incluidas en la suscripción. Esto significa que puedes crear una marca para acompañar tu transmisión en vivo, un logotipo animado, por ejemplo, o un conjunto de tercios inferiores. Los textos ilustrativos pueden ser útiles para cosas como tutoriales o transmisiones de desempaquetado de productos, y hay una gran cantidad de gráficos animados que se adaptarían a la mayoría de los proyectos, para que puedas experimentar y ver qué funciona para ti.

Elements ofrece millones de artículos en archivo: fotos, música, vídeos, fuentes de texto, plantillas de proyectos de vídeo para After Effects, Premiere Pro, Final Cut Pro y Motion, y cursos creativos de Envato Tuts +, todo con una sola suscripción.

Descarga vídeos gratis, música gratis y plantillas gratis desde Mixkit

Echa un vistazo a Mixkit para encontrar videos gratis, música gratis y plantillas gratis para Adobe Premiere Pro.

Haz un vídeo de gráficos animados en línea con PlaceIt

PlaceIt es un creador de vídeos en línea con plantillas de gráficos en movimiento diseñadas profesionalmente.

Haz un sitio de Insta con Milkshake

Instagram te da un hipervínculo en tu biografía, ¡así que no lo desperdicies! Haz un excelente sitio web de Insta usando Milkshake en tu teléfono, sin necesidad de habilidades web o de diseño.

Lee la guía de vídeo marketing de Envato

Mejora tus habilidades de vídeo marketing con nuestra guía integral, aprenderás marketing de vídeo de principio a fin, de modo que si eres un novato o un profesional, aprenderás algunas habilidades útiles que mejorarán tu próximo vídeo.

Aprende a realizar transmisiones de vídeo en vivo con confianza

  • Inicio rápido de OBS: cómo crear vídeo en vivo gratis con Open Broadcaster Software Studio

  • Inicio rápido de OBS: cómo grabar la pantalla gratis con Open Broadcaster Software

  • Top 3 bucles de fondos de vídeo más populares (Almacen de medios) para la transmisión en vivo

  • Cómo crear una audiencia para tu transmisión en vivo

Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.