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:
- Abre Staged desde la bandeja del sistema o el menú Inicio
- Haz clic en la pestaña Zone Editor
- 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:
- Haz clic y mantén presionado en cualquier parte del área de vista previa (fuera de la Game Stage)
- Arrastra para definir el tamaño de tu zona
- Suelta para crear la zona
- 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:
- Selecciona la zona
- Arrastra cualquiera de los controladores de esquina o de borde
- Mantén presionada Shift mientras arrastras para conservar la proporción
- Mantén presionada Ctrl para desactivar temporalmente el ajuste a la cuadrícula
Mover zonas
Para mover una zona:
- Selecciona la zona
- Arrastra desde el centro (no desde los controladores)
- La zona se ajusta a las líneas de la cuadrícula y a los bordes de otras zonas
- Usa las teclas de flecha para un posicionamiento exacto al píxel
Propiedades de la zona
Cada zona tiene propiedades configurables:
| Propiedad | Descripción |
|---|---|
| Nombre | Un nombre claro como « Discord » o « Vista previa de OBS » |
| Color | Color visual para identificarla en el editor |
| App asignada | Qué app debe acomodarse en esta zona |
| URL del navegador | URL opcional para abrir en zonas de navegador |
| Nivel de atenuación | Cuánto atenuar esta zona en el Game Mode (0-100 %) |
| Inicio automático | Si 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:
- Haz clic en Guardar ajuste en la barra de herramientas
- Escribe un nombre para tu ajuste (p. ej., « Configuración de streaming », « Juego casual »)
- Si quieres, agrega una descripción
- Haz clic en Guardar
Cargar ajustes preestablecidos
Para cargar un ajuste guardado:
- Haz clic en Cargar ajuste en la barra de herramientas
- Explora tus ajustes guardados o la biblioteca integrada
- Haz clic en un ajuste para previsualizarlo
- 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.
Streamer Pro
Vista previa de OBS + chat a la izquierda, chat de Twitch a la derecha. Optimizado para ultrapanorámico.
Minimal
Una sola zona a la derecha para echar vistazos rápidos. Maximiza el área de juego.
Retro 4:3
Game stage 4:3 centrada con zonas a ambos lados. Ideal para juegos clásicos.
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
| Atajo | Acción |
|---|---|
| Ctrl + E | Abrir el editor de zonas |
| Ctrl + N | Nueva zona |
| Ctrl + D | Duplicar la zona seleccionada |
| Delete | Eliminar la zona seleccionada |
| Ctrl + S | Guardar ajuste |
| Ctrl + Z | Deshacer |
| Ctrl + Y | Rehacer |
| Teclas de flecha | Mover la zona seleccionada 1 px |
| Shift + teclas de flecha | Mover 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: