Unlimited Downloads 15% off Marketplace Purchases Exclusive Software Access Unlimited Downloads
15% off Marketplace Purchases
Exclusive Software Access
Go Unlimited Maybe Later
How to Use Clipping Masks in DesignScape
  • By Nadine Spires
  • 08 Dec 2021
  • 8 Mins
  • DesignScape

How to Use Clipping Masks in DesignScape

Learn how to use Clipping Masks in DesignScape, the online editor from Design Bundles.

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

If you are not a Gold Plus Member yet, why not give our free 30 Day Trial of the Gold Plus Membershipa try today! Let us jump right in and get started.

How to Use Clipping Masks in DesignScape 15

We will make use of this gold digital paper and a fun chunky font called Garbanzo. You can either begin by starting a new project or opening the file that you want to use.

Step 1 - Use the Shape Tool

In DesignScape, we opened the file we wanted to use. The design we chose is number six in the row but any design will work great.

How to Use Clipping Masks in DesignScape 15

Next, we are going to create a shape. Click and hold your mouse over the shape tool to open the menu options and select the Polygon or any other shape you want.

Click + drag out the shape. It will automatically fill with red. You can change this color at the top toolbar but it’s not necessary. We changed it to a grey to be a little less harsh on the eyes.

How to Use Clipping Masks in DesignScape 15

Now, before we move onto the next step, we need to move the Polygon layer beneath the Background layer. This will place the polygon behind the background.

How to Use Clipping Masks in DesignScape 15

Step 2 - Create a Clipping Mask

To create a clipping mask, all you need to do is right click on the Background layer in the Layers panel, then select Clipping Mask.

How to Use Clipping Masks in DesignScape 15

The background will be masked to the shape of the polygon.

How to Use Clipping Masks in DesignScape 15

This non-destructive way of clipping a shape to the background means both can still be edited. To change the position or size of the shape, in this case the polygon, click the layer to select it.

We need to click on the Move Tool and make sure that the Transform controls box is ticked.

Next, click + drag to reposition or click + drag a corner in or out to change the size as needed. To rotate, hover your mouse over a corner handle until it changes to a curved double sided arrow. Then click + drag until you have rotated the design as you want.

How to Use Clipping Masks in DesignScape 15

The background can be adjusted in the same way. Click on the layer to select it then adjust by repositioning and/or resizing as needed.

How to Use Clipping Masks in DesignScape 15

Keep adjusting both layers until you are happy with them.

Step 3 - Add Text to the Clipping mask

You can add further design elements such as text, which is what we are going to do. We have already uploaded our font to DesignScape.

Now, click on the Text Tool (T) on the left side panel. To add text, click + drag out a text box. Before typing your text, go to the Font option top left toolbar. Click the drop down menu to select your font and size, then start typing.

How to Use Clipping Masks in DesignScape 15

Edit your text as needed by changing the size, position and color. We have a great tutorial on how to change leading to get you started. We adjusted our text and changed the color with the color picker on the top toolbar.

How to Use Clipping Masks in DesignScape 15

To complete our design, we also created an offset stroke for the text. We then selected both text layers, clicked on Layer > Rasterize.

Rasterizing the layers will allow us to manipulate them further like aligning more accurately with the background.

How to Use Clipping Masks in DesignScape 15

Select all of the layers by clicking the bottom layer then holding Shift + clicking the top most layer. Now you can click on the Center Horizontally and Center Vertically tools.

How to Use Clipping Masks in DesignScape 15

When you are completely done with your design, the final step is to export the file in DesignScape. Go to File > Export as > PNG.

Here is what our final design looks like.

How to Use Clipping Masks in DesignScape 15

There you go! Well done on learning how to use clipping masks in DesignScape. Designs can be created using different shapes to achieve personalized and professional results. Why not add your design quickly and easily to a smart object mockup? Explore and learn so much more about the extensive editing capabilities that DesignScape has to offer.


6 Related DesignScape Tutorials

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

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

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

Maybe you know what a clipping mask is, but you’re a little unsure about layer masks. Layer masks are used to edit and conceal parts of a layer non-destructively. In this tutorial, you’ll learn about the basics of using a layer mask, and then we’ll show you ...

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

There are over one hundred fun masks available in Pixascape, and in this tutorial, we're going to show you how to use them. You can use masks in Pixascape to hide or blur parts of your photo and add some color.Edit your photos using the Pixascape software that comes ...

You may also like

Help Center
ol image