Nice App Screen Mockup
What's inside
- Applications Photoshop
- File Types PSD
- License Free (see author's terms)
- Author Pixeden
A nice app screen mockup, made for presenting a website flow. Drop in your artwork and the lighting and shadows stay as they are.
It’s a handy file for UI/UX designers and Dribbble posters. A small tip: turn the screen glare layer down if your UI has small type. Glare looks nice but hides detail.
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.
Use it for
- A website flow
- Several app screens
- A case study header
Credit goes to Pixeden. We link to their download page rather than re-uploading the file, so check their terms there before commercial use.
Editable options in the Nice App Screen Mockup PSD
Everything below is on its own layer:
- Screen design, placed through the smart object
- Background colour
- Shadow under the device
How to use the Nice App Screen Mockup
- Export your screen design as a PNG at the exact size of the screen smart object.
- Open the file in Photoshop and double-click the smart object thumbnail in the Layers panel.
- Place your design, hide the sample artwork, save, and go back to the main file.
- Hide the reflection layer for a flatter look.
- Export a full-size image for your portfolio and a smaller one for social media.
For app store or portfolio images, crop tight around the device so the screen fills most of the frame.
Best uses for this Nice App Screen Mockup
- Use it as the cover image for a website flow in your portfolio.
- Make two or three colour versions of several app screens and let the client pick.
- Show a UI kit preview to a client before it goes to print or production.
Before you download
- Made by Pixeden. The download size and format are listed on their page.
- Built for Adobe Photoshop. A recent CC version handles the smart objects best.
- The preview shows the angle, background and lighting you’ll get.
Browse more free app screen mockups on Artistic Orbit, with new files added every day.
Questions about this mockup
What licence does it come with?
That depends on the author's terms. The download page lists what is allowed; when in doubt, ask the author directly.
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.
