🎉 Try Slides With Friends — Icebreakers, Team Building Games, Wordclouds & more! Check it out →

Generic Mobile Device Mockup

Posted in Mockups / Technology
Generic Mobile Device Mockup Preview 1
  • Image Thumbnail
  • Image Thumbnail
  • Image Thumbnail
  • Image Thumbnail
  • Image Thumbnail

Use this perspective generic smartphone device mockup to showcase your mobile app interfaces, responsive web designs and other custom artwork. This clean, minimal mobile device mockup removes any specific manufacturer elements and maximises the amount of screen real estate possible instead (edge to edge screen, no notch or front camera).

These .psd mockups have been drawn from scratch using vector shapes and layer styles in Photoshop, they are completely editable and scalable. Adding your own artwork is as simple as updating the included Smart Object layers and updating the colors couldn't be easier.

How to update the mockup

  1. Open 'Generic Mobile Device Mockup.psd' in Photoshop CC or newer
  2. Right click on the red labelled [YOUR DESIGN HERE] and choose Edit Contents
  3. Place your own screenshot or artwork into the Smart Object
  4. Save and close the Smart Object
  5. Double click on the green labelled 'Change Material Color' layer thumbnail
  6. Use the color picker to choose a new material color
  7. Adjust the brightness or contrast sliders with the 'Material Brightness/Contrast' adjustment layer
  8. Double click on the green labelled 'Change Background Color' layer thumbnail
  9. Use the color picker to choose a new background color

Paid License

By purchasing or downloading this item you are agreeing to abide by all terms and conditions laid out in the MediaLoot License Agreement. View the full license >


Don't Miss Another Freebie - Sign Up for Our Newsletter!

Make sure you don't miss out on future free resources by signing up for our weekly newsletter.


You've successfully logged in!