Standing App Screens Mockup
What's inside
- Applications Photoshop
- File Types PSD
- License Free (see author's terms)
- Author GraphicsFuel
Several app screens looks better on a standing app screens mockup than on a white artboard, and this mockup is set up for exactly that.
Useful for Dribbble posters as much as for UI/UX designers. A small tip: put your strongest screen in the most visible position. People judge the whole set by the first screen they see.
Stakeholders who don’t read wireframes still understand a screen on a device straight away. Pair it with a second device from the same angle to show a responsive layout.
Use it for
- Several app screens
- A case study header
- A UI kit preview
This is a free file from GraphicsFuel. When you click download you’ll land on their page to grab it.
What’s inside the Standing App Screens Mockup PSD
The PSD is layered, so you can change:
- Screen design, placed through the smart object
- Screen glare and reflection layers
- Device colour, where the file includes it
How to edit this Standing App Screens Mockup in Photoshop
- Pick one strong screen. It reads better than a crowded one.
- In the Layers panel, find the layer with the small smart object icon and double-click it.
- Paste your design, resize it to fill the area, then save (Ctrl/Cmd + S) and close that tab.
- Export a full-size image for your portfolio and a smaller one for social media.
Make your screen design at the exact pixel size of the smart object, otherwise text on the screen turns blurry.
Ways to use this Standing App Screens Mockup
- Share a website flow on Instagram, Behance or Dribbble with a real-looking preview.
- Show several app screens on your online shop or product page.
- Make two or three colour versions of a UI kit preview and let the client pick.
Quick notes on this mockup
- Made by GraphicsFuel. The download size and format are listed on their page.
- Built for Adobe Photoshop. A recent CC version handles the smart objects best.
- Check the smart object size before you design, so your artwork fits without stretching.
- Some free mockups ask for credit when you post them. A short line in your caption is enough.
More free app screen mockups are listed below, each linking to the original author.
Questions about this mockup
Can I use this screen presentation mockup for client work?
GraphicsFuel sets the licence, and it can differ from file to file. Many free files allow personal and commercial use, but some are personal-only or ask for credit. Read the terms on the download page before a paid project.
How do I put my artwork on the screen presentation?
Find the smart object layer (it has a small icon on its thumbnail), double-click it, place your design, then save and close that tab.
Which Photoshop version do I need?
A recent Photoshop CC version is best. Older versions can open the file but sometimes have trouble with smart objects and effects.
Can I remove the screen reflection?
Usually yes. Reflections and glare are normally a separate layer that you can hide or lower in opacity.
