Cada año, parece que los streamers y los creadores de contenido aumentan su creatividad, creando nuevas ideas para su transmisiónpara entretener e interactuar con su comunidad, y como recién llegado al streaming, o incluso alguien que ha hecho streaming durante un tiempo, puede dejarnos sin saber por dónde empezar, cuando nos ponemos creativos para nuestras propias configuraciones. Por eso, el artículo de hoy trata de celebrar esa creatividad, y de darte a ti, el streamer, el creador de contenidos, 4 nuevas ideas para hacer fluir tu creatividad.

Descargas de vídeos destacados

Overlays y Widgets Nerd Or Die

Plugin StreamFX para OBS

Photopea - Software gratuito de edición de fotos

Descargar el fondo del chat del teléfono móvil

FugiTech Reactive (resaltador de actividad de la discordia)

MrBoost's Now Playing Widget (canal Discord #free-resources de Nerd Or Die)

Nerd Or Die's Media Looper


1. Frontera de la cámara web reactiva

Bien, lo primero que vamos a configurar es un borde de cámara web, pero que reacciona al audio. Y la señal particular a la que reaccionará será nuestra voz. Para este ejemplo vamos a utilizar un borde de cámara web estática del Nerd Or Die Stealth Pack. Queremos configurar un borde de cámara web que reaccione a una señal de audio. Con nuestro borde de cámara web del Pack Stealth listo, vamos a empezar a editarlo en Photopea: una herramienta de edición online gratuita que, si has usado Photoshop, te resultará bastante familiar. De hecho, hemos hecho un vídeo sobre ella, así que no dejes de verlo.

Dirígete a Nuevo y crea un Nuevo Proyecto. Vamos a utilizar 1280 x 720 como nuestras dimensiones, y voy a utilizar un fondo gris por ahora, que vamos a desactivar más tarde, cuando estamos a punto de exportar.

selector de color de la cámara web reactiva

Antes de continuar, vamos a configurar algunas guías. Pulsa Ctrl+R o Cmd+R para que aparezcan las reglas en cada uno de nuestros ejes y si haces clic y arrastras desde cualquier lado, crearás una guía. Las guías son súper útiles para mantener las cosas centradas o bloqueadas en ciertas áreas de nuestro lienzo. En este caso, queremos marcar el centro de nuestro lienzo, por lo que es la mitad de 1280 y la mitad de 720, 640 y 360. Queremos arrastrar una línea de guía a través de 640, y luego una hacia abajo a 360: eso debería darte tu punto central.

Marco de la cámara web Stealth

Asegúrese de que esta imagen esté alineada en el centro para que sea más fácil superponerla más adelante en este tutorial

Aquí, arrastra nuestra imagen del borde de la cámara web del Pack Stealth de Nerd Or Die. Cuando arrastres tu capa, vas a tener la opción de cambiar su tamaño: queremos hacerla más grande, pero no todo el tamaño del lienzo. Mantén pulsada la tecla Mayúsculas y haz clic en una de las esquinas para aumentar el tamaño de la imagen, y asegúrate de dejar algo de espacio alrededor del exterior, ya que vamos a añadir un efecto de brillo que queremos que se difunda suavemente en la nada. Centra la imagen una vez que sea lo suficientemente grande, y al hacerlo, verás que las líneas de guía se vuelven rojas, esto te ayudará a bloquear el borde de la cámara web y centrarla en ambos ejes.

En nuestra imagen, se pueden ver algunas partes claras entre el diseño oscuro de Stealth, vamos a hacer que cobren vida.

Para ello, vamos a crear una nueva capa haciendo clic en este botón de aquí abajo, y en esta capa, vamos a pintar un poco. Dirígete a la capa del pincel en el lado izquierdo, haz clic en ella, y después, mantén pulsada la tecla Alt y haz clic en el área amarilla del borde de la cámara web, esto muestreará el color de esa parte amarilla, y vamos a pintar sobre la misma área del borde de la cámara web, pero en nuestra nueva capa.

cepillo de pintura de la cámara web reactiva

Para acceder rápidamente a la configuración del pincel, haz clic con el botón derecho del ratón en el lienzo y podrás ajustar sus propiedades. La única propiedad que queremos ajustar es el tamaño, este es el tamaño que estoy usando, pero el tuyo puede variar - el objetivo es asegurarse de que el pincel no pinta fuera de la barra amarilla, de la imagen original del borde de la cámara web.

pincel reactivo para cámaras web 2

