Vibary.ai
← All of Image

3D Character Screen Breakout

A soft-3D character coming out of a screen — with the crossing proved: named parts behind the plane, named parts through it, and the surface visibly giving way. Five fields.

graphicsposter3dimage-promptminutes
ExamplesSomething behind · something clipped · a surface that gives
Vibary
Harbour Row

We made two examples: a character coming out of a screen, and another coming out through a porthole. The second shows the same three proofs: the trailing boot and the far hand show through the glass, the rim cuts across shoulder and hip while the body carries on beyond it, and concentric rings spread from the crossing point. The difference is style, not structure: this one came out much closer to photoreal than the matt, simplified soft 3D the template asks for, especially in the oilskin and the lantern.

You can point at all three signs of the crossing: the back foot is inside the screen, cooler and dimmer behind the glass; the edge cuts the shoulder cleanly and the torso continues correctly on the far side; and a swirl of glass shards marks where the hip pushes through. Any objects coming out with the character leave through the same opening, at different depths. Sometimes the finish drifts towards photoreal; if it does, generate again.

Generated for this library

Input
  Frame     an oversized phone at a slight angle, filling the
            left half
  Character a young person in a mint cardigan, mid-leap
            toward the viewer, holding a cup out at arm's
            length
  Depths    behind: back foot and trailing cardigan edge,
            dimmed by the glass · crossing: left shoulder and
            hip, clipped by the screen edge · in front: the
            cup, the arm, the leading knee
  Screen    a soft app grid on pale blue - a coffee card and
            a music tile lift off and follow them out
  Setting   a sunlit tram street with blossom, thrown soft -
            cream, mint, pale blue, warm gold

Returned   1 poster · 3:5 · soft 3D, warm light

behind    the back foot readable through the glass, cooler
          and lower in contrast than the rest of them
crossing  the screen edge cutting the shoulder cleanly, the
          torso continuing on the far side
surface   the glass bulging and rippling outward where the
          hip passes through it
escape    both tiles leaving through the same opening, on
          the same trajectory, tumbling as they come
depth     the street held well behind the phone, soft and
          unbroken
SKILL.mdthe whole thing, as you would paste it© vibary.ai

You fill in 5 fields — the braced lines at the top. Everything below them is fixed.

  1. 1The frame it comes out of
  2. 2The character, and what they are doing
  3. 3What is behind the plane, what crosses it, what is in front
  4. 4What the screen shows, and what escapes with them
  5. 5The setting and palette

3D Character Screen Breakout

What this makes

A soft-3D character coming out of a screen — with the crossing proved: named parts behind the plane, named parts through it, and the surface visibly giving way. Five fields.

The whole template, in one piece. The steps below are the entire workflow.

How to use it

  1. Copy the whole template with the button above.
  2. Replace the five FIELDS lines. The third is the skill — name actual body parts for each of the three depths, not a general description.
  3. Paste it into any image-capable agent or model, in one message. One run returns the poster.
  4. Ask what is behind the glass before shipping. If the answer is nothing, the character is standing in front of a phone.

What you swap

The frame it comes out of
an oversized phone standing at a slight angle, filling the left half of the frame
The character, and what they are doing
a young person in a mint cardigan, mid-leap toward the viewer, holding a takeaway cup out at arm's length
What is behind the plane, what crosses it, what is in front
behind: their back foot and the trailing edge of the cardigan, dimmed by the glass · crossing: their left shoulder and hip, clipped hard by the screen's edge · in front: the cup, the outstretched arm, the leading knee
What the screen shows, and what escapes with them
a soft app grid on pale blue — a coffee card and a music tile lift off it and follow them out through the same opening
The setting and palette
a sunlit tram street with cherry blossom, thrown soft — cream, mint, pale blue, warm gold

Before it runs

  • A body position with real depth. A figure standing square has no part that can plausibly be behind anything.
  • A device big enough to clip a torso. If the screen is smaller than the character, there is nothing for them to be half inside of.
  • Willingness to hide part of your character. The parts you lose behind the glass are what make the rest of them convincing.

When to reach for it

App launches, campaign keys, product stories, anything that wants a character escaping a device. Templates in this style return a figure standing neatly in front of an intact phone with UI cards floating nearby, which is a poster of a phone and a person, not an emergence.

What changes

  • One warm soft-3D scene: a large device at an angle and a character coming through its screen.
  • The crossing proved by occlusion in both directions — parts of the figure behind the plane, parts in front, and a limb clipped by the edge.
  • A screen surface that gives way where the figure passes through it, rather than staying a flat sheet.
  • Interface pieces that leave the screen through the same opening, in the same direction, at the same depths.
  • A background that stays behind the device, so there is only one thing breaking out.

Pairs with