Perspective Mobile Screen Mockup
What's inside
- Applications Photoshop
- File Types PSD
- License Free (see author's terms)
- Author Dribbble
Show an Android app the way it will actually look: on a perspective mobile screen mockup.
Useful for marketers as much as for app developers. Quick 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.
The file is made by a designer on Dribbble. The download button takes you to their page, where you get the original file and the licence details.
Editable options in the Perspective Mobile Screen Mockup PSD
Main things you can change in Photoshop:
- Screen design, placed through the smart object
- Shadow under the device
- Screen glare and reflection layers
Add your design to the Perspective Mobile Screen Mockup
- 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.
- Hide the reflection layer for a flatter look.
- Save a JPG for clients and social media, and keep the PSD for later changes.
Another tip: make your screen design at the exact pixel size of the smart object, otherwise text on the screen turns blurry.
Where the Perspective Mobile Screen Mockup works best
- Use it as the cover image for an onboarding flow in your portfolio.
- Show a mobile website to a client before it goes to print or production.
- Make two or three colour versions of an Android app and let the client pick.
Good to know
- Made by a designer on Dribbble. 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.
- Built for Adobe Photoshop. A recent CC version handles the smart objects best.
Browse more free phone mockups on Artistic Orbit, with new files added every day.
Questions about this mockup
What licence does it come with?
A designer on Dribbble 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 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.
