How To Add Graphics To Mockups Using PicMonkey

I am asked frequently on how to add a design to a mockup in PicMonkey. So today I am going to walk you through how to do that! But first, did you know, you can use many programs to make mockups such as silhouette, inkscape, photoshop, illustrator and that's just to name a few?! It's true, and I will be doing a blog post on those programs soon!

* This post contains affiliate/referral links for your convenience. I could make a commission at no charge to you if you purchase my recommended products. Read my full disclosure policy.

Now...if you are new to this, you may be asking yourself what is a mockup and why would I need mockups for my business. Mockups are to help show your customers what a finished product looks like before they purchase it. Save time and money by using mockups so you don't make products that may or may not sell. 

Before we get started you will need a PicMonkey account, a Design and a Mockup. You can use your own or check out Morgan Day Designs Here. Let's get started.

• Open PicMonkey, click "Create New" and then click "Computer" and find your mockup in your computer. If your files are saved in dropbox or google drive you can also choose one of those from the drop down menu.

• After the mockup background is open you will want to add your design in PNG format. Click "Add Image" and then click "Computer" and find your design in your computer.
• Note: Make sure the design you are using will show up on the mockup background. Since we are using the PNG file you will not be able to change the color of the design. If you need to change the color of the design that can easily be done by opening the SVG file in a program such as Silhouette or Inkscape and then save your file as a PNG. 

• Once your design is open you will notice that the image is really big. You'll want to scale down the design. You want the design to fit on the mockup background to make the mockup look realistic.

• In order to scale down the design you will want to click on the design to bring up the blue box around the design image, next click the corner of the design image and drag inward to shrink the design. Play around with it until you feel that it is the perfect size for your mockup background.
• Note: Don't hold down the shift key as you are scaling down the image or you will loose the original size portions.

• Now that you have resized your design image, you'll want to rotate the image to make the design look more realistic on the shirt. Click on the little circle at the top of the design image and rotate. 

• This next step is optional, but I like to fade the design a little to make the design look like it is actually a realistic shirt with the design physically applied on the shirt before the photo was taken of the finished product. I like to fade my design image between 8%-12%. You can play around with it and find what works best for you and the design your working with.

• Now you can add your logo, start by selecting "Add Image" and finding your logo in your computer. Or if you have PicMonkey Pro you can add your logo from your Brand Kit. Once your logo is open you can drag it and resize it however you like it on your mockup.

• Last you will need to save your finished mockup. Your mockup will automatically be saved in the "Hub" area of PicMonkey. I like to save mine as PNG files, but you can save them as JPEG files if you like. The file will be saved to your downloads folder automatically or you can change where you want the file to go such as your desktop.

• That's it! Super easy right?! Once you get the hang of it you'll be able to make finished mockups super fast! I hope this helps and if you have any questions please email me at pamela@morgandaydesigns.com or leave a comment here. 

Share the love, pin this post to your Pinterest Board.   ← click here

Leave a comment

Comments will be approved before showing up.

Also in Latest From The Blog