¡Staged llega a Steam! Añadir a lista de deseos

Editor de zonas

Crea y personaliza zonas para tus apps y juegos con el editor de zonas visual.

Resumen

El editor de zonas es el corazón de Staged. Te permite crear zonas en tu pantalla virtual donde se posicionarán las apps. Piensa en las zonas como áreas designadas: cada zona puede contener una app, y las apps se ajustan automáticamente a las zonas que tienen asignadas.

Funciones del editor de zonas

  • Creación de zonas mediante arrastrar y soltar
  • Redimensionar y reubicar zonas
  • Código de colores para una identificación fácil
  • Guardar como ajustes preestablecidos reutilizables
  • Alineación por ajuste a la cuadrícula
  • Biblioteca de ajustes preestablecidos integrada

Abrir el editor de zonas

Para abrir el editor de zonas:

  1. Abre Staged desde la bandeja del sistema o el menú Inicio
  2. Haz clic en la pestaña Zone Editor
  3. O usa el atajo de teclado: Ctrl + E

El editor de zonas muestra una vista previa de tu pantalla con las zonas existentes. La Game Stage (donde se ejecutará tu juego) se muestra como el área central.

Crear zonas

Arrastrar para crear

La forma más fácil de crear una zona es arrastrando:

  1. Haz clic y mantén pulsado en cualquier parte del área de vista previa (fuera de la Game Stage)
  2. Arrastra para definir el tamaño de tu zona
  3. Suelta para crear la zona
  4. Aparece una nueva zona con un nombre predeterminado como « Zone 1 »

Botón Añadir zona

También puedes hacer clic en el botón + Añadir zona de la barra de herramientas. Esto crea una nueva zona con un tamaño predeterminado que luego puedes redimensionar y reubicar.

Ajustes rápidos

Para diseños comunes, usa la función de ajustes rápidos:

  • Izquierda + Derecha - Dos zonas a cada lado de la Game Stage
  • Solo izquierda - Una sola zona a la izquierda
  • Solo derecha - Una sola zona a la derecha
  • Barra inferior - Zona horizontal debajo de la Game Stage
  • Forma de L - Zona izquierda + zona inferior
  • Envolvente - Zonas en los cuatro lados

Editar zonas

Seleccionar zonas

Haz clic en cualquier zona para seleccionarla. Las zonas seleccionadas muestran tiradores de redimensionado y un panel de propiedades. Puedes seleccionar varias zonas manteniendo pulsada Shift y haciendo clic.

Redimensionar zonas

Para redimensionar una zona:

  1. Selecciona la zona
  2. Arrastra cualquiera de los tiradores de esquina o de borde
  3. Mantén pulsada Shift mientras arrastras para conservar la relación de aspecto
  4. Mantén pulsada Ctrl para desactivar temporalmente el ajuste a la cuadrícula

Mover zonas

Para mover una zona:

  1. Selecciona la zona
  2. Arrastra desde el centro (no desde los tiradores)
  3. La zona se ajusta a las líneas de la cuadrícula y a los bordes de otras zonas
  4. Usa las teclas de flecha para un posicionamiento exacto al píxel

Propiedades de la zona

Cada zona tiene propiedades configurables:

PropiedadDescripción
NombreUn nombre claro como « Discord » o « Vista previa de OBS »
ColorColor visual para identificarla en el editor
App asignadaQué app debe ajustarse a esta zona
URL del navegadorURL opcional para abrir en zonas de navegador
Nivel de atenuaciónCuánto atenuar esta zona en el Game Mode (0-100 %)
Inicio automáticoSi se debe iniciar la app automáticamente

Eliminar zonas

Para eliminar una zona:

  • Selecciona la zona y pulsa Delete o Backspace
  • O haz clic derecho en la zona y selecciona « Eliminar zona »
  • O haz clic en el botón del panel de propiedades de la zona

Trabajar con ajustes preestablecidos

Guardar ajustes preestablecidos

Una vez que hayas creado un diseño de zonas que te guste, guárdalo como ajuste preestablecido:

  1. Haz clic en Guardar ajuste en la barra de herramientas
  2. Introduce un nombre para tu ajuste (p. ej., « Configuración de streaming », « Juego casual »)
  3. Opcionalmente añade una descripción
  4. Haz clic en Guardar

Cargar ajustes preestablecidos

Para cargar un ajuste guardado:

  1. Haz clic en Cargar ajuste en la barra de herramientas
  2. Explora tus ajustes guardados o la biblioteca integrada
  3. Haz clic en un ajuste para previsualizarlo
  4. Haz clic en Aplicar para usarlo

Ajuste preestablecido vs diseño actual

Cargar un ajuste reemplaza tu diseño de zonas actual. Si tienes cambios sin guardar, Staged te preguntará si quieres guardarlos primero.

Ajustes preestablecidos integrados

Staged incluye ajustes preestablecidos optimizados para casos de uso comunes:

Gamer Standard

Discord a la izquierda, YouTube a la derecha. Perfecto para televisores 4K y monitores grandes.

4K16:9

Streamer Pro

Vista previa de OBS + chat a la izquierda, chat de Twitch a la derecha. Optimizado para ultrapanorámico.

Ultrapanorámico21:9

Minimal

Una sola zona a la derecha para vistazos rápidos. Maximiza el área de juego.

Cualquiera

Retro 4:3

Game stage 4:3 centrada con zonas a ambos lados. Genial para juegos clásicos.

Juegos 4:3

Consejos y trucos

Usa el ajuste a la cuadrícula

Mantén activado el ajuste a la cuadrícula para diseños más limpios. Las zonas se alinearán perfectamente entre sí y con los bordes de la pantalla. Puedes ajustar el tamaño de la cuadrícula en Ajustes.

Codifica tus zonas por color

Usa colores que coincidan con las apps: azul para Discord, morado para Twitch, rojo para YouTube. Así es fácil identificar las zonas de un vistazo.

Define URLs de navegador

Para las zonas de navegador, define URLs específicas como el popout del chat de Twitch o una lista de reproducción de YouTube. Se abren automáticamente cuando inicias un juego.

Crea ajustes específicos por juego

Cada juego puede necesitar un diseño distinto. Crea ajustes para juegos competitivos (mínimas distracciones), juegos casuales (más apps visibles) y streaming.

Duplica zonas

Para crear zonas similares, selecciona una zona y pulsa Ctrl + D para duplicarla. La nueva zona copia todas las propiedades excepto la posición.

Atajos de teclado

AtajoAcción
Ctrl + EAbrir el editor de zonas
Ctrl + NNueva zona
Ctrl + DDuplicar la zona seleccionada
DeleteEliminar la zona seleccionada
Ctrl + SGuardar ajuste
Ctrl + ZDeshacer
Ctrl + YRehacer
Teclas de flechaDesplazar la zona seleccionada 1 px
Shift + teclas de flechaDesplazar la zona seleccionada 10 px

Próximos pasos

Ahora que sabes cómo crear zonas, aprende sobre el Game Mode para entender cómo Staged gestiona el bloqueo del cursor y la atenuación durante el juego: