Buy me a coffee

NuzPoke editorial resource

A gallery of reproducible Pokémon layouts and overlays

Every example in this gallery is a real capture of the overlay with an invented team, placed on a test canvas. Each one lists the OBS measurements and the NuzPoke settings you need to reproduce it, separating what each tool does.

16:9 composition with a large and a small 4:3 screen and a 3×2 grid of Platinum-style Pokémon
Dual-screen example: striped areas show where you place the game in OBS; the team is a real overlay capture.
Before you start

How to read and reproduce each recipe

Striped areas labelled with a ratio (10:9, 3:2, 4:3, 16:9) are placeholders: they show where you place the game capture. “CAM” marks a possible camera slot. They are not captures of any game. The team is a real NuzPoke capture with six Pokémon and invented nicknames.

The OBS partCanvas size, position and scale of the game capture, and the Browser Source size and position.
The NuzPoke partWhat is drawn inside the source: distribution, alignment, spacing, name, types, background and sprite style.

NuzPoke does not import or export presets: recreate the settings by hand in Stream → Main layout (or Secondary). Create the Browser Source following the OBS guide. The Transparency and Size sliders show no numbers, so their approximate position is given instead.

Source size = slot size

The overlay splits the source area among the six slots. If you change the source width or height in its properties, the slots are recalculated; if you scale it on the OBS canvas, everything grows or shrinks together.

Credits are off in the captures so all six members are visible at all times.

16:9 · Retro

Retro handheld: 10:9 game with a side column

16:9 canvas with a centred 10:9 game area, a camera slot on the left and a column of six Yellow-style Pokémon on the right
Game Boy Color game at 1200×1080 in the centre; the column uses the side space without covering the screen.
Canvas (OBS)1920×1080.
Game (OBS)Capture scaled to 1200×1080 at x = 360, y = 0 (a 160×144 screen enlarged 7.5 times).
Camera (OBS)312×234 at x = 24, y = 24.
Browser Source (OBS)360×1080 at x = 1560, y = 0. Each slot is about 165 px.
Distribution and alignment1×6; Horizontal: Center; Vertical: Middle.
SpacingColumns 0; Rows 12.
NameColour #e8f5d0; Font Roboto Condensed ExtraBold; Outline on, colour #0f380f; default Size.
BackgroundShow; Color #0f380f; Transparency near the left end (≈15%); No image.
Sprite stylePokémon Yellow (Color). Types visible.

For crisp pixel art in OBS, set the game capture's scale filtering to Point; the capture guide explains why.

16:9 · GBA

GBA 3:2 with a 6×1 lower strip

16:9 canvas with a 3:2 game area at the top and a lower strip of six Emerald-style Pokémon
The strip takes the bottom 180 px; the game is centred at 1350×900.
Canvas (OBS)1920×1080.
Game (OBS)1350×900 at x = 285, y = 0 (a 240×160 screen enlarged 5.625 times). For integer scaling, use 1200×800 (×5), centred.
Browser Source (OBS)1920×180 at x = 0, y = 900. Slots of about 151 px.
Distribution and alignment6×1; Center; Middle.
SpacingColumns 16; Rows 0.
Name#ffffff; Barlow Condensed ExtraBold; Outline #1b1b3a.
BackgroundColor #1b1b3a, ≈25% transparent; white Poké Ball image with Mosaic, image ≈85% transparent.
Sprite stylePokémon Emerald.
16:9 · Dual screen

Two 4:3 screens with a 3×2 block

16:9 canvas with a large 4:3 screen, a smaller one on the right and a 3×2 block of Platinum-style Pokémon under the smaller screen
Large top screen, small bottom screen and the team below the latter.
Canvas (OBS)1920×1080.
Top screen (OBS)1152×864 at x = 48, y = 108 (256×192 enlarged 4.5 times).
Bottom screen (OBS)640×480 at x = 1232, y = 108 (×2.5).
Browser Source (OBS)640×424 at x = 1232, y = 608. Slots of about 189 px.
Distribution and alignment3×2; Center; Middle.
SpacingColumns 12; Rows 12.
Name#ffffff; Oswald Bold; Outline #0d1e50.
BackgroundColor #0d1e50, ≈20% transparent; star image without Mosaic, image ≈80% transparent.
Sprite stylePokémon Platinum.

How to get both screens separately is covered in dual-screen capture.

16:9 · Modern

Full-screen 16:9 game with a corner block

16:9 canvas filled by the game, with a menu area at the bottom left and a 3×2 block of HOME-style Pokémon at the bottom right
The block sits in the corner opposite the game's menu area.
Canvas and game (OBS)1920×1080; game full screen.
Browser Source (OBS)660×440 at x = 1236, y = 616. Slots of about 197 px.
Distribution and alignment3×2; Horizontal: Right; Vertical: Bottom.
SpacingColumns 10; Rows 10.
Name#ffffff; Oswald Bold; Outline #000000.
BackgroundColor #000000, ≈55% transparent; No image.
Sprite stylePokémon HOME (static).

Before choosing the corner, check where your game's menus and dialogue appear; reserving a safe area explains the method.

9:16 · Dual screen

Vertical with stacked screens and a central strip

Vertical 9:16 canvas with two stacked 4:3 screens and a strip of six Black and White-style Pokémon between them
In vertical, the two DS screens stack naturally; the team stays in the centre, away from platform interfaces.
Canvas (OBS)1080×1920.
Screens (OBS)Top 1080×810 at y = 0; bottom 1080×810 at y = 1080.
Browser Source (OBS)1080×270 at x = 0, y = 810. Slots of about 169 px.
Distribution and alignment6×1; Center; Middle.
SpacingColumns 8; Rows 0.
Name#ffffff; Barlow Condensed ExtraBold; Outline #202020.
BackgroundColor #202020, ≈30% transparent; No image.
Sprite stylePokémon Black/White and Black 2/White 2.
9:16 · Modern

Vertical with camera, 16:9 game and a 3×2 block

Vertical 9:16 canvas with a camera at the top, a 16:9 game, a 3×2 block of Sun and Moon-style Pokémon and a free lower band marked with a dashed line
The dashed band stays free for the chat and controls mobile apps draw on top.
Canvas (OBS)1080×1920.
Camera and game (OBS)Camera 400×200 at x = 340, y = 40; game 1080×608 at y = 260.
Browser Source (OBS)1080×700 at x = 0, y = 900. Slots of about 314 px.
Distribution and alignment3×2; Center; Middle.
SpacingColumns 16; Rows 16.
Name#ffffff; Anton; Outline #3a1d5c.
BackgroundColor #3a1d5c, ≈30% transparent; white Poké Ball image without Mosaic, image ≈88% transparent.
Sprite stylePokémon Sun/Moon (animated; the capture shows one frame).
Free areaFrom y = 1640 to the bottom, for the platform's interface.

To stream this format alongside a horizontal one, use the secondary layout as explained in horizontal and vertical streaming.

Adapt

Adapting the recipes to another canvas

  • 1280×720 canvas: multiply OBS positions and sizes by 2/3. For the Browser Source you can keep the original size and scale it in OBS, or reduce its width and height; in the second case, reduce the spacing by the same factor.
  • Another game: keep its screen ratio and look for an integer enlargement when possible.
  • Another sprite style: the slot size does not change, but some sprites fill more of it. Review names and types after changing style.
  • Long nicknames: the overlay shrinks a name that does not fit; if it reads poorly, raise the name Size or enlarge the source. See the long nickname examples.
Next resourceContrast and accessibility for Pokémon overlays