Uwarp

Or try an example

Focus X (%)
Focus Y (%)
Angle (°)
Focus width (%)

Help Us Improve

—

(—)

Tilt-shift effect online

Add a tilt shift effect to photos online. Place a sharp focus band, blur the rest for a miniature look—adjust angle and width, preview live, download PNG.

What is a tilt-shift effect?

A tilt-shift effect mimics selective focus from tilt-shift photography: one band stays sharp while areas along an angled line blur, making real scenes look like miniatures. Upload a photo, position and rotate the focus band, optionally tune progressive blur steps, preview, and download PNG—all in your browser. It is not image rotation, skew, or lateral shift—only selective blur for a fake miniature look.

Tilt-shift controls

Focus band and blur ramp options.

  1. Focus position: Move the sharp band horizontally and vertically in percent.

  2. Angle: Rotate the focus line from 0 to 360 degrees.

  3. Focus width: Set how much of the frame stays sharp.

  4. Advanced blur steps: Optional progressive blur with radius factor and step count.

  5. Live preview: Output updates as you move sliders.

  6. PNG download: Save the result as tilt-shift-effect.png.

How to add tilt shift to a photo

Steps for miniature-style pictures.

  1. Upload a photo

    Aerial or elevated shots often work well (15 MB max).

  2. Place the focus band

    Adjust x, y, angle, and focus width over the area that should stay sharp.

  3. Enable advanced if needed

    Tune initial radius, factor, and steps for stronger blur falloff.

  4. Download PNG

    Save when the blurred foreground and background look like a model scene.

Tips for miniature tilt shift

Stronger fake-miniature results.
  • 01

    Shoot from above

    High vantage photos read most clearly as scale models.

  • 02

    Narrow the focus band

    A smaller focus width increases the miniature illusion.

  • 03

    Center on subject rows

    Place the sharp strip on buildings, trains, or crowds.

  • 04

    Try advanced steps

    More steps with a radius factor above 1.4 deepen outer blur.

  • 05

    Match the angle

    Rotate focus to follow receding lines in the scene.

  • 06

    Pair with crop

    Crop to a strip on Crop Image before applying tilt shift.

  • 07

    Beyond blur

    Tilt shift only blurs along an angled line. To twist, bulge, or ripple the geometry itself, use Image Distorter.

Tilt Shift Tools Compared — Which One Fits Your Workflow

How this free tilt shift effect tool stacks up against other popular online options for creating miniaturized scene effects.

  1. Canva.com

    Tilt shift effect in design platform. Requires account; effect is one of many rather than focused tool.

  2. Fotor.com

    Tilt shift blur with adjustable focus area and blur strength. Pro for full quality exports.

  3. Adobe Express

    Tilt shift via blur tools. Part of full editor rather than dedicated effect.

  4. PineTools.com

    Basic blur effect not specifically tilt-shift. No dedicated tilt-shift interface.

  5. Tilt Shift Effect

    Dedicated tilt-shift effect with adjustable blur strength and position. Creates miniaturized scene look. Real-time preview. Side-by-side comparison.

When to use tilt shift

Typical uses for miniature blur.

  • Cityscapes

    Blur sky and foreground around a sharp mid-ground strip.

  • Rail and road scenes

    Align the focus angle along a path or horizon.

  • Social posts

    Stylized tilt shift look without specialty lenses.

  • Aerial photos

    Tilt shift images from above often read as tiny models.

  • Portfolio experiments

    Try different focus widths on the same upload.

  • Quick previews

    Test whether a photo suits miniature treatment before editing elsewhere.

Why use this tilt-shift tool

Benefits of browser-based miniature blur.

  • No tilt-shift lens

    Simulate selective focus from any photo.

  • Angled focus band

    Match scene geometry with rotation control.

  • Progressive blur

    Advanced steps ramp blur smoothly outside focus.

  • Private

    Processing stays on your device.

  • Side-by-side preview

    Compare input and output on one page.

  • Free

    Unlimited previews and downloads.

Technical details

How tilt-shift processing works here.
Perpendicular distance mask
Blur amount scales with distance from the angled focus line.
Box blur levels
Advanced mode precomputes stepped box-blur passes.
Simple mode
Single fixed-radius blur blended outside the focus band.
Smooth transition
Gradient blend between sharp and blurred regions.
Alpha preserved
PNG transparency kept through compositing.
Input limits
15 MB upload; 8192 px max edge.

Sources & References

Authoritative references on tilt–shift photography, selective focus techniques, and the Canvas rendering technology this tool uses.
  • “Tilt–shift photography is the use of lens movements on small- and medium-format cameras.”
    — Wikipedia — Tilt–shift photography

    Tilt–shift photography: Tilt–shift lenses control the plane of focus (tilt) and perspective (shift) optically. This tool simulates the miniature effect digitally by keeping a focus band sharp while blurring the surrounding areas. en.wikipedia.org/wiki/Tilt%E2%80%93shift_photography

  • “The Canvas API provides a means for drawing graphics via JavaScript and the HTML canvas element.”
    — MDN Web Docs — Canvas API

    Canvas API (client-side image compositing): This tilt-shift simulator uses Canvas 2D to compute per-pixel distance from an angled focus line, apply progressive box blur levels, and composite the result — all in your browser without server uploads. developer.mozilla.org/en-US/docs/Web/API/Canvas_API

  • “PNG supports lossless data compression, making it useful for storing graphics that need to be edited repeatedly without losing quality.”
    — W3C — PNG Specification (overview)

    PNG image format: PNG output preserves the smooth gradient between sharp and blurred regions in the tilt-shift effect, keeping the miniature illusion intact without compression artifacts. w3.org/TR/PNG/

  • “Selective focus is the use of limited depth of field to emphasize a particular part of the image.”
    — Wikipedia — Selective focus

    Selective focus in photography: The miniature effect relies on selective focus — keeping one plane sharp while gradually blurring foreground and background, mimicking the shallow depth of field of close-up macro photography. en.wikipedia.org/wiki/Selective_focus

Frequently Asked Questions

Quick answers about this tool—open a question to read more.