Invítame a un café

Recurso editorial NuzPoke

Galería de layouts y overlays Pokémon reproducibles

Cada ejemplo de esta galería es una captura real del overlay con un equipo inventado, colocada sobre un lienzo de prueba. Incluye las medidas de OBS y los ajustes de NuzPoke necesarios para reproducirla, separando qué hace cada herramienta.

Composición 16:9 con dos pantallas 4:3 de distinto tamaño y un equipo Pokémon de estilo Platino en cuadrícula 3×2
Ejemplo de doble pantalla: las áreas rayadas marcan dónde colocas el juego en OBS; el equipo es una captura real del overlay.
Antes de empezar

Cómo leer y reproducir cada receta

Las áreas rayadas con una proporción (10:9, 3:2, 4:3, 16:9) son marcadores: indican dónde colocas la captura del juego. «CAM» marca un posible hueco para cámara. No son capturas de ningún juego. El equipo sí es una captura real de NuzPoke con seis Pokémon y motes inventados.

Parte de OBSTamaño del lienzo, posición y escala de la captura del juego, y tamaño y posición de la fuente de navegador.
Parte de NuzPokeLo que se dibuja dentro de la fuente: distribución, alineación, espaciado, nombre, tipos, fondo y estilo de sprite.

NuzPoke no importa ni exporta presets: recrea los ajustes a mano en Stream → Layout principal (o secundario). La fuente de navegador se crea siguiendo la guía de OBS. Las barras de Transparencia y Tamaño no muestran cifras; por eso se indica su posición aproximada.

Tamaño de la fuente = tamaño de los huecos

El overlay reparte el espacio de la fuente entre los seis huecos. Si cambias el ancho o el alto de la fuente en sus propiedades, los huecos se recalculan; si la escalas en el lienzo de OBS, todo crece o se reduce a la vez.

En las capturas, Créditos está desactivado para mostrar los seis miembros en todo momento.

16:9 · Retro

Retro portátil: juego 10:9 con columna lateral

Lienzo 16:9 con un área de juego 10:9 centrada, un hueco de cámara a la izquierda y una columna de seis Pokémon de estilo Amarillo a la derecha
Juego de Game Boy Color a 1200×1080 en el centro; la columna aprovecha el espacio lateral sin tapar la pantalla.
Lienzo (OBS)1920×1080.
Juego (OBS)Captura escalada a 1200×1080 en x = 360, y = 0 (pantalla 160×144 aumentada 7,5 veces).
Cámara (OBS)312×234 en x = 24, y = 24.
Fuente de navegador (OBS)360×1080 en x = 1560, y = 0. Cada hueco mide unos 165 px.
Distribución y alineación1×6; Horizontal: Centro; Vertical: En medio.
EspaciadoColumnas 0; Filas 12.
NombreColor #e8f5d0; Fuente Roboto Condensed ExtraBold; Borde activado, color #0f380f; Tamaño predeterminado.
FondoMostrar; Relleno #0f380f; Transparencia cerca del extremo izquierdo (≈15 %); Sin imagen.
Estilo de spritePokémon Amarillo (Color). Tipos visibles.

Para la nitidez del pixel art en OBS, usa el filtrado de escala Point en la captura del juego; la guía de captura explica por qué.

16:9 · GBA

GBA 3:2 con franja inferior 6×1

Lienzo 16:9 con un área de juego 3:2 arriba y una franja inferior con seis Pokémon de estilo Esmeralda
La franja ocupa los 180 px inferiores; el juego queda centrado a 1350×900.
Lienzo (OBS)1920×1080.
Juego (OBS)1350×900 en x = 285, y = 0 (pantalla 240×160 aumentada 5,625 veces). Si prefieres un escalado entero, 1200×800 (×5) centrado.
Fuente de navegador (OBS)1920×180 en x = 0, y = 900. Huecos de unos 151 px.
Distribución y alineación6×1; Centro; En medio.
EspaciadoColumnas 16; Filas 0.
Nombre#ffffff; Barlow Condensed ExtraBold; Borde #1b1b3a.
FondoRelleno #1b1b3a, Transparencia ≈25 %; Imagen Poké Ball blanca en Mosaico, Transparencia de imagen ≈85 %.
Estilo de spritePokémon Esmeralda.
16:9 · Doble pantalla

Doble pantalla 4:3 con bloque 3×2

