En esta entrada vamos a aprender a utilizar la aplicación OBS junto a un fondo croma para realizar grabaciones o transmisiones en directo (YouTube, Twitch, Zoom, …)
- Conceptos básicos de OBS Studio
- Conceptos básicos sobre croma
- OBS Studio y Filtro croma
- Añadiendo un «overlay»
Conceptos básicos de OBS Studio
Open Broadcaster Software (también conocido por su sigla OBS) es una aplicación libre y de código abierto para la grabación y transmisión de vídeo por internet (streaming).
En esta otra entrada del blog hemos explicado cómo descargar e instalar OBS, y conceptos básicos para crear escenas, capturar pantalla de escritorio, agregar cámara, importar gráficas,… y una configuración avanzada:
Conceptos básicos sobre croma
Es un truco visual para hacernos creer que es real lo que no lo es.
Con el croma diferenciamos una zona del plano para integrar en ella algo que no estaba inicialmente ahí, pero que lo parezca.
Según ha ido avanzando la tecnología digital, el color verde se utiliza para el croma dado que:
- Es más sencillo y barato de iluminar.
- Es más claro cuando lo vayas a reproducir en dispositivos electrónicos.
- Se diferencia más del cielo y es más útil en exteriores.
- Está bastante alejado del color de la piel y es menos común en vestuarios.
- Porque la mayoría de los sensores utilizan un patrón de Bayer que usa el doble de sensores verdes que rojos o azules: Las cámaras digitales son más sensibles al verde y el proceso de eliminación posterior es más sencillo.
Para utilizarlo, debemos tener un fondo verde croma, ya sea en tela, en papel o en una pared pintada.
- Fuentes de luz difusa: La iluminación debe ser lo más uniforme posible, evitando sombras, brillos y arrugas.
- Distancia de 2m: La acción se realiza a una distancia suficiente del fondo para que no se arrojen sombras sobre él, ni se refleje el fondo sobre el personaje.
- La iluminación sobre el actor deberá ser parecida (misma dirección y ángulo) a la que luego va a tener el fondo insertado.
- La ropa de los personajes no tiene que ser del mismo color o similar a la del fondo croma.
- La acción debe estar contenido dentro del fondo de croma verde desde el punto de vista de la cámara.
- Evitar materiales que reflejen: como las gafas, elementos de cristal o metal, colores muy claros como el blanco, son elementos que reflejan el verde del croma.
Color «verde»
El color es una percepción visual que se genera en la corteza visual al interpretar las señales nerviosas que envían los fotorreceptores de la retina del ojo, que distinguen las longitudes de onda de la parte visible del espectro electromagnético.
Aquí tienes algunos ejemplos de características de modelos de colores para pantalla verde (Pantone, sistemas Hexadecimal, RGB y CMYK):
Aquí puedes ver cómo escoger este tono en canva:
Cómo ilumino el set
- Sea cual sea el que elijas, antes que tener buena cámara o un buen micro, lo importante es tener buena iluminación y poco eco. Esto adquiere todavía más relevancia si quieres usar un fondo croma.
- Una buena forma de mejorar la iluminación es tener:
- Dos focos LED laterales (el efecto se mejora con una pantalla difusora).
- Un foco que apunte al techo: Si es bajo y blanco, al enfocar un foco potente hace que se ilumine toda la habitación con una luz muy homogenea.
- Unos trípodes para montarlos.
- En esta entrada de mi blog «Iluminación de película» te puedes informar sobre los parámetros básicos de la luz y la iluminación en el cine. También te cuento las características de los focos, paneles.
Proceso de keying
Una vez grabado el video, el proceso de «keying» se realiza de forma digital con programas específicos y herramientas como kdenlive, capcut, cromavid,…
- En kdenlive el efecto está dentro de Alfa, enmascaramiento y recorte.
- En canva es más fácil con la herramienta Eliminar Fondo:
- En capcut tienes que ir a Cámara, Efectos, Pantalla verde:
- En la aplicación cromavid se hace directamente:
Estas herramientas seleccionan los píxeles de un rango de color determinado y definen el recorte de la máscara con la precisión necesaria.
OBS Studio y Filtro croma
En primer lugar vamos a crear una escena nueva, pulsando el signo + en la esquina inferior izquierda (1):
En la ventana emergente, escribe el nombre (por ejemplo, «Fondo Croma») (1) y pulsa Aceptar (2):
Una vez creada la nueva escena (1), puedes moverla a otra posición (2). Añade una nueva Fuente (3) de Dispositivo de captura de video (4):
En la ventana emergente, elige Crear nuevo y escribe un nombre apropiado (1), y pulsa en Aceptar (2):
Selecciona el Dispositivo de captura de video (en mi caso la cámara de documentos IPEVO V4K) y pulsa en Aceptar (2):
Haz clic con el botón derecho en la Fuente (1), y en el menú que se despliega elige Filtros (2):
De entre todos los efectos, elige Fondo Croma (2), y en la pantalla siguiente elige un nombre apropiado.
Como puedes ver, ¡el verde de la pantalla del teléfono ha desaparecido!
Los parámetros se pueden ajustar para conseguir una mayor calidad:
- Tipo de clave de color: Normalmente el verde.
- Similitud: Si tienes sombras o imperfecciones de iluminación en el fondo croma, prueba a deslizarlo (cuanto más alto el valor, más colores quitará): Recomendado 300-400.
- Suavidad: Suaviza los bordes del objeto que está en el fondo croma. SI es demasiado alto, los bordes aparecerán borrosos. Recomendado 20-80.
- Reducción del vertido de Color clave: Si el sujeto está demasiado cerca de la pantalla verde, puede que se refleje el color verde en el pelo o la ropa. Si lo subes demasiado, aparecerá gris. Recomendado 20-100.
- Opacidad: Al 100% si quieres eliminar todo el fondo (es el valor por defecto).
- Contraste: Si has subido demasiado la reducción del vertido de color verde, prueba a devolver la normalidad de colores ajustando este parámetro.
Una vez que estés contento con los parámetros, puedes añadir una o varias capa de fondo (imágenes o videos).
TIP: Si tienes muchos tipos de verde, prueba a añadir otro Filtro de Croma, eligiendo un tono de verde cada vez.
Vamos a añadir un video para que veas cómo se hace:
Una vez añadida la fuente (2), un aspecto importante es situar la capa del Video Croma por encima (1)
Añadiendo un «overlay»
Un overlay es un diseño visual compuesto por elementos gráficos: marcos, textos, iconos, transiciones… que se coloca sobre el «streaming».
El mejor tamaño para el overlay es de 1920x1080p.
¡Vamos a crearlo con canva! Busca «Twitch overlay» entre las plantillas y elige la que más te guste:
Por ejemplo, ésta. Pulsa en «Customize this template«:
Ahora puedes eliminar elementos, cambiar el texto, tipografía, …
Cuando hayas terminado pulsa en la esquina superior derecha en Compartir/Share (1), selecciona el tipo de archivo (2), y luego descarga (3):
Cuando lo tengas, simplemente en OBS añade una nueva fuente de imagen:
Y añade más elementos si lo consideras necesario:
Tecnología E Ingeniería 
Deja un comentario