Steve Caplin


The big news in the latest Photoshop CC update is 3D printingóat least, thatís the news thatís catching most of the headlines. But there are other key technologies in this upgrade, which are likely to be of more use to the everyday Photoshop user. One of them is Perspective Warp, which allows you to correct objects photographed at an angle to make them fit into an existing scene. Itís rather like working with two Free Transform planes at right angles to each other, andógiven the right starting imageóitís capable of dramatic results. Hereís how it works.
1. The starting image
Hereís a London bus on a London street. Even when the lamp posts are cut out and moved to a new layer, it still doesnít look integrated into the sceneóthe relative perspectives are all wrong:

2. Starting the warp
Choose Perspective Warp from the Edit menu, and drag a grid with one edge over the corner of the bus. An explanatory Help panel will pop up showing you what to do:

3. Adjust the grid
The four corner handles of the grid can each be adjusted individually, and you should drag it so that the grid matches the perspective of the bus. In particular, itís important to get the vertical edges to align with the verticals on the bus:

4. Draw the second grid
Drag away from the first grid to create the second. As the two edges near each other, theyíll both turn blue; this is Photoshopís cue that these two edges are going to be joined together:

5. The grids combined
Sure enough, when you release the mouse button, the edges snap together. From now on, these two grids are permanently joined along this edge:

6. Adjust the second grid
Drag the corner handles of the second grid in exactly the same way, so that the corners define the perspective of the front of the bus. Once again, itís important to get the angle of the vertical edge so it aligns with the vertical side of the bus:

7. Straighten the vertical
With the grid in place, you can now press the Warp button on the Options bar to switch modes. Now, moving a corner handle will reshape the object it describes. If you hold the Shift key and click on a vertical edge, it will turn yellow and will then snap to be truly vertical:

8. Straighten the back
Shift-clicking on the right hand vertical will constrain that to a pure vertical as well, and will also straighten the front of the bus. Now, the grid is in a condition that allows you to move the handles around:

9. Adjust the perspective
As you drag any of the handles, the other handle on that vertical plane will move with it. In this way, itís easy to adjust the apparent viewing position of the bus, making it appear to have been photographed from a different angle:

10. The finished image
It doesnít take much effort to reshape the bus so it fits in well with the perspective of the street. Once youíve got it where you want it, hit Enter to apply the transformation. Here, Iíve also added a drop shadow to complete the scene:

You can see a video of this process at†
Steve†Caplin†is the editor of the 3D printing blog††and the author of How to Cheat in Photoshop CC.

Inserted Article Image(s):

Article Slider image:

Liked This? Read These!

Add a Grid Tool to Photoshop

Have you ever wished that Photoshop was as good at grid creation as InDesign? New-media designer Cameron McEfee did. "After many hours spent meticulously nudging nav elements and building grids for... Read More
How to Straighten Photos Taken at an Angle

Itís hard to photograph many images head-on. For example, if you try to shoot a framed picture on a wall, the reflection of your cameraís flash often obliterates half the image. Similarly, if you... Read More
InDesign How-to: Balance Columns with Vertical Justification

Itís not unusual for a layout to specify that all pages should start and end on common baselines. Itís standard practice in books and most magazines. InDesignís not perfect at it, but using the... Read More
Free Website Grid Works for the Largest and Smallest Screens

Press ReleaseAndy Taylor's 1140 grid fits perfectly into a 1280 monitor. On smaller monitors it becomes fluid and adapts to the width of the browser.Beyond a certain point it uses media... Read More

Photo Asset Mgmt./Workflow
Photo Image Editing