Unlimited Downloads 15% off Marketplace Purchases Exclusive Software Access Unlimited Downloads
15% off Marketplace Purchases
Exclusive Software Access
Try Plus for Free Maybe Later
How to Use Craft Mockups in Procreate
  • By Design Bundles
  • 08 Jul 2021
  • 11 Mins
  • Procreate Tutorials

How to Use Craft Mockups in Procreate

A craft mockup is an excellent way of showcasing your designs in a realistic view on images without the need for complex software. Mockups give you the freedom to use your designs on several objects quickly and easily, saving you precious time. You can use your craft mockups on the go with just an iPad and Procreate.

In this tutorial, we’re going to show you how to use craft mockups in Procreate. All designs used in this tutorial are from the Huge SVG Bundle and PNG ready to add to your mockups.

Let’s get started by viewing the mockup and importing it to Procreate. Tap on the “Share” icon in the top right cornerand select Procreate from the list.We want to keep the original dimensions and quality of the craft mockup by importing the image into Procreate. Open the Procreate app and you will see your mockup automatically imported into your gallery.

Using a Shirt Mockup in Procreate

You can showcase your designs on clothing mockups like this Bella Canvas Mockup. The easiest craft mockups to work with have a flat surface you can place your design on with minimal editing. Let’s have a look at how to place a design and edit it to show the textures of the shirt through the design.

Step 1 - Add your design

In Procreate open the mockup image you imported. Tap on the wrench icon “Actions” in the top left corner of your toolbar.

In the Actions panel, select “Add” and choose the location your design is saved at. We saved our design in files so we chose “Insert a file”.

Import design for Mockup in Procreate

Step 2 - Select your design

Locate the design you want to use. In the Huge SVG Bundle, we’re going to go to inspirational quotes and select “The only person you should” PNG design… tap on it and it will automatically bring it into Procreate for you.

SVG Design for Mockup in Procreate

Step 3 - Resize your design

We need to reposition and resize our design so that it fits on our shirt mockup. Make sure “Uniform” is selected at the bottom to proportionally resize the design. Press and hold on to the blue dots or by pinching inwards with your fingers to make it smaller or bigger and move your design into place. Tap the “transformation” mouse pointer icon when you are done.

Resize image in Procreate

Step 4 - Color your design (Optional)

This step is optional if you want to add color to a design. We’re going to use our mockup image for color inspiration. We are going to press and hold with a finger onto a part of the image, you will see a color selector showing around the area that you’ve selected.

If you lift your finger you will see the color has been chosen in our color circle in the top right-hand corner. We are simply going to take our finger press on the color circle in the right-hand corner and drag it onto our design which will automatically color in an area of our design.

Recolor your design in Procreate

Step 5 - Adjusting the layer

To show the texture of your shirt on the design we’re going to go into the layers panel (stacked squares) on the top right side. On our design layer, we’re going to tap on the “N” to see our blend modes. Scroll down the list and select “Hard Light”.

Procreate Layer Blend Mode

That’s it, we’re done! To see how you can export your craft mockup go to the end of this tutorial.

Using the Warp Tool for Mockups

Craft mockups that use objects with a curved surface take a few extra adjustments with the warp tool to give your design a realistic look. We will use this Coffee Mug Mockup to give you an easy example to add a curved look to our design.

Step 1 - Add your design

Open your mockup in Procreate. Tap on the wrench icon (Actions) at the top left in your toolbar. Tap on “Add” and select where your design is saved. Our design is saved in our files so we chose “Insert from file”.

Import image in Procreate

Step 2 - Select your design

Locate and select the design that you want to use. In the Huge SVG Bundle, we’re going to go to the Unicorn Bundle PNG folder and select “Unicorn stay magical”. Once imported, resize your design following the same steps as before. Ensure that the sides of your design go a little past the mug (See image below).

Transform image in Procreate

Step 3 - Use Warp Transformation

Enable warp transformation and select “Advanced mesh”. Starting at the corners press and hold on to the blue dots and move them to the edges of the mug. Now to the same for the rest of your outer blue dots, following the shape of the mug.

Procreate Warp Tool For Mockups

Step 4 - Adjust the size

Select “Uniform” transform again at the bottom and scale down your design a bit so that the design isn’t against the edges of the mug.

Tap the “transformation” mouse pointer icon when you are done.

Procreate Uniform Image Sizing

Export and Save Your Mockup as an Image

To save your edited mockup as an image, tap on the “Actions” wrench icon on the top left of your toolbar. Tap on “Share” and select the format you want your image to be. We select “JPEG” as our image format.

Export Artwork in Procreate

Additional share options will pop up. Select where you want to share/save your image too. We select “Save image” this will save your craft mockup in your photos.

Save Mockup as Image in Procreate

You have successfully used Procreate to create craft mockups for your business, saving you tons of time!

If you liked this tutorial, make sure to check out our other guides on how to recolor in Procreate and how to create a dual brush.


6 Related Procreate Tutorials

You can easily create cool text effects in Procreate, such as intertwined text, by using layer masks. You can use this text effect when creating designs for logos, posters, greeting cards, etc.In this tutorial, we will be discussing how to use layer masks. Similar to clipping masks, using layer ...

You can create beautiful artwork with blended colors using the Smudge tool in Procreate. Make gradient color blends or add depth to your artwork using brushes made for blending. In this tutorial, I’ll show you different examples of blending brushes using this Procreate Blender Brush pack by Seamless Team....

Have you wondered how an SVG or sublimation design may look on a product before making it? Mockups are an easy way to test out different sizes or colors of a design. You can also use mockups to display your finished product and easily show customers the project possibilities.In ...

In our tutorial today we will show you how to use Smart Object mockups in DesignScape. As a Gold Plus Member, you have access to this online alternative to Photoshop and Illustrator. Mockups are an essential tool for designers to showcase their work and it’s super easy in DesignScape. ...

Mockups for Smart Objects can now be opened in Affinity Photo V1.8 and later. By clicking on the selected placements, you can edit these mockups quickly and easily. For designers, mockups are an essential tool for showcasing their work to clients. We will show you how Affinity Photo can use ...

Color Harmony is a simple but very effective tool in Procreate that helps you as an artist to quickly compose harmonious color palette schemes. This is a great way to create color palettes for each project that you take on. We have a full in-depth guide on creating and using ...

You may also like

Help Center
ol image