Discover how to create stunning photo manipulations in Photoshop. In this course, you'll learn everything from photographing models to creating dark conceptual artworks. If you enjoy our photo manipulation tutorials, you will absolutely love this course.
Select your all vector shapes, right click on one of it and go to Merge Shapes.
Click on the Layer Thumbnail Icon that stands for this vector shape and change the color to #F6F6F6.
Open the Layer Style window for the vector shape that makes up your horinzontal key and enter the settings mentioned in the next images.
Duplicate your horizontal key for 3 times using the Control + J keyboard shortcut and place the key copies as you can see in the first image.
To create a vertical key, simply select a key, hit Control + T and rotate it 90 degress.
If you want to change the key order, simply focus on your Layers panel, select your key and use the Control + [or Control + ] buttons from your keyboard shortcuts, as you can see in the second image.