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

  • Meet the Top 3 Designers from the MMxTwine Design Competition

    At the beginning of October, we hosted a design competition together with Twine. To enter, designers had to post a visual using one of Mediamodifier’s mockups and tag us #MMxTwine. Winners were chosen on November 11th based on the number of likes they received on their photos on Instagram.  After the competition, we had a […]

    Read more…
  • 10 Post Ideas for Social Media in December

    It’s the last month of the year where sleigh bells supposedly ring and party hats come out! We’re certainly enjoying the snow on our side of the world. We also hope those in the southern hemisphere are enjoying the sun as we bring you our monthly collection of what to share on social media in […]

    Read more…
  • Use These 7 Black Friday Templates to Create an Effortless Campaign

    Black Friday is arguably the biggest shopping campaign of the year. While it started as a shopping fest to follow Thanksgiving in America, it has now become global. And for good reason! Who doesn’t love a great deal on awesome products? Here are 7 easy-to-use drag-and-drop Black Friday templates for you to use to make […]

    Read more…

Sign up today

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

Immediate access. No credit card required.