strAImer strAImer
Iniciar sesión

Diseñar una superposición

La gente pregunta esto como

Qué es esta página

Cada superposición se diseña en el mismo editor: secciones a la izquierda, una vista previa en vivo en el medio, los ajustes de la sección elegida a la derecha. Alertas, chat, metas, la mascota, la superposición de entrada, listas, temporizadores, el tablero de subastas, la rueda, el cuadro de enfrentamientos, el carrusel, la barra del pozo y el tablero de desafíos lo comparten, así que lo que aprendes en una pantalla funciona en el resto.

El aspecto pertenece a una superposición. Dos superposiciones de chat en la misma lista se diseñan por separado, y copiar una superposición copia su aspecto con ella.

Nada se guarda hasta que presionas Guardar

Los cambios viven solo en pantalla. Mueve los controles deslizantes, prueba un aspecto predefinido, elige colores — y si no te gusta el resultado, sal: Guardar en el encabezado de la página es lo que lo escribe.

Salir con cambios no guardados pregunta primero. Esa pregunta aparece tanto cuando presionas Volver a la lista dentro de una tarjeta de widget como cuando cambias a otra sección en el menú izquierdo.

Los aspectos predefinidos funcionan de la misma manera: Aplicar pone el aspecto en pantalla pero no escribe nada. Nada se pierde hasta que guardas, y nada se mantiene hasta que lo haces.

El botón de restablecer no es una excepción. Restablecer personalización, o Restablecer apariencia en algunas superposiciones, solo pone el aspecto por defecto en el editor. La superposición en OBS conserva su aspecto anterior hasta que presionas Guardar, y salir sin guardar deshace también el restablecimiento.

Los tamaños se escriben, no solo se arrastran

Cada tamaño, margen, redondeo y grosor muestra su número a la derecha de la etiqueta, y ese número es un campo: haz clic en él y escribe. Las flechas lo mueven un paso, con Shift diez.

El deslizante de abajo sigue ahí para ajustar a ojo, y un número mayor que su escala estira la escala para que quepa. Nada se detiene en un tope que elegimos por ti, y eso importa en una fuente 4K, donde los márgenes y el texto deben ser mucho más grandes que en 1080p.

La unidad está en la etiqueta, Tamaño del texto (px), y nunca dentro del campo. Un tamaño sin su unidad no es una regla válida: el navegador la descartaría y la superposición volvería a su valor de fábrica mientras la pantalla sigue mostrando tu número.

Un campo que no hace nada en el modo actual se oculta en lugar de moverse en vano. En las alertas, si en Aspecto del medio el campo Tamaño está en Al ancho de la tarjeta, desaparecen Ancho, Alto y Ajuste. Vuelve a Lo defino yo y regresan con los valores que tenían.

Aspectos predefinidos

Los aspectos predefinidos están en la lista Estilos, bajo Integradas. Neón, Minimalista y Retro existen en cada superposición excepto la mascota y usan los mismos colores, fuentes y bordes. Aplica uno a todas tus superposiciones y se verán como un conjunto, no como una docena de widgets separados. La mascota no tiene aspectos predefinidos: su lista solo contiene tus propias plantillas.

Las superposiciones que tienen una sección Material (mira abajo) también listan los doce materiales bajo Integradas, de Lápiz vivo a Vidrio nacarado. Un aspecto así trae sus propios colores, fuentes y radio de esquina junto con su material, así que es la forma más rápida de ver cómo se ve un material.

Aplicar un aspecto también borra lo que no establece, por lo que el resultado no depende de lo que estabas ajustando antes.

Debajo de ellos está la lista de tus propias plantillas: el campo de nombre con Guardar mantiene el aspecto que está en pantalla en este momento, y Eliminar elimina una plantilla. Una plantilla guardada desde una superposición se puede aplicar a otra, y el editor traduce lo que puede. El material y el efecto de contorno pasan tal cual, a cualquier superposición que tenga esas secciones.

Material

Alertas, Superposición de Chat, Objetivos de Donaciones, Listas y Temporizadores tienen una sección Material, y también cuatro superposiciones de complementos: Superposición del tablero y Superposición de rueda de la subasta, Superposición de barra del pozo y Superposición de lista de desafíos del carrusel. La mascota, Entrada, Superposición de cuadro y Superposición de carrusel no la tienen. En la lista de secciones va justo después de la parte que pinta primero, que en la mayoría de las superposiciones es Panel.

Un material dibuja esa parte con un estilo artístico terminado: Lápiz vivo, Aurora boreal, Collage de papel, Plano técnico, Bloques, Terminal de campo, Táctico, Juramento dorado, Vidrio transparente, Vidrio esmerilado, Vidrio convexo o Vidrio nacarado. Ninguno lo desactiva. Lo que pinta depende de la superposición:

  1. Abre el aspecto de la superposición y elige Material en la lista de secciones.
  2. Elige un material. Conserva tus colores, fuentes y tamaños: el color de fondo de cada parte que pinta sigue viniendo de la sección propia de esa parte.
  3. Debajo de la elección están los ajustes de ese material: sus detalles (líneas, grano, destellos, ornamentos) con sus tamaños y colores, y un interruptor para cada detalle que se puede quitar. Lápiz vivo tiene además Grosor del lápiz.
  4. Lápiz vivo, Aurora boreal, Terminal de campo y Juramento dorado pueden moverse. Movimiento decorativo lo activa o lo desactiva. Elegido en esta sección, un material empieza con el movimiento en Desactivado; los aspectos predefinidos de Lápiz vivo, Aurora boreal y Terminal de campo lo ponen en Activado. Los aspectos en movimiento los dibuja OBS, en la computadora que codifica tu stream, y por eso el movimiento espera hasta que lo pidas.
  5. Presiona Guardar.

Mientras hay un material elegido, el editor oculta los campos que este vuelve inútiles: el borde de cada parte que pinta, y también la sombra, salvo con Aurora boreal, Collage de papel, Plano técnico y los cuatro aspectos de vidrio. En las alertas también se ocultan el fondo, el espacio interior, el contorno y la sombra de Marco del medio, porque ahí el material dibuja su propio borde. Elige Ninguno y esos campos vuelven con los valores que tenían. Con Táctico y Bloques, Radio de esquina ajusta el tamaño de la esquina cortada o escalonada en lugar de una curva.

Efecto de contorno

Las mismas superposiciones tienen una sección Efecto de contorno: un efecto en movimiento que recorre el borde de la superposición. Ese borde es la tarjeta de la alerta, la meta entera, la barra de la lista, la placa del temporizador, la barra del pozo o la placa de la rueda, y cada mensaje del chat, cada fila de la lista de desafíos, el encabezado y cada fila de lote del tablero de subastas. El efecto se elige aparte del material y funciona con o sin él.

  1. Elige Efecto de contorno en la lista de secciones.
  2. Elige en Efecto: Eléctrico, Cometa, Borde líquido, Fuego, Escarcha, Holograma, Marco de tinta, Burbujas, Partículas magnéticas o Ensamble de fragmentos. Ninguno lo desactiva.
  3. Ajusta Color del efecto y Velocidad del efecto. La mayoría de los efectos tienen además Brillo, Tamaño del movimiento y una cantidad propia (cometas, llamas, burbujas, etc.).
  4. En Cuándo se reproduce, Todo el tiempo mantiene el efecto activo, y Con cada evento lo hace destellar durante Duración del destello cuando pasa algo en esa superposición. Ensamble de fragmentos empieza en Con cada evento, los demás en Todo el tiempo.
  5. Presiona Guardar.

El evento es de la superposición: aparece una alerta, llega un mensaje del chat, crece una meta, cambia el texto de una lista (no cuando la fuente carga por primera vez), se suma o se resta tiempo a un temporizador, sale una tarjeta en la barra del pozo, aparece un desafío nuevo, la rueda muestra su resultado. El tablero de subastas nombra sus secciones por sus partes: Efecto del encabezado se reproduce Cuando la rueda se detiene, y Efecto de los lotes se reproduce Cuando sale el lote.

Eléctrico es el borde eléctrico que las alertas ajustaban antes con Efecto de Borde en Panel, un campo que ya no existe. Una alerta que lo tenía activado lo encuentra aquí, con el mismo color, velocidad y caos. La imagen o el video de una alerta tiene un efecto propio: Efecto en Marco del medio ofrece los mismos diez efectos, elegidos aparte de los de la tarjeta.

Un efecto de contorno corre por el lado de afuera del borde, así que en una Fuente de Navegador recortada justo a la superposición parte de él queda fuera del cuadro. Márgenes del borde, abajo, le da espacio.

En OBS, los materiales y los efectos siguen moviéndose aunque los efectos de animación estén desactivados en la configuración de Windows: ese ajuste es para tu pantalla, no para la de tus espectadores. La vista previa del editor sí lo respeta, así que con los efectos de animación de Windows desactivados los materiales y los efectos se quedan quietos ahí, todos menos Eléctrico.

Márgenes del borde

Cada superposición excepto las alertas tiene una sección Márgenes del borde en su aspecto, con Arriba y abajo e Izquierda y derecha en píxeles. Es un margen transparente entre los bordes de la Fuente de Navegador y lo que dibuja la superposición, para que OBS no corte el brillo, las sombras, los efectos de contorno ni las animaciones de entrada. Empieza en cero, así que una superposición que ya está en tu escena no se mueve. La excepción es el tablero de subastas: ahí la sección se llama Distancia al borde de la fuente, y empieza en 16 px arriba y abajo y 28 px a izquierda y derecha, porque el tablero ya tenía un margen propio. Las alertas guardan esos mismos márgenes dentro de su sección Posición.

Colores

El selector de colores tiene dos filas.

Mis colores permanecen hasta que los eliminas. El + al final de la fila guarda el color que has elegido en este momento; la cruz en la esquina de un color lo elimina. Pon los colores de tu canal aquí una vez y estarán a mano en cada superposición.

Recientes son los últimos doce colores que usaste en cualquier parte de la aplicación — la fila fluye por sí misma, un nuevo color empuja al más antiguo fuera. Por eso los colores que te importan pertenecen a la fila de arriba.

Ambas filas se comparten en toda la aplicación: un tono elegido en la superposición de chat está a un clic de distancia en las alertas.

Cada color de las secciones propias de la superposición tiene un control deslizante de transparencia al lado: texto, fondos, bordes y sombras. Los colores de los detalles de un material y de los efectos de contorno son sólidos, todos menos el color de Eléctrico. Un fondo de dos colores (un degradado) tiene un deslizador para cada uno de sus colores, con el porcentaje al lado, así que un fondo puede pasar de sólido a transparente. El campo de código del selector también acepta un color con su transparencia, como #00000080 para un negro semitransparente, o números como 15,12,30. El cuentagotas al lado del campo de código elige un color de cualquier lugar de la pantalla.

Lo que no puede hacer