---
title: "Mockup with mask | Customer's Canvas Hub"
canonical: "https://customerscanvas.com/docs/hub/designers-manual/mockups/pim-mockups/preview-thumbnail/mockup-with-mask/"
---

# Mockup with mask

> You can add a vector mask in a mockup. The mask allows you to hide a part of a design.

Your design may take different forms: round, rhomb, and so on. When you display such a design on a mockup, you need to hide unused areas. You can crop them with a vector mask. 

In this article, you will learn how to hide a part of your design with a *vector mask*.

Let's see the example. This is a wine bottle mockup, where you display a wine label. This label is a rhomb, and you need to hide white areas.

This is how such a mockup looks without or with a vector mask.

![A mockup with or without a vector mask. ](images/mockups-vector-mask.png)

## Creating a shape

To create a vector mask, use the **Pen** tool. Make sure that you select `Shape` mode in the drop-down box. Draw the shape exactly along the part of your design that you want to create visible.

![Creating a shape.](images/mockups-vector-mask-creating-path.png)

## Creating a vector mask

To create a vector mask, do these actions:

1. Make sure that you have selected the layer with the created shape.
2. Go to the **Path** tab.
3. Double-click the path and save this path with a new name. For example, `Shape`.
4. Select the **Shape** path.

![Saving a path.](images/mockups-vector-mask-path.png)

5. Now, go back to the **Layers** tab and select the layer with your smart object.
6. Click **Layer** > **Vector mask** > **Current path**.

![Creating a vector mask.](images/mockups-vector-mask-creating-mask.png)

7. Come back to the **Layers** tab and delete the layer with the vector shape.

This is how a mockup with a vector mask may look.

![Ready vector mask.](images/mockups-vector-mask-ready.png)