Turn any photo into a dot grid artwork with these Photoshop actions. You'll get great results with dots that change size. They get larger in brighter areas and smaller in darker areas. Free download available.
Focus on the Layers panel, select your existing vector shapes, right click on one of these shapes and click onMerge Shapes.
Pick the Path Selection Tool, click on your rectangle vector shape, focus on the top bar and go to Subtract Front Shape.
Select the Rectangle Tool, create a 50 x 14px vector shape and place it as you can see below.
Focuson the Layers panel, select the round vector shape and duplicate it using the Control + J keyboard shortcut. Make sure that this copy is selected, flip it horizontally using the Edit > Transform > Flip Horizontallycommand and then move to your canvas. Simply drag the shape made in this step to the left end of your rectangle exactly as shown in the following image.