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.

  • 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
    Commented Jul 31, 2013 at 18:37
  • @Revolt: I'm unaware that dedicated Graphics Design site exists too, Moderator can move this question in that case.
    – Kush
    Commented Jul 31, 2013 at 18:39
  • @Kush - I answered it for you either way. But it should be moved, I'll flag it for a moderator.
    – Mike
    Commented Jul 31, 2013 at 18:44
  • @DA01 - He said it's NOT about the iPhone.
    – Mike
    Commented Jul 31, 2013 at 18:47
  • @Revolt then the question should be retitled if it's strictly asking how the distort/perspective tool works in PhotoShop
    – DA01
    Commented Jul 31, 2013 at 18:54

3 Answers 3


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


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



You can use this plugin: https://dribbble.com/blazrobar/projects/119709-Perspective-Actions

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

  • 1
    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
    Commented Oct 2, 2014 at 12:36

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

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