Conceptos básicos del Creador de escenas: tu nuevo creador de overlays

Explicación de las plantillas y las escenas individuales

OWN3D Pro te ofrece varias formas de crear tu overlay de stream con el Scene Builder: "Configuración del overlay completo" y "Solo una escena". La "Configuración del overlay completo" se basa en paquetes de plantillas ya creadas y te permite un inicio rápido, incluyendo todas las escenas necesarias para hacer streaming. La escena única te permite crear escenas individuales a su gusto. De este modo, puede crear su ventana superpuesta desde cero o con plantillas individuales.

Plantillas

Si quieres empezar rápidamente con tu nuevo stream overlays, nuestros paquetes de plantillas predefinidas te quitan trabajo de encima. Con las plantillas, ¡puedes crear overlays en unos segundos y con sólo unos clics! Sólo tienes que elegir entre las plantillas gratuitas o, como suscriptor Pro, entre muchos diseños de plantillas, y nosotros haremos el resto.

Una vez hayas decidido la selección automática o manual y un diseño, se creará una carpeta con tus escenas, que podrás editar.

Después de crear la escena, edita tu nombre para los canales de las redes sociales o el overlay si quieres hacer cambios. Por último, sólo tienes que insertar las escenas individuales como una fuente de navegador a tu herramienta de streaming.

Aquí, te mostraremos las diferentes opciones.

Automatic Selection

Selección manual

¿Prefieres aprender mediante videos? ¡Echa un vistazo!

Escenas únicas

Si quieres trabajar en tus escenas con más detalle desde el principio, puedes empezar con escenas individuales. Puedes elegir plantillas individuales o empezar con una escena en blanco, saltar directamente al Creador de escenas (Scene Builder) y construir tu propio overlay a partir de gráficos y widgets.

¿Quieres un tutorial en video? Haz clic aquí:

El creador de escenas - un espacio vital para los streamers

Conceptos básicos de una escena vacía

Puedes diseñar tu propio stream overlays desde cero en una escena en blanco y dar rienda suelta a tu creatividad.

En "Añadir Widget", puedes añadir elementos prácticos como Cuenta atrás, GIFs, Twitch Chatbox, imágenes, tus propios vídeos, etiquetas y mucho más.

Además, en "Añadir gráfico", tienes a tu disposición una completa biblioteca con varios diseños, a partir de los cuales puedes crear tu overlay individual. Aquí encontrarás gráficos de stream para la webcam, banners para hablar, varios overlays, iconos de redes sociales, banners de intermedios y mucho más. Dispones de algunos elementos de stream gratuitos. Sin embargo, si deseas más, puedes elegir entre cientos de gráficos con la Suscripción Pro.

Si prefieres trabajar con una plantilla prefabricada, sólo tienes que hacer clic en "Seleccionar plantilla" en el menú. Hay cinco diseños de stream gratuitos y una amplia biblioteca para los suscriptores Pro. Puedes probarlo todo, y si te gusta lo que ves, puedes pasar a una suscripción Pro en cualquier momento y elegir entre una selección aún más amplia de activos.

En la barra de menú superior, puedes nombrar tu escena, encontrar el enlace de origen del navegador de tu overlay, acceder a la vista previa de tu overlay y guardarlo. En el menú de la derecha encontrarás algunas funciones más útiles para el creador de escenas. Aquí explicaremos cómo puedes insertar rápida y fácilmente las fuentes del navegador en OBS.

Los fundamentos de las plantillas

En una escena con una plantilla OWN3D preinstalada, encontrarás en el lateral izquierdo todos los elementos predeterminados que pertenecen a la plantilla.

Estos elementos se pueden personalizar, y puedes editarlos según tus gustos. Con los filtros, puedes cambiar los colores o añadir un desenfoque. Puedes cambiar la posición de los elementos, editar elementos de texto, ajustar el tamaño, insertar o quitar widgets, mostrar u ocultar elementos, y mucho más.

Agrupar elementos, como elementos de redes sociales, también es práctico. Dentro de un grupo, puedes editar cada elemento individualmente, pero la agrupación te permite mover todos los elementos simultáneamente. Esto simplifica el ajuste y evita que muevas cada elemento individualmente, haciendo que el diseño sea coherente y fácil de usar.

Disposición de los elementos en la escena

Una vez que hayas añadido los primeros elementos, como las imágenes o los widgets, los verás listados en la parte izquierda de la página. Es esencial que sepas lo siguiente: Todos los elementos que están en la parte superior están en primer plano. Los elementos que están en la parte inferior están en segundo plano.

El orden de los elementos es fundamental, similar al de OBS Studio. Así que tenlo en cuenta: si tienes un diseño para redes sociales, debes asegurarte de que el objeto está situado debajo del texto. De lo contrario, la imagen tapará el texto.

Piensa en la disposición como en un sándwich: En la parte inferior está el pan: el fondo. Si ahora pones queso o lechuga (otros elementos) encima, cubrirán el pan, que sólo se ve ligeramente en el fondo.

Por supuesto, puedes reorganizar los elementos en cualquier momento haciendo clic y arrastrándolos con el botón izquierdo del ratón.

Aprende más sobre el primer plano y fondo:

Editar plantillas y escenas

En tu proceso de diseño creativo, dispones de muchas opciones para editar plantillas y escenas según tus ideas. En este resumen, queremos mostrarte qué opciones de personalización están disponibles en el Creador de escenas.

Editar: Con el icono del lápiz, puedes introducir los ajustes del elemento que quieras editar.

Borrar: Haz clic en la plantilla. Pulsa la tecla "Suprimir" de tu teclado o utiliza el icono "Suprimir" directamente en el elemento deseado para eliminarlo.

Bloquear: Con un clic en el icono del candado, fijas el elemento de tu elección. Ya no puedes moverlo, editarlo o eliminarlo.

