Perspective App Screen Mockup
What's inside
- Applications Photoshop
- File Types PSD
- License Free (see author's terms)
- Author Pixeden
This perspective app screen mockup is a quick way to show a website flow without a photo shoot.
Useful for Dribbble posters as much as for product teams. Tip: for app store or portfolio images, crop tight around the device so the screen fills most of the frame.
A screen inside a real device frame explains a product faster than a raw screenshot, which is why it shows up on so many landing pages and app store listings. For a fuller case study, combine it with a laptop or tablet mockup showing the desktop version.
The file is made by Pixeden. The download button takes you to their page, where you get the original file and the licence details.
What’s inside the Perspective App Screen Mockup PSD
Open it in Photoshop and you can change:
- Screen design, placed through the smart object
- Background colour
- Shadow under the device
How to edit this Perspective App Screen Mockup in Photoshop
- Take a clean screenshot of the app or website you want to show.
- In the Layers panel, find the layer with the small smart object icon and double-click it.
- Place your design, hide the sample artwork, save, and go back to the main file.
- Change the background colour to fit your brand.
- Export a full-size image for your portfolio and a smaller one for social media.
Worth remembering: make your screen design at the exact pixel size of the smart object, otherwise text on the screen turns blurry.
Where the Perspective App Screen Mockup works best
- Make two or three colour versions of several app screens and let the client pick.
- Share a UI kit preview on Instagram, Behance or Dribbble with a real-looking preview.
- Use it as the cover image for a case study header in your portfolio.
Quick notes on this mockup
- Made by Pixeden. The download size and format are listed on their page.
- Check the licence on the author’s page. Personal and commercial terms differ from file to file.
- The preview shows the angle, background and lighting you’ll get.
- Built for Adobe Photoshop. A recent CC version handles the smart objects best.
Browse more free app screen mockups on Artistic Orbit, with new files added every day.
Questions about this mockup
Can I use this screen presentation mockup for client work?
That depends on the author's terms. The download page lists what is allowed; when in doubt, ask the author directly.
How do I add my design?
Open the file in Photoshop, double-click the smart object thumbnail, paste or place your artwork in the new tab, save it (Ctrl/Cmd + S) and close. The main file updates on its own.
Do I need Photoshop?
Yes. This is a PSD mockup built with smart objects, so you edit it in Adobe Photoshop. Any recent CC version works.
What size should my screenshot be?
Open the screen smart object and check its canvas size in Image › Canvas Size. Paste your screenshot at that size so it stays sharp.
