¡Staged llega a Steam! Agregar a lista de deseados

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 acomodarán las apps. Piensa en las zonas como áreas designadas: cada zona puede tener una app, y las apps se acomodan automáticamente en las zonas que tienen asignadas.

Funciones del editor de zonas

  • Creación de zonas con arrastrar y soltar
  • Cambiar el tamaño y reubicar zonas
  • Código de colores para identificarlas fácilmente
  • Guardar como ajustes preestablecidos reutilizables
  • Alineación con 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 que ya tengas. La Game Stage (donde correrá 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 presionado 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 Agregar zona

También puedes hacer clic en el botón + Agregar zona de la barra de herramientas. Esto crea una nueva zona con un tamaño predeterminado que luego puedes cambiar de tamaño 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 controladores para cambiar el tamaño y un panel de propiedades. Puedes seleccionar varias zonas manteniendo presionada Shift y haciendo clic.

Cambiar el tamaño de zonas

Para cambiar el tamaño de una zona:

  1. Selecciona la zona
  2. Arrastra cualquiera de los controladores de esquina o de borde
  3. Mantén presionada Shift mientras arrastras para conservar la proporción
  4. Mantén presionada 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 controladores)
  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 acomodarse en 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 la app debe iniciarse automáticamente

Eliminar zonas

Para eliminar una zona:

  • Selecciona la zona y presiona 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. Escribe un nombre para tu ajuste (p. ej., « Configuración de streaming », « Juego casual »)
  3. Si quieres, agrega 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 televisiones 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 echar vistazos rápidos. Maximiza el área de juego.

Cualquiera

Retro 4:3

Game stage 4:3 centrada con zonas a ambos lados. Ideal 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 combinen 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 presiona 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 flechaMover la zona seleccionada 1 px
Shift + teclas de flechaMover 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 maneja el bloqueo del cursor y la atenuación durante el juego: