How to create a perspective view of a screen shot so that it appears as a photographed 3D object?


Question

Ok so this is difficult to put in words but I want to know how designers present their Graphics Design work in screenshots something like this (source: Dribbble):

enter image description here

Not about the iPhone but I'm talking about presenting the design as a photograph taken from side-view, I believe it is some sort of Photoshop thing but since I don't know what to call this pattern, I couldn't Google anything on this.

Similar examples are this, this and many other on Dribbble.

Link to a brief tutorial on How-To creating such snap-shots would be great.

1
3
7/31/2013 6:36:00 PM

Accepted Answer

This isn't a UX question, but assuming it's going to be moved to Graphic Design, I'll answer it so that my answer is moved with it.

You can accomplish this in Photoshop CS4 (not sure about others), by selecting your layer, then going to edit > transform > perspective, and moving the boxes around until you get what you want.

You can see in the bottom right a layer that I used it on.

enter image description here

7
7/31/2013 6:40:00 PM

Here is a web service that lets you create realistic looking product shots of mobile devices.

http://placeit.breezi.com/


Licensed under: CC-BY-SA with attribution
Not affiliated with: Stack Overflow


Website under construction!!!
^