Skip to main content

Mockup with mask

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.

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.

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.

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

Creating a vector mask.

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

Was this page helpful?