Graphic Design Stack Exchange is a question and answer site for Graphic Design professionals, students, and enthusiasts. Join them; it only takes a minute:

Sign up
Here's how it works:
  1. Anybody can ask a question
  2. Anybody can answer
  3. The best answers are voted up and rise to the top

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.

share|improve this question

migrated from Jul 31 '13 at 20:05

This question came from our site for user experience researchers and experts.

This would be a lot better to ask on Graphic Design, since you're asking how to do it and it's not a UX issue. If you were asking WHY they did it, then it'd be more of a UX question. – Mike Jul 31 '13 at 18:37
@Revolt: I'm unaware that dedicated Graphics Design site exists too, Moderator can move this question in that case. – Kush Jul 31 '13 at 18:39
@Kush - I answered it for you either way. But it should be moved, I'll flag it for a moderator. – Mike Jul 31 '13 at 18:44
@DA01 - He said it's NOT about the iPhone. – Mike Jul 31 '13 at 18:47
@Revolt then the question should be retitled if it's strictly asking how the distort/perspective tool works in PhotoShop – DA01 Jul 31 '13 at 18:54
up vote 6 down vote accepted

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

share|improve this answer

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

share|improve this answer

You can use this plugin:

Or search in Google "perspective mockups" and will find resources.

share|improve this answer
Hi Miguel, could you please explain a bit more what we'll find behind the link you provide and why it answers the question? That way, your answer is still of value in case the link breaks at a later time. Link rot is the main reason we really dislike link-only answers here. Thanks for your effort and keep contributing! – Vincent Oct 2 '14 at 12:36

Your Answer


By posting your answer, you agree to the privacy policy and terms of service.

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