Apply Screen DOF to images and videos online
Make an image resemble a close photograph of an angled screen. Screen DOF combines a visible display pattern, perspective, and selective focus so some pixels stay crisp while others fall into blur.
Before
After
Ideas for using the effect
Interface presentation art
Turn a screenshot into a stylized screen detail for an editorial illustration.
Technology campaign imagery
Use the angled pixel surface as a photographic-looking background.
Abstract display studies
Explore how bright shapes break into screen elements at close range.
Music visuals
Apply the perspective and focus treatment to a cover image or moving graphic.
Made with this effect
More inspiration on Instagram @effect_app
Use Screen DOF in Photoshop, Figma or on your desktop
One account, the same effect everywhere.
In Photoshop
Apply it to a layer in Photoshop 2022 and later, on macOS or Windows. The plugin renders on your own GPU and hands the result back as pixels on a new layer.
get the Photoshop plugin →In Figma
Run it on images and frames without leaving the canvas. The Figma plugin is this same editor, pointed at whatever you have selected.
get the Figma plugin →On desktop
Install the macOS or Windows app when you want a window of its own, with your account and your presets already there.
download the desktop app →Frequently Asked Questions
How do I apply Screen DOF online?
Open the Screen DOF preset, add your image or video, and adjust the loaded effect layers to suit your source. Preview the result before exporting.
What does DOF mean here?
DOF means depth of field: the part of an image that appears sharp. The preset uses Depth of Field to mimic a limited focus region across an angled screen image.
Which effects create the screen appearance?
LED Screen adds the display pattern, Perspective tilts the image, and Curves, Depth of Field, and Gaussian Blur shape its contrast and softness.
Can I choose which area stays sharp?
Yes. Move the Depth of Field center and adjust radius, aspect, and rotation to align the focus region with the screen. Revisit those settings if you change the perspective.
Will small interface text remain readable?
Strong perspective and blur can make fine text hard to read. Use this preset for an atmospheric close-up; reduce the tilt and blur, or increase the crop scale, when particular labels must stay legible.