Static editor · Effects · 2 min read

Blur with a focus point

Keep one spot of your mockup sharp and blur the rest for depth. Place the focus, drag it onto your subject and raise the blur.

Find Blur in Effects

With your mockup open in Static, look at the Effects section in the right panel. Blur is the first row, with a number field and a target icon at its right end. Everything is sharp while Blur is 0.

The Effects section with Blur, Aberration, Grain and Vignette all at 0, and a target icon next to BlurThe Effects section with Blur, Aberration, Grain and Vignette all at 0, and a target icon next to Blur
Blur is the first row of Effects.

Place the focus

Click the target icon at the right end of the Blur row. A ring with a center dot and a handle appears on the picture, and Blur is set to 30. The picture stays sharp inside the ring.

A large focus ring over the candle with a center dot and a handle on its right, and Blur showing 30A large focus ring over the candle with a center dot and a handle on its right, and Blur showing 30
The ring marks the sharp area.

Drag the focus onto your subject

Drag the center dot to the part you want sharp. Here it goes onto the flame.

The focus ring moved up so that its center dot sits on the candle flameThe focus ring moved up so that its center dot sits on the candle flame
Move the dot to your subject.

Resize the sharp area

Drag the handle on the right edge of the ring toward the center to make the sharp area smaller.

A small focus ring around the flame with Blur at 30A small focus ring around the flame with Blur at 30
A smaller ring keeps only the flame sharp.

Raise the blur

Click the number field next to Blur, type 120 and press Enter. The leaf, the label and the table soften, while the flame inside the ring stays sharp.

Blur at 120 with the flame sharp and the leaf, label and table softly blurredBlur at 120 with the flame sharp and the leaf, label and table softly blurred
Blur at 120 makes the depth obvious.

Questions

How do I keep one part of the mockup sharp?

Click the target icon at the right end of the Blur row. A ring appears on the picture, and the picture stays sharp inside it. Drag the center dot onto your subject.

How strong can the blur be?

Blur runs from 0 to 120. Everything is sharp while Blur is 0.

How do I make the sharp area smaller?

Drag the handle on the right edge of the ring toward the center.

What does Blur show when I click the target icon?

Blur is set to 30 and the ring appears on the picture. Then type a higher number, such as 120, in the Blur field to soften the rest.

Try it in the Static mockup editor

Photo mockups in the browser: drop a design in, export a picture.

Open editor