LR Tips Using Perspective Warp in Photoshop CC


Senior Member
Sep 27, 2006
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:

[h=2]Liked This? Read These![/h] [TABLE="class: views-view-grid cols-2"]
[TR="class: row-1 row-first"]
[TD="class: col-1 col-first"] [h=3]Add a Grid Tool to Photoshop[/h]

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
[TD="class: col-2 col-last"] [h=3]How to Straighten Photos Taken at an Angle[/h]

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
[TR="class: row-2 row-last"]
[TD="class: col-1 col-first"] [h=3]InDesign How-to: Balance Columns with Vertical Justification[/h]

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
[TD="class: col-2 col-last"] [h=3]Free Website Grid Works for the Largest and Smallest Screens[/h]

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


Top Bottom