17

This question already has an answer here:

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.

marked as duplicate by Scott, benteh, Yisela Apr 30 '14 at 20:42

This question has been asked before and already has an answer. If those answers do not fully address your question, please ask a new question.

migrated from stackoverflow.com Apr 27 '13 at 12:32

This question came from our site for professional and enthusiast programmers.

19

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

  • On a Mac, you hold alt whilst dragging the corner transform handles. – Michael Waterfall Jan 13 at 10:29
11

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

5

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!

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