Unlimited Downloads 15% off Marketplace Purchases Exclusive Software Access Unlimited Downloads
15% off Marketplace Purchases
Exclusive Software Access
Start your Free Trial Start your Free Trial Maybe Later
How to Use Clipping Mask in Procreate
  • By Design Bundles
  • 6 Mins
  • Procreate Tutorials

How to Use Clipping Mask in Procreate

Create a new layer above your mask to use clipping masks in Procreate.

A clipping mask is a mask applied to several layers. The bottom layer defines the rest of the layers. Depending upon what is in your layers, each layer will be affected differently.

In this tutorial, you will learn how to use the Clipping Mask function in Procreate.We will be using text and a design. You will learn how to use the Clipping Mask function with each element.

Before getting started, make sure you have already added your fonts to Procreate.

Step 1 - Type out your text

I have used the Sunkissed font for this tutorial.

Procreate keyboard - fontbundles.net

Once typed, you can click anywhere on the screen for the tab to disappear and deselect your text.

deselecting in procreate - fontbundles.net

Step 2 - Resize your text  

Resize your image by making sure the “cursor” is highlighted in blue. Then drag your text from the corner to resize. Once done resizing, select the “cursor” again todeselect it.

resizing in procreate - fontbundles.net

There are different ways of using aclipping mask.With text and with designs is what we will focus on in this tutorial. Let's first start with using Clipping Masks and text.

Use a Clipping Mask with text 

Step 1 - Create a new layer

Do this by selecting the layers image in the top right corner. Here you select the Plus (+)sign to add another layer.

adding layers in procreate - fontbundles.net

Step 2 - Select clipping mask 

Select the new layer and tap the layer to see your options. Here you should see an option for a clipping mask. Select the clipping mask option. You will see a downward arrow on that layer.

using clipping mask in procreate - fontbundles.net

Step 3 - Select clipping mask layer and draw 

Select the clipping mask layer and proceed to draw in that layer with your selected brush and color. This will allow you to only draw on the lines or design of the bottom layer underneath all of the clipping masks.

You can add as many layers as you would like and make them clipping mask layers. They will all affect the bottom layer underneath all of the clipping masks. Here I am using the Procreate Brush “Alcohol Ink.”

drawing on a clipping mask layer in procreate - fontbundles.net

You can add a new layer, and you will see that it's still clipping to the font layer because of the small downwards arrow on the layer.

adding clipping mask layers in procreate - fontbundles.net

Use clipping masks with designs

Step 1- Select the "wrench"

using the wrench tool in procreate - fontbundles.net

Step 2- Insert a file 

Select "Add" then click "insert file".

inserting a file in procreate - fontbundles.net

Step 3- Select your file

Here we will be using the pattern from Font Bundles called "Patriotic Papers." We will insert a stars pattern into our text. Select your file and select the digital pattern you would like to use.

selecting a file for procreate - fontbundles.net

Step 4- Resize your image 

Your pattern should already be selected when it is added to your layer. Drag the edges to cover your entire text.

deselecting in procreate - fontbundles.net

Deselect the image by selecting the selector tool in the top left corner that looks like an arrow.

Step 5- Make it a clipping mask 

Select the layers option in the top right corner.Select the pattern layer and then click clipping mask.

creating clipping mask layer in procreate - fontbundles.net

Your pattern is now clipping to the layer beneath it.

order of layers for clipping mask in procreate - fontbundles.net

Remember clipping masks can be used with text or any kind of shape/drawing.

Next up, learn how to align objects and how to drawdrop shadow lettering in Procreate.


6 Related Procreate Tutorials

In this tutorial, you will learn how to make a clipping mask in Illustrator. Creating and using clipping masks in Illustrator is very useful as it's a non-destructive method of editing. We will go over how to make, edit, and release a clipping mask.If you’d like to follow ...

Today, we have a great tutorial showing you how to use clipping masks in DesignScape. Clipping masks are a non-destructive way of revealing parts of a layer in a design. DesignScape is a browser based software available to Gold Plus Members. It is an excellent editing alternative to Photoshop and ...

In today’s tutorial you will learn how to use clipping masks in Affinity Photo. A clipping mask uses one layer to control the visibility of another. Clipping masks are great for confining an image to a shape such as a frame. Text can also be filled with textures, images ...

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 ...

Clipping Masks in Affinity Designer are clipped to the boundaries of the parent layer. These masks can be something like a photo clipped to a text layer. The photo then takes the shape of the text non-destructively. In this tutorial you will learn how to use Clipping Masks with photos ...

Affinity Designer contains various options for layering images or vector shapes quickly and efficiently. Clipping Masks are a non-destructive way of layering while still being able to edit each layer independently. To create a clipping mask, click and drag one layer onto another layer.The process of creating a clipping ...

You may also like

ol image