Photoshop issue - How can I mask multiple vector shapes?

Design & UX
1

Hello,

I am creating a logo in Photoshop which will have rows of horizontal lines that form the shape of a hexagon.

This is what part of the logo will look like:


I used the Vector Shapes tool to create the lines. I want to use a mask shaped as a hexagon to cover the edges of the lines.

Here is how I created the hexagon mask:

  1. New layer
  2. Polygon tool
  3. Changed the setting to Paths
  4. Created the hexagon
  5. Went to Layer > Vector Mask > Current Path.

After I created the mask I tried to see if I could copy and paste the lines (still vector shapes) into the blank area of the mask, but when this happened the lines were converted from vector to raster form.

What is the best way to mask multiple vector shapes without changing them into rasterized images?

Here are the screenshots:

Before:

1208×905 34 KB


After:

1208×905 35.3 KB


Thanks for the assistance.

2

Hey there!

You could actually apply a mask onto a whole group of layers, not just onto layers themselves.

That would save you needing to rasterise your lines; Group them and apply the mask to the group.

3

Row of vector lines:

Grouped:

Vector Shape to be used as mask:

Changed to white to make it easier to see:

Group of lines right-clicked and changed to ‘Smart Object’:

Vector Shape to be used as mask moved below the Smart Object:

Smart Object right-clicked and turned into Clipping Mask:

White background hidden and Vector Shape turned red, to make it easier to see: