News | Articles | Books | Links | ||  Digiretus China| RSS
Photoshop Tutorials|2015.03.15.
Photoshop Video|2015.02.13.
Photoshop Tutorials|2015.01.04.
Photoshop Tutorials|2014.11.18.

Coloring in Photoshop

level: easy

We’re going to color a black-and-white photo

Photoshop Touch: professional brightening


We are going to brighten the dark parts of a photo in a way that the bright areas do not change.

Gradient filter (Photoshop Video)

level: advanced

How to use gradient filter in your photos in Photoshop.

Sharpening VIII. in Photoshop

level: easy

The “dumb” and the “clever” are working together.

Resizing Photos V. in Photoshop

level: Very easy

Even group resizing is possible with the somewhat hidden Image Processor.


Which photo editor do you often use?

Photoshop elements
Paint Shop Pro
other software


Search this site

PS Tutorials|2008.07.07.

Color replacement II. in Photoshop

level: easy

Last time we swapped red for blue. Now make it the other way. And another way, too.


Free Photoshop Tutorials: Mock-up effect in Photoshop

Version: Adobe Photoshop 7.0 +

level: advanced

Architectural cameras and lenses often have a Swing or Tilt feature which tilts the focal plane and thus provides a weird depth-of-focus effect. Sometimes, primarily with landscapes or cityscapes photographed from above, you get the impression as if you were looking at a mock-up. Now we try to emulate this effect using Photoshop.


Printer-friendly version

Photoshop Tutorial - Mock-up effect

Photoshop Tutorial - Mock-up effect

1. Load the photo
Choose a landscape or cityscape which shows buildings, people, objects from far away, and the angle of visibility is about 20 to 30 degrees. Once again: as if you were looking at a mock-up. It is a clean advantage if the main area you want to emphasize is around the lower trisecting line, like the bridge over the river in our photo. A good starting image makes up half of the success! Now, in order to get an even better result, you'll only have to fiddle a bit with sharpness.

Photoshop Tutorial - Mock-up effect

2. The parts you need
As mentioned above, we want to emphasize the bridge and its surroundings, and in order to do so, we'll have to blur other areas.

First, we have to prepare a mask to preserve the areas that need to remain sharp, and make blurred only the other parts. Quick Mask is a practical choice. Click the indicated icon at the bottom of the Tools palette, or Press Q to switch to Quick Mask mode. Now click the Gradient tool in the middle of the palette, and from the options displayed at the top, select Reflected Gradient.

Photoshop Tutorial - Mock-up effect

3. Preparing a mask
Now you're ready to create the mask. Before you begin, make sure the primary and secondary (foreground and background) colors displayed at the bottom of the Tools palette are black and white, in this order.

In the example photo above, we clicked the middle of the bridge, and dragged the mouse to near the bottom of the screen while holding down Shift. You need to press Shift to draw an exactly vertical line without making the gradient skewed. After releasing the mouse button, the gradient mask will be shown in red, fading out. As it is mirrored horizontally, it will also fade out upwards, thus, in total, occupying twice the area you selected by dragging. This is the area that will remain unaffected by later changes.

If you're done, press Q again to quit Quick Mask mode and get back to Edit mode. This will display a selection marquee outside the designated area, which means everything will be selected, save for the parts we masked out to preserve.

Photoshop Tutorial - Mock-up effect

4. Lens Blur
Click Filter/Blur/Lens Blur to blur the unnecessary areas. As opposed to traditional blurring features, this one strives to emulate the background blur produced by photo lenses, and thus provides an even more natural-looking result. If you have an older Photoshop version that lacks this feature, choose Gaussian Blur instead.

On the Lens Blur dialog we used the above settings. Feel free to experiment though! However, make sure to leave Source set to None and Invert unselected. The Iris and Specular Highlights sliders only affect the characteristics of blurring. Intensity can be controlled using Radius.

Photoshop Tutorial - Mock-up effect

5. Even closer to reality
Tilt objectives usually leave a good deal of vignetting on the picture as they also use the edges of the lens. For an even more realistic effect, click Filter/Distort/Lens Correction. Under Vignette, you can darken the corners of the photo a little. Amount sets the intensity, while Midpoint controls the size of the unaffected area in the middle.

Photoshop Tutorial - Mock-up effect

5. A realistic mock-up
The low depth-of-focus left by the blurring really looks like as if you shot a mock-up town with macro lens. Foreground and background is blurred more than usually, and only the masked middle areas.

Related Photoshop Tutorials

Background blur I.
Background blur II.

More Photoshop Tutorials




| About us

© nEtural webdesign 2006.
All rights related to the free use of any pictures, sounds, written material and graphical elements published on the web site are reserved by the site owner. The owner's approval is required for the use of such published elements.