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

  • Need Some Font Inspiration? Try These 5 Fonts Available on Mediamodifier

    Whether you are designing a website, an Instagram post, an offline poster, or even your resume, the Mediamodifier design tool has over 1000 fonts you can choose from. If you are overwhelmed by the choice and you need some font inspiration, look no further! We know that choosing the font is an essential part of […]

    Read more…
  • Make Your Work Easier With These 10 Productivity Tools

    There are so many different productivity-boosting tools on the market today that it can be difficult to decide which ones to use. In this blog post, we’ll share 10 different tools that we believe are essential for entrepreneurs, students, designers, and marketers. These tools have certainly made our life easier and will help you stay […]

    Read more…

Sign up today

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

Immediate access. No credit card required.