Procreate Tutorial: How to Use Mockups

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 Pro + Apple Pencil. I work on a 12.9″.
• Procreate App
• Apple Pencil
• Mockup Photo (I’m using this one)

Where to get mockup photos:

• I have a bunch of them in my $1 Deals section!
• I also have a good deal of free mockups. 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!

Get More Procreate Tutorials

Just click the image below!

LET’S CONNECT

Facebook // Pinterest // Instagram // Shop