I have a site screen shot(like this - http://d.pr/i/KxHN), and i want to rotate it to "perspective view" like the below image.

enter image description here

How i can do that? Google hinted nothing about this problem.


Follow this simple steps:

  • Select the layer and press Ctrl+T and
  • Right click on the transform and choose Perspective and then
  • Hold Ctrl and drag the right side corner towards down

enter image description here

| improve this answer | |
  • 1
    On a Mac, you hold alt whilst dragging the corner transform handles. – Michael Waterfall Jan 13 '19 at 10:29

Alternatively to Bala's answer, If you're mocking your image on to something like a monitor for this example, I find it easier to use the Distort tool as you can drag the corners of the image to match what ever it is you're laying your image onto.

  1. Edit → Transform → Distort
  2. Drag the corner points to the edges of the monitor to fill the blank screen
  3. Add a little inner shadow to the "mock screen" so it looks more "in place"

enter image description here

| improve this answer | |

With the image layer selected go to the toolbar at the top and select 'Edit → Transform → Perspective'.

It's also good practice to make your images "smart objects" before you edit them so they maintain their quality.

Right-click the image layer → Create smart object

This allows you to transform your image an infinite amount of times while still maintaining your image's original quality.

Hope this helps!

| improve this answer | |

Not the answer you're looking for? Browse other questions tagged or ask your own question.