Esconder: Si quieres ocultar un elemento, puedes hacerlo con el icono del ojo en lugar de borrarlo directamente. Con otro clic en el icono del ojo, el elemento vuelve a ser visible en tu escena.

Redimensionar y mover: Haz clic en la plantilla o elemento para seleccionarlo. Arrastra las esquinas para cambiar su tamaño. Arrástralo por la superficie para cambiar su posición, o utiliza las flechas del teclado.

Rotar: Si quieres girar un elemento, simplemente haz clic en el elemento deseado y luego utiliza el icono de girar (situado en la parte inferior central) para inclinar los elementos en una dirección diferente.

Transformar y menú de capas: Haz clic con el botón derecho en un elemento para abrir más opciones de edición, como transformar tu elemento. Aquí puedes girar overlays, textos y otros elementos vertical u horizontalmente y ajustarlos dentro de la escena. En este menú, también puedes establecer si el elemento debe moverse hacia delante o hacia atrás.

Agrupar y desagrupar: Tienes la opción de agrupar varios elementos. Esto puede ser útil si tienes etiquetas, incluyendo diseños de fondo, por ejemplo. Si tienes las etiquetas y los diseños en un grupo, puedes mover todo a la vez dentro de tu escena en el creador de escenas. De este modo, no tendrás que volver a ajustar cada elemento y colocarlo en el lugar correcto del diseño.

Para ello, marca los elementos que quieras seleccionar con Mayúsculas + Botón Izquierdo del Ratón y haz clic con el botón derecho del ratón sobre uno de los elementos marcados. En el siguiente menú de edición encontrarás la opción "Agrupar". Haciendo clic en ella, agruparás los elementos seleccionados. También puedes ver qué elementos vas a agrupar en el menú de la izquierda. Están marcados en naranja.

Si quieres deshacer la agrupación, simplemente haz clic en "Desagrupar" en el menú de la izquierda.

Cambiar textos (como las redes sociales): Haz doble clic en el texto que quieras cambiar. Ahora, los ajustes de tu elemento de texto se abrirán en el lado izquierdo. En "Texto", puedes añadir tu texto, como tu canal de redes sociales.

Añadir un logo de red social: Si quieres cambiar el logo de una red social, por ejemplo, de YouTube a TikTok, encontrarás una selección de diferentes logos de redes sociales en numerosos diseños en "Añadir gráficos" en la categoría "Iconos sociales".

Añadir overlays a la herramienta de streaming

Si quieres añadir tus overlays ya terminados a tu stream, no temas. Es bastante sencillo. Todo lo que necesitas es el enlace de la fuente del navegador de tu escena. Esta fuente del navegador siempre se encuentra directamente en la escena correspondiente. Puedes incluir toda la escena o trabajar con el primer plano y el fondo.

Si trabajas tanto con el primer plano como con el fondo, o si la plantilla incluye ambos, debes incrustar ambos enlaces como fuentes del navegador. Esto es lo que debes tener en cuenta:

La fuente que está en la parte superior del dock "Fuentes" es la que se superpone a todas las demás. A la inversa, la fuente que está en la parte inferior, es decir, en la última posición, está detrás de todas las demás fuentes. Por tanto, una de las fuentes situadas más abajo en la herramienta de streaming debe ser el fondo, mientras que el primer plano debe estar entre las fuentes superiores. Por ejemplo, así:

• Alertas
• Fuente de Navegador en Primer Plano (Overlays, Marco de Webcam, etc.)
• Fuente de Captura de Vídeo (Webcam)
• Fuente de Captura de Vídeo (Capturadora de video si haces stream de la consola o similar)
• Captura de Juego / Captura de Ventana
• Fuente del Navegador en Segundo Plano

Cómo encontrar el enlace de la fuente de tu navegador

Te mostraremos dónde encontrar la URL y cómo incrustarla aquí. Puedes incrustar todos los enlaces fuente de tu navegador como en los pasos siguientes. Aquí tomamos OBS Studio, pero funciona de forma similar con otras herramientas de streaming como Streamlabs o XSplit.

Inserta tu URL en la herramienta de streaming

Ahora, dentro del dock "Fuentes", añadimos la fuente del navegador para que tu overlay se muestre en el stream.

Diferentes escenas para diferentes overlays

Si quieres trabajar con varios overlays y varias escenas (como Escena inicial, Escena final, Escena hablada, etc.), entre las que puedes alternar rápidamente en directo dentro de tu herramienta de streaming, tienes que crear escenas adicionales en la herramienta de streaming y luego repetir los pasos.

Para ello, dentro de la herramienta de streaming, como en OBS Studio, haz clic en el "+" del dock Escenas y añade más escenas. Luego, de nuevo añadir tu fuente de navegador en la escena. Repite este proceso tantas veces como sea necesario hasta que hayas integrado todos los overlays que quieras.

Actualiza la fuente en tu herramienta de streaming

Si ya has incrustado tu nuevo overlay en tu escena y posteriormente has realizado y guardado cambios, tienes que actualizar la fuente del navegador dentro de OBS Studio. Para ello, haz clic en la fuente del navegador y pulsa el botón "Actualizar" del menú situado debajo de la vista previa. Este botón actúa como una especie de "F5" para tu fuente del navegador, y los cambios en el overlay se harán visibles.

Los atajos más importantes del Creador de escenas

El Creador de escenas (Scene Builder) ofrece una variedad de atajos para hacer más eficiente el flujo de trabajo. Estas combinaciones de teclas que ahorran tiempo facilitan la navegación y la edición de los elementos de tu escena. Aquí tienes los atajos más importantes que te ayudarán a utilizar el Creador de escenas de forma óptima y a crear rápidamente impresionantes overlays.