How to add Design to Mockup

What are the best practices for adding our design to the Mockup? What software is the best to use?


Ive used cb9139f8affe249e361361651b6c3c35 to add my designs to a mockup. Its a free software.


Thank you for sharing this resource!

I use Adobe PS. It’s pretty easy to use once you play with the program a little and allows you the options of changing the colors. Well worth the small fee.

1 Like

Photoshop using smart object technique is best way to add mockup to your image.


If you are using a jpeg file you can use Canva, photoshop, or any online photo editor. If you have a silhouette you can use their software and add you design to a mockup right there in the same program.

Hi Diana! Depending on your comfort level, you can use a number of different resources to customize your mockups. I use Picmonkey as I find it very user friendly. If you’re more comfortable with how layers work you can also use Photoshop. I hope that helps!

If you use procreate, you can also use that to add your designs to jpeg mockups :slight_smile:


I sell JPEG mockups… so when a customer asks for the best, easiest, or free software; I recommend Canva!

In my opinion, Canva is very user friendly. They have free accounts or if you love it and want more features out of it you can upgrade to their pro account.

Here are the steps to create a finished marketing product:

  1. You upload the mockup file(s)
  2. Upload your design files or utilize Canva to create your designs
  3. Create a new design at whatever dimension you’re needing.
  4. Place the mockup file into new project
  5. Place PNG file on top of mockup
  6. Click the download button, top right of screen
  7. Download as JPEG or PNG and utilize to market your shirt or SVG designs.
1 Like

I actually sell psd files in my mockup shop that you can easily personalize with your product by placing your file into the smart object layer. I give away a few free stationery and frame mockups by signing up to my newsletter: aaad8ceffbfe987cdfcc37ef2c94969c
and I made a brief tutorial video on how to use my psd files
however I don’t know what kind of mockups your referring to

Hi Diana! I sell most of my mockups in JPG, PNG and PSD versions so customers can use them in different photo editing software. The easiest way is to place your design on top of the JPG and you’re good to go. Or you can use a PNG mockup file to be sure your design will fit precisely. :slight_smile:

My favorite free software recommendation is 40bebc93fc4c60de9b1f6520bee93e2f.
Here’s a tutorial on my blog on how to use PNG mockups in Canva: 4445fbfb5aa758f40d066306b28fcf58

Thank you for this! This is exactly the help I needed!

1 Like

You are SO welcome! Cheers to your success :clinking_glasses:

I use affinity designer and also affinity photo