Haz clic en el área a pintar, y un pequeño truco que me gusta usar es que cuando hago clic y empiezo a pintar, luego mantengo presionada la tecla shift y me muevo a través de ese eje, ya sea subiendo y bajando, o a la izquierda y a la derecha - mantener la tecla shift se asegurará de que pintes una línea perfectamente recta, que para las barras superiores e inferiores, puede ser bastante útil. Puedes practicar esto, y si no lo consigues, puedes usar ctrl+z o cmd+z para deshacerlo e intentarlo de nuevo, o puedes intentar pintarlo a mano alzada. Depende totalmente de ti, haz lo que te resulte más cómodo.

Una vez que haya terminado, haga doble clic en el nombre de su capa para cambiar el nombre, sólo para que sepamos lo que es, voy a llamarlo Glow. A continuación, haga doble clic en la capa, lejos del texto, y se abrirá la ventana de efectos, donde podemos añadir un poco de brillo exterior e interior. Lo primero que quiero hacer aquí, es añadir el brillo exterior. Voy a utilizar estos ajustes, utilizando el color de la barra amarilla como nuestro brillo. Puedes probar el color de la barra haciendo clic en la muestra de degradado y manteniendo pulsadas las teclas alt+clic para probar el amarillo de la barra en el borde de nuestra cámara web.

estilo de capa de cámara web reactiva

Ahora estamos llegando a alguna parte. Tiene el efecto de que la luz brilla desde ella, pero no parece que esté brillando dentro de la propia barra amarilla, así que ahí es donde el brillo interior va a tener efecto.

brillo reactivo de la webcam

Voy a utilizar estos ajustes aquí, y puede parecer una diferencia sutil, pero cuando se desactiva este resplandor interior, realmente se puede ver la diferencia que hace al usarlo. Ahora que esto está terminado, vamos a exportar la imagen inactiva y la imagen de habla de nuestro borde de la cámara web. Asegúrate de desactivar esta capa de fondo ya que no la necesitamos, y luego exporta con la capa de brillo activada. Después, desactiva la capa de brillo y exporta con la capa de brillo ahora desactivada. A continuación, dirígete a este sitio web - se llama Reactive by FugiTech. Cuando te conectes te pedirá que te autorices con tu cuenta de discordia, ya que utilizará tu voz a través de un canal de discordia para activar el borde de la webcam.

Ten en cuenta que tienes que estar en un canal de voz en discordia, de lo contrario este widget no recogerá tu voz, y no funcionará.

Toma tus dos imágenes y, una vez que hayas iniciado sesión en Reactive, podrás subirlas aquí:

Pulsa guardar en ambos, y en el lado izquierdo, queremos ajustar algunos de los parámetros de configuración. Yo me aseguraría de que estas tres casillas estén desmarcadas, y como no vamos a usar Reactive para ninguna otra voz que no sea la nuestra, el resto de estos ajustes no importarán. Si tus ajustes ya se ven así, genial, si no, configúralos y pulsa Aplicar.

En la sección de enlaces, coge la fuente individual del navegador. A continuación, dirígete a OBS y añade una fuente de navegador. Asegúrate de que estás conectado a un canal de voz en discordia, de lo contrario este borde de cámara web no se cargará. A continuación, colócalo sobre tu webcam. Una vez hecho esto, verás que esto empieza a reaccionar a tu voz de inmediato.

Dar vida a los bordes de la cámara web es una gran manera de usar este programa, y hay muchas otras ideas geniales para usarlo de esta manera, nos encantaría escuchar lo que creas con esto, así que entra en tu discordia, y siéntete libre de compartir cualquiera de tus geniales creaciones con nuestra comunidad, y lo más probable es que encuentres unas cuantas creaciones geniales ya allí también.


2. Ideas creativas para el chat

El chat se ha convertido en una parte de la vida de muchos de nuestros streamers, ya sea en todo transmisión, o simplemente al principio o al final de un transmisiónpara calentar o relajarse con tu comunidad. Si bien hay muchas opciones visuales magníficas (#no sesgadas en absoluto) que ofrece Nerd or Die, muchos de nosotros queremos dar a nuestros streams ese toque único adicional, para poner nuestra propia marca en ellos.

Utilizar los paquetes transmisiónno significa que no puedas hacerlo, de hecho te da una ventaja como ninguna otra, incluso antes de que pruebes diferentes formas de utilizarlo, como este divertido chat superposiciónen mi teléfono, por ejemplo. Parece que se está mostrando en el teléfono y se está filmando, pero en realidad esto es sólo una foto con mi teléfono apagado, y el chat emitido por encima de él. Así que vamos a configurar esto en OBS Studio, desde cero.

Para usar esto, vas a necesitar un plugin de OBS conocido como StreamFX, el enlace para tomarlo está en la descripción. Si ya lo tienes instalado, asegúrate de que tu OBS y tus plugins están en la versión más actualizada. Si estás usando StreamLabs Desktop, no soportan los plugins de OBS Studio, así que tendrás que hacer el cambio si vas a usar este efecto.

Con su OBS Studio apagado, instale el conjunto de plugins StreamFX, y luego vuelva a abrir OBS Studio. Y la mejor manera de comprobar que StreamFX se ha instalado es comprobar esta pestaña en la parte superior de OBS Studio. Si puedes ver esa pestaña de StreamFX... lo has instalado correctamente, ¡buen trabajo!

transmisiónficha fx

Bien, ¡hagamos una escena de chat! Para hacer esta escena, he puesto esta imagen a disposición de todo el mundo como marcador de posición - pero yo recomendaría ser creativo con esto usted mismo, tomando su propio teléfono o dispositivo, y tal vez la filmación al lado de otras cosas que son activas, como un coche que pasa fuera, o una televisión en el fondo con su transmisióndestacados que se ejecutan en él, o usted bailando como un maníaco - es totalmente a usted, pero .. la última es la única que debe estar haciendo.

Una vez que tengas la imagen en su propia escena, la siguiente etapa es añadir una fuente del navegador, ya que vamos a poner nuestro chat widget URL aquí. Vamos a utilizar el chat de Amused widget en esta configuración, ya que tiene ese aspecto de mensajería de texto que creo que encaja muy bien con esta idea.

Fondo del chat telefónico para móvilesQuiero hacer que el chat se sienta más escalado de una manera que se vería si estuviera en mi teléfono, así que voy a ir con estas dimensiones para crear una ventana larga, y luego escalar hacia abajo, lo importante es asegurarse de que toda la fuente es más grande que el área que va a estar aplicando, esto es porque una vez que la Transformación 3D se aplica, vamos a utilizar esta área de lienzo más grande para moverlo hacia adentro sin preocuparse por el exceso de recorte y cortar partes del chat. Esto le da más libertad para cambiar las cosas en función del tamaño y el ángulo de su área de chat.

teléfono twitch chat browser

Usted puede poner una fuente de color detrás de esto, o una imagen, es totalmente a usted, voy a utilizar algunos de los fondos de activos adicionales que vienen con el diseño de Nerd o Dies Flatpack. Arrastra Alt+clic para recortar los lados de tu imagen alrededor del chat, y deja un poco de espacio extra alrededor de la ventana del chat, ya que necesitaremos algo de relleno. Haremos la ventana de chat un poco más pequeña por ahora y la configuraremos así:

teléfono twitch chat browser

A continuación, vamos a agrupar estos, seleccione ambas fuentes, haga clic derecho y seleccione esta opción aquí. A continuación, ir a los filtros de su grupo, y vamos a añadir un filtro de transformación 3D, a continuación, un filtro de corrección de color: Reducir la opacidad en el filtro de corrección de color hacia abajo, para que pueda ver el teléfono detrás de este grupo, esto nos va a ayudar a conseguir este próximo paso lo más preciso posible.

Con Corner Pin como nuestro modo de cámara, vamos a mover cada una de las cuatro esquinas del diseño del chat hasta que coincidan con las esquinas del teléfono. No te preocupes por conseguir los valores exactos que he establecido aquí, ya que pueden variar - sólo concéntrate en que encaje perfectamente en el teléfono, en cada esquina. Y piensa en el aspecto que tendrá el teléfono cuando esté encendido.

teléfono twitch chat perspectiva del navegador

Una vez que se ve bien, haga clic derecho en el grupo y vaya a Modos de fusión, seleccione Aditivo o Pantalla, y entonces debería mostrar el reflejo del teléfono que viene a través, esto está empezando a parecer más y más como si estuviera realmente mostrando en el teléfono. Usted puede mantener el filtro de corrección de color en su grupo para reducir la opacidad, me parece que esto ayuda a crear el aspecto auténtico aún más. Me gusta añadir un poco más de corrección de color (gamma reducido) a la escena en general, e incluso mezclar una LUT en la escena, para tirar de la fuente y la imagen un poco más. Puedes encontrar fácilmente paquetes de LUT gratuitos en YouTube y con un poco de búsqueda en Google, pero la LUT teal_lows_orange_highs que viene en la carpeta de LUT por defecto de OBS tiene algunos efectos bastante buenos cuando se utiliza con un poco de corrección de color.

teléfono twitch chat perspectiva del navegador

Si estás haciendo tu propio montaje para esto, te recomendaría tener una superficie plana e inmóvil sobre la que puedas lanzar el chat, con otros elementos a su alrededor. Hay muchas maneras de hacerlo, y no sólo con el chat divertido. Puedes montar montajes sencillos pero impresionantes que te permitan a ti y a tu comunidad disfrutar juntos de clips y otros contenidos, o crear una escena llamativa con decorados de la vida real. El potencial de creatividad es realmente infinito.

teléfono twitch ejemplo de navegador de chat


3. Spotify de MrBoost Widget

Si no sabes quién es MrBoost a estas alturas, es un creador magistral que ha creado muchísimos widgets geniales. Como el chat lateral widget, famoso por ser utilizado en Twitch por muchos creadores de contenido, la burbuja de chat y muchos más. Uno de mis widgets favoritos que ha creado es este Now Playing Widget para Spotify, iTunes y Pretzel.

Ahora bien, si no sueles usar Spotify o iTunes, y reproduces la mayor parte de tu música de forma local, por ejemplo, puedes seguir usando esto. Ya que Spotify e iTunes, te permiten reproducir archivos locales en tu disco duro, dispositivo android o iOS. Y ambos reproductores te permiten establecer un modo offline para que no te molesten los anuncios ni los servicios online.

Para configurarlo, simplemente descarga elDiscord de widget Nerd Or Die en el canal #free-resources. extrae el contenido a una carpeta, abre snip y asegúrate de marcar la opción de guardar la información por separado, luego desde la carpeta arrastra uno de los archivos html a OBS, y se agregará como fuente del navegador, comenzando a funcionar tan pronto como reproduzcas música en Spotify, iTunes o Pretzel.

Y eso es todo.

  • Descargar widget: [https://github.com/mrboost/Spotifywidget/releases/tag/2.0](https://github.com/mrboost/Spotifywidget/releases/tag/2.0)
  • Abre Snip y asegúrate de marcar "Guardar información por separado"

La belleza de esto es que es tan fácil de configurar, y se ve tan impresionante, especialmente si lo combinas con elementos en tu transmisión, como el uso de transiciones de mostrar y ocultar para hacer que aparezca y salga de detrás de tu cámara web, pero incluso si no haces esto, tiene una gran animación de mostrar y ocultar incorporada. Hay otras variantes, una con rebote y otra más minimalista, así que pruébalas todas y mira qué prefieres.

Y si por alguna razón esto no es tu problema, hay otro que MrBoost ha hecho que es del estilo de nuestro reciente lanzamiento de Flatpack, es gratis y puedes cogerlo en nuestro canal #free-resources en la discordia, ¡que en realidad también funciona con Pretzel!

mrboost spotify widget


4. Media Looper

La cuarta y última cosa que vamos a cubrir es nuestro propio Media Looper, no sólo es genial para rotar tus enlaces de redes sociales en transmisióncon estilo, es muy fácil de configurar, ¡y es GRATIS! Y aunque *puedes* usarlo para rotar tus enlaces de Twitter, youtube, tiktok y demás, ¿por qué no usarlo para otros elementos relacionados con transmisión? Cosas como:

  • Reglas del chat: donde se puede esbozar lo que se debe y lo que no se debe hacer de una manera más creativa que utilizando un comando o un mensaje de temporizador de bots en el chat.
  • Horario: donde puedes hacer que los recién llegados que te vean averigüen cuándo pueden volver a verte, justo en la pantalla, sin tener que preguntarte o buscar en tus paneles.
  • Patrocinadores: ¡Si tienes la suerte de tener un patrocinador o incluso algunos patrocinadores, puedes agruparlos con Media looper para que aparezcan de vez en cuando, y así poder representar a ese patrocinador a tu manera, mientras transmisión!
  • Pregunta del día, generando conversación para tu chat: los streamers siempre están pensando en formas de enriquecer la experiencia de sus comunidades al estar en transmisión, y algo que surge a menudo es sugerir un iniciador de conversación. Establecer una pregunta del día y ponerla en tu rotación puede ser una gran manera de hacer que la gente charle en tu transmisión, así que ¡por qué no lo intentas!

 

Hay muchas maneras de usar esto, y nos encantaría escuchar tus pensamientos e ideas sobre cómo lo usarías. Ya hemos hecho un gran video sobre Media Looper, así que echa un vistazo al tutorial y asegúrate de hacernos saber cómo te gusta usar el Media Looper.

Eso es todo por este post, pero haznos saber aquí, en Twitter, o en Discord, cómo has estado siendo creativo con tu transmisión. Si quieres ver más vídeos como este, háznoslo saber en los comentarios, gracias por mirar, ¡hasta luego!