I am trying to work on my website, which is for a mobile application. While I can put an image of my app screenshot on my website, what I am not sure how to do is to create a shiny device image like most websites which promote apps.

For example, path.com is a popular app. On their website, on the right side, is an image of a device and inside the device is a screen shot. How could I make that?

3 Answers 3


They are done by taking a screen shot of your app, and then placing that inside of a device PSD (Photoshop file) template which you can find by just Googling for "device name PSD" - for instance here is a iPhone 5 PSD template.

  • 2
    i would also recommend this question is moved to the graphic design stack exchange site, by an admin
    – sam
    Commented Mar 18, 2013 at 14:49
  • moving this question makes sense. For some reason I had the impression that that site was being phased out.
    – Genadinik
    Commented Mar 18, 2013 at 14:50
  • i dont think so, i think its just in beta
    – sam
    Commented Mar 18, 2013 at 14:59

Placeit will do it for you. Pretty slick. And free.

You could also pay a designer about $5 to insert a screen shot (that's what we did).


Though the PSD mock-up is the norm, I've also loaded a screenshot of an app I'm developing onto my phone and displayed it fullscreen. Then I take a picture of it. This to me looks the most realistic as you can even see the pixels on the phone.

  • 1
    Unless one has access to a green screen and good lightning such a picture might end up looking bad.
    – user555
    Commented May 22, 2013 at 13:41

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.