Guías de StreamLyricEstilos de Overlay

Guía de diseño de Overlay de letras para OBS

Haz coincidir la fuente de navegador con 1920×1080 o 1080×1920, reserva primero zonas de cámara y alertas, y luego ajusta el tipo alrededor de 32–48px en horizontal o 36–56px en una escena vertical pensada para el teléfono.

diseño de letras OBSoverlay de letras verticalfuente de navegador OBS 1080×1920

Planifica una escena horizontal 1920×1080

Las escenas horizontales suelen tener más espacio para un reproductor de una línea o un área de varias líneas en el tercio inferior. Empieza por una zona segura de letras en el tercio inferior o al lado del intérprete, dejando margen visible desde cada borde.

Mantén cámara, instrumento, controles de juego o actuación, chat, alertas y subtítulos fuera de esa zona. Si una alerta puede aparecer un momento, reserva su huella máxima en lugar de poner letras debajo.

Usa las mismas dimensiones 1920×1080 para la fuente de navegador de OBS y la escena. Así las anclas se predicen en lugar de estirar el overlay al renderizar.

Planifica una escena vertical 1080×1920

Las escenas verticales dan menos ancho y a menudo incluyen controles de plataforma cerca de los bordes. Coloca la zona de letras al lado o debajo del intérprete, no sobre el rostro, instrumento, comentarios, regalos, subtítulos o controles de cuenta.

Empieza con el diseño compacto de tres líneas para una escena pensada para el teléfono. Pasa al de cinco líneas estándar solo cuando la zona segura sea lo bastante alta para conservar el interlineado. Un reproductor de una línea sirve cuando intérprete y cámara necesitan casi todo el fotograma.

Previsualiza la composición completa 1080×1920 a tamaño de teléfono antes de salir en directo. Un texto cómodo en el monitor de edición puede quedar demasiado pequeño tras el escalado móvil.

Reserva espacio para cámaras, chat y alertas

Trata el recuadro de cámara, la columna de chat o comentarios, alertas, subtítulos y controles de plataforma como zonas reservadas. No confíes en un fondo de letras transparente para hacer legible el solapamiento.

Deja aire alrededor del bloque de letras para su línea más larga esperada. Vuelve a comprobar la colocación al pasar de una línea a varias o al activar una perspectiva 3D, porque el ancho y el alto ocupados pueden cambiar.

Elige tipo y contraste legibles

Para una escena 1920×1080, empieza cerca de 32–48px en un bloque de varias líneas y súbelo si se ve de lejos. Para 1080×1920, empieza cerca de 36–56px y verifica a tamaño de teléfono; el rango válido de StreamLyric es 12–96px.

Usa 3 líneas compactas o 5 estándar según la zona segura. Prefiere una fuente clara, contraste fuerte contra la cámara y un fondo, contorno o sombra contenidos.

Previsualiza la composición final al tamaño del espectador

Reduce la vista previa a una ventana típica de teléfono para vertical y a una ventana de reproducción normal para horizontal. Revisa la línea más larga, el interlineado, la sombra, el contraste y cualquier marquee o movimiento 3D.

Limita el movimiento cuando cámara, chat y alertas ya se mueven. La capa de letras debe apoyar la actuación, no competir con cada animación.

Configuración paso a paso

  1. 01
    Define el lienzo de la escena

    Elige 1920×1080 para horizontal o 1080×1920 para salida vertical.

  2. 02
    Haz coincidir la fuente de navegador

    Usa el mismo ancho y alto para que el Overlay se posicione de forma predecible.

  3. 03
    Marca las zonas seguras

    Reserva cámara, chat/comentarios, alertas, subtítulos y controles de plataforma antes de colocar letras.

  4. 04
    Elige tamaño de tipo y número de líneas

    Empieza cerca de 32–48px y 3–5 líneas en horizontal, o 36–56px y 3 líneas compactas en vertical para teléfono; ajusta tras probar.

  5. 05
    Prueba al tamaño del espectador

    Previsualiza la línea más larga en una ventana de teléfono o de reproducción típica y revisa contraste y movimiento antes de salir en directo.

Preguntas frecuentes

¿Debo estirar un Overlay entre escenas horizontales y verticales?

Usa dimensiones y colocación propias de cada escena. Un diseño que se lee bien en 16:9 puede ser demasiado pequeño o ancho en 9:16, así que configura y previsualiza cada fuente de navegador por separado.

¿Cuántas líneas de letra debo mostrar?

Usa 3 líneas compactas en una escena limitada o pensada para el teléfono y 5 estándar solo cuando la zona segura tenga altura suficiente. Un reproductor de una línea es la opción más segura si el espacio es corto.

¿Dónde van las letras si hay cámara, chat y alertas?

Reserva esas regiones primero, incluida la huella máxima de una alerta. Coloca el bloque de letras en la zona clara restante y deja margen alrededor de su línea más larga.

¿Cómo compruebo la lectura en el móvil?

Previsualiza la escena 1080×1920 completa en una ventana de teléfono, inspecciona la línea más larga y el texto más pequeño esperado, y ajusta tamaño, contraste, fondo, contorno o sombra antes de emitir.

Guías relacionadas

¿Te ha ayudado esta guía?