OverlayPicture
Overlay a picture

Pin a picture onto an angled surface

Put your logo on any angled surface

Drag four corners onto a sign, a print or a screen and your logo follows the perspective.

or drop photos here · paste works too

  • Free
  • No sign-up
  • Photos stay on your device
Before
A ROMA print studio logo pinned in perspective onto a print of Rome lying on a glass table+ Corner-pinned logo
How this page handles your photo

Add a logo or screenshot and the corner pin is already on: four round handles, one per corner, a grid that shows the perspective, and arrow keys for the last pixel.

Open the photo with the angled surface. Everything happens in this tab.

The controls arrive with the photo. Nothing here asks you to sign in, and no picture is sent anywhere — the drawing all happens in this tab. The site makes exactly one request of its own, and only if you press for it: the cut-out feature downloads a 6.2 MB model from our model file server, after showing you the size and the licence. No photograph goes with it.

Why this stage opens differently

Every other stage opens on Move. This one opens on the corner pin, because the whole job is putting four corners where the surface's corners are — so the four round handles are there as soon as the picture lands.

While you pin, a grid is drawn through the same projective map the picture is drawn with. If the grid lines run parallel to the edges of the sign or screen, the perspective is right.

Step by step

  1. Open the photo. A photo with a surface at an angle: a sign, a screen, a box, a wall.
  2. Add the picture. A logo, a screenshot or a poster. It lands in the middle with the corner pin already on.
  3. Pin the corners. Drag each of the four round handles onto the matching corner of the surface. The grid shows the perspective.
  4. Fine-tune. Select a handle and use the arrow keys; Shift moves ten pixels.
  5. Blend it in. Multiply or Overlay on the Blend tab makes a logo look printed on the surface.
  6. Save. The pinned picture is drawn again at full size.

What it does, and what it does not

Opens
Corner pin on, picture centred at 36% of the long edge.
Handles
Four, dragged or moved with arrow keys (Shift for ten pixels).
Preview
A 4 × 4 perspective grid while pinning.
Undo
Each corner drag is one step; Reset pin on the Place tab.
Saving
PNG, JPG or WebP at full size.
  • Flat surfaces only; a curve cannot be followed by four corners.
  • A small picture stretched over a big surface looks soft — start from the largest file or an SVG.
  • Lighting is not matched for you; Multiply or a lower strength helps a logo sit on the surface.

Questions about perspective overlays

How do I pin corners exactly?
Zoom in (pinch, or Ctrl/⌘ plus), drag each handle close, then select it and use the arrow keys — one pixel per press, ten with Shift. The arrows move the corner in the photo's own directions, whatever the picture's angle.
Why does the logo look soft?
A pinned picture is resampled into a new shape, and a small logo stretched over a big surface has fewer pixels than the surface needs. Use the largest version you have, or an SVG, which is drawn at the size it lands.
Can I undo a pin?
Yes. Every corner drag is one step back with Ctrl/⌘ Z, and Reset pin on the Place tab returns the picture to a flat rectangle.
Does it work on a curved surface?
No. A corner pin maps a flat rectangle onto a flat four-sided shape. A mug or a bottle bends, and four corners cannot follow a bend.
Does it still snap?
Yes, by its bounding box — the upright rectangle around the pinned shape — to the edges, centres and thirds of the photo.

Related stages