Procreate Tutorial: How to Use Mockups. No need to move to another program. You can use the magic of mockups within the Procreate App!
Procreate Tutorial: How to Use Mockups
If you’re not familiar with mockups, they’re a handy and time-saving way to show off your work!
You just overlay your lettering or design on a mockup photo to show how it would look on a product (like a coffee mug) or even just to display it within a gorgeous picture to share on social media, which is what we’ll do in this post.
I used a styled iPad mockup by Haute Stock to create the image below by overlaying a Procreate screenshot on the iPad. Two minutes to a professional photo that I can use as my featured image for this blog post.
Here’s what you’ll need for this Procreate Tutorial:
- iPad + Apple Pencil. I work on a 12.9″.
- Procreate App
- Mockup Photo (I’m using one I styled and photographed myself for this tutorial.)
Where to get mockup photos:
- NEW in 2020! I’ve added mockups designed with lettering artist in mind to the shop. Check them out right here.
- I have some free mockups on the blog. You can check those out here.
- While I love to style and create mockups, I also purchase a lot of mockups from Creative Market.
Now, let’s get into how to use mockups in Procreate!
I broke it down step-by-step. Once you do it once or twice, you’ll fly through these steps.
Step One
Open your Procreate App on your iPad Pro. Click the + symbol in the top right corner and open a new canvas. For this tutorial, I’m prepping an Instagram photo, so I did a square. For, IG make sure it’s at least 1080×1080. I have a 1200×1200 one set; you can see where you can choose to Create Custom Size in the screenshot below.
Step Two
Save your mockup photo to your iPad however you like (AirDrop, Files, Dropbox, etc.). Now, we want to add our mockup photo onto our canvas. On the top left of the screen select the wrench tool and insert a photo. From the pop-up window, choose your mockup photo from wherever you saved it.
Adjust the size of the photo to fit the canvas if necessary. You can see that the photo is on a new layer.
Step Four
You could create a new layer and letter right on your mockup, but I’m going to show you how to bring in some lettering from another canvas.
From the main Procreate page, open the canvas with the lettering you want to place on the mockup. With the lettering layer(s) selected, tap the wrench tool and select copy.
Step Five
Go back to the canvas with your mockup. Tap the wrench tool again and select paste.
Your lettering is now on a new layer.
Again, you may need to re-size it to fit the mockup, using the selection tool (the arrow). Make sure at the bottom of the screen, to select the magnetic option, so your lettering isn’t distorted when you resize it.
And, there you have!
Adding a Watermark
Let’s take it one step further and add a logo to the corner. I used my logo for the mockup, so I’m just going to use it again for the watermark.
Bring your logo in using either the “import a photo” method or the “cut” and “paste” method from another Procreate canvas. Size it to fit in the corner of your canvas. Select the layer your logo is on and tap the N to adjust the opacity.
Exporting Your Photo
From the main Procreate screen, swipe left on the canvas you want to export. Tap share and export in the desired format.
And now the mockup featuring your work is ready to share on Instagram or wherever you choose!
I hope you found this Procreate Tutorial on How to Use Mockups helpful and fun!
NEW MOCKUPS IN THE SHOP!
XOXO iPad Mockups. Click the photo below to see them in the shop.
Get More Procreate Tutorials
Just click the image below!
LET’S CONNECT
Facebook // Pinterest // Instagram // Shop
Hi Dawn, I love what you do soo much. I’m sooo glad that I follow your work and I am working hard at trying to be really good. My computer is very old so I cannot do some of your tutorials but I can follow what you are doing, which is very helpful!!!! Thank you again for your hard work for people like me ?? I have always loved to draw and paint, so this is really awesome!!!!! ?? Sue ?
Love this and all of your tutorials! Do you have any advice for when the mockup has something like “Your Design Here” in it? How do I get rid of that? Hopefully that’s not a silly question… 😉
Hi Margaret! The “your design here” is typically just used on promo images. When you download the actual mockup, it will not contain that text. 🙂