Lienzo 16:9 con una pantalla 4:3 grande, otra pequeña a la derecha y un bloque 3×2 de Pokémon de estilo Platino debajo de la pequeña
Pantalla superior grande, inferior pequeña y equipo bajo esta última.
Lienzo (OBS)1920×1080.
Pantalla superior (OBS)1152×864 en x = 48, y = 108 (256×192 aumentada 4,5 veces).
Pantalla inferior (OBS)640×480 en x = 1232, y = 108 (×2,5).
Fuente de navegador (OBS)640×424 en x = 1232, y = 608. Huecos de unos 189 px.
Distribución y alineación3×2; Centro; En medio.
EspaciadoColumnas 12; Filas 12.
Nombre#ffffff; Oswald Bold; Borde #0d1e50.
FondoRelleno #0d1e50, Transparencia ≈20 %; Imagen estrella sin Mosaico, Transparencia de imagen ≈80 %.
Estilo de spritePokémon Platino.

Cómo obtener las dos pantallas por separado se explica en captura de doble pantalla.

16:9 · Moderno

Juego 16:9 a pantalla completa con bloque en esquina

Lienzo 16:9 ocupado por el juego, con una zona de menús abajo a la izquierda y un bloque 3×2 de Pokémon de estilo HOME abajo a la derecha
El bloque ocupa la esquina contraria a la zona de menús del juego.
Lienzo y juego (OBS)1920×1080; juego a pantalla completa.
Fuente de navegador (OBS)660×440 en x = 1236, y = 616. Huecos de unos 197 px.
Distribución y alineación3×2; Horizontal: Derecha; Vertical: Abajo.
EspaciadoColumnas 10; Filas 10.
Nombre#ffffff; Oswald Bold; Borde #000000.
FondoRelleno #000000, Transparencia ≈55 %; Sin imagen.
Estilo de spritePokémon HOME (estático).

Antes de elegir la esquina, comprueba dónde aparecen los menús y diálogos de tu juego; reservar una zona segura explica el método.

9:16 · Doble pantalla

Vertical con pantallas apiladas y franja central

Lienzo vertical 9:16 con dos pantallas 4:3 apiladas y una franja de seis Pokémon de estilo Negro y Blanco entre ambas
En vertical, las dos pantallas de DS se apilan con naturalidad; el equipo queda en el centro, lejos de la interfaz de las plataformas.
Lienzo (OBS)1080×1920.
Pantallas (OBS)Superior 1080×810 en y = 0; inferior 1080×810 en y = 1080.
Fuente de navegador (OBS)1080×270 en x = 0, y = 810. Huecos de unos 169 px.
Distribución y alineación6×1; Centro; En medio.
EspaciadoColumnas 8; Filas 0.
Nombre#ffffff; Barlow Condensed ExtraBold; Borde #202020.
FondoRelleno #202020, Transparencia ≈30 %; Sin imagen.
Estilo de spritePokémon Negro/Blanco y Negro 2/Blanco 2.
9:16 · Moderno

Vertical con cámara, juego 16:9 y bloque 3×2

Lienzo vertical 9:16 con cámara arriba, juego 16:9, bloque 3×2 de Pokémon de estilo Sol y Luna y una banda inferior libre marcada con línea discontinua
La banda discontinua queda libre para el chat y los controles que muestran las aplicaciones móviles.
Lienzo (OBS)1080×1920.
Cámara y juego (OBS)Cámara 400×200 en x = 340, y = 40; juego 1080×608 en y = 260.
Fuente de navegador (OBS)1080×700 en x = 0, y = 900. Huecos de unos 314 px.
Distribución y alineación3×2; Centro; En medio.
EspaciadoColumnas 16; Filas 16.
Nombre#ffffff; Anton; Borde #3a1d5c.
FondoRelleno #3a1d5c, Transparencia ≈30 %; Imagen Poké Ball blanca sin Mosaico, Transparencia de imagen ≈88 %.
Estilo de spritePokémon Sol/Luna (animado; la captura muestra un fotograma).
Zona libreDesde y = 1640 hasta el final, para la interfaz de la plataforma.

Para emitir este formato a la vez que uno horizontal, usa el layout secundario como se explica en directo horizontal y vertical.

Adaptar

Adaptar las recetas a otro lienzo

  • Lienzo 1280×720: multiplica posiciones y tamaños de OBS por 2/3. Para la fuente de navegador puedes mantener las medidas originales y escalarla en OBS, o reducir su ancho y alto: en el segundo caso, reduce también el espaciado en la misma proporción.
  • Otro juego: conserva la proporción de su pantalla y busca un aumento entero cuando sea posible.
  • Otro estilo de sprite: el tamaño del hueco no cambia, pero algunos sprites ocupan más superficie. Revisa nombres y tipos después de cambiar de estilo.
  • Motes largos: el overlay reduce el nombre que no cabe; si se lee mal, sube el Tamaño del nombre o amplía la fuente. Consulta los ejemplos de motes largos.
Siguiente recursoContraste y accesibilidad para overlays de Pokémon