New Feature: Convert Your PSD to Online Mockup

It was just a week ago that we introduced our new feature for saving mockup drafts to your Mediamodifier account…

and the good news just keep rolling in, because in addition to just saving drafts from our mockup templates, you can now also turn your own Photoshop PSD templates into private online mockups, which you can save to your account and edit online!

The end result is a simple, online and drag & drop version of a PSD mockup which you can edit fast anywhere, without access to Photoshop:


So a clunky PSD mockup becomes a template you can literally customize in 2 clicks online like this:

So exactly how does it work? Let’s dig in:

Step 1 – Format Your PSD File

Pretty much any Photoshop PSD mockup can be turned into an online mockup with some creativity…

however the Online Mockup format which Mediamodifier uses does have some limitations.

All the mockup templates are based on Photoshop PSD files, but for the web version, they are automatically turned into a different file type, which requires proper layer naming inside the PSD.

That’s why it’s important to format all your PSD mockup files according to these guides. You can also download free example files which are properly formatted from our free psd templates page or read the entire documentation below:

Step 2 – Upload Your PSD to the Converter.

Once your PSD mockup file has been properly formatted, navigate to your mockups dashboard at:

Then click the link “Upload your own PSD Mockup” and a from the new menu which appears, click the “Choose file” button and upload your PSD mockup.

3) Edit & Save Your PSD Mockup Online

✔️ If all goes well, then the page will take a moment to analyze the file, and the mockup will appear under your account after a refresh.

From there you can click on the file edit the mockup, save changes or save new copies of the template.

Troubleshooting – if your PSD file contains unrecognized elements or layers, then you might receive an error and must make changes to your file.

  • double check if the layer names are correct

NB: if you are not able to upload your PSD file, please get in touch with us, and we’ll help to format your PSD file or find out what’s causing the error in your template.


  • Custom mockups can also be used through our Mockup Generator API
  • You can also customize all our existing Mockups (because PSD source is included for each) in Photoshop and upload as your own custom & private mockups.
  • Try to make your PSD mockups small (2000-3000px is quite optimal).

Send this post to your friend via:

Tags: , , , , , ,

Notify of
Inline Feedbacks
View all comments

Related posts

  • Creativity Conversations: Helen Kokk

    How Helen Kokk, award-winning product designer, uses a designer approach to lead her decision-making — at work and in life. There’s an undeniable energy that Helen Kokk brings into a room. Her confidence and drive make it obvious that she’s a professional, while her friendly demeanor creates a comfortable environment to ask questions. In other […]

    Read more…
  • The 3 Best Marketing Moments of August 2021

    The last month of summer came with a few remarkable marketing moments. The central theme surrounding August seemed to be the pairing of unlikely, yet successful, duos. Below, we have selected three of the best marketing moments of August:  1. Corona teams up with Duolingo to celebrate its Spanish roots The popular beer brand Corona […]

    Read more…
  • 20 Most Popular Podcast Cover Templates

    Podcasts are an incredibly powerful medium and their popularity is only growing! According to Spotify, more than 25% of their listeners globally listen to podcasts regularly. And that’s just one podcast platform. By now, there’s a podcast for anything and there seems to always be room for new entrants. As long as you market and […]

    Read more…

Sign up today

Join 102783 customers already using Mediamodifier daily to craft visually rich mockups

Immediate access. No credit card required.