How to achieve a chevron color mask effect in Photoshop?

I was browsing the Strava challenges page and noticed the following design:

enter image description here

I like the way the chevron design has a color masking effect on the circles.

I imagine illustrator would be a better software choice due to its superior vector tools, but how would one achieve this effect in Photoshop?


There are many ways, but I might use Clipping mask to mask out everything that is outside the circles.

I made one arrow and duplicated it. I also Linked the arrows, so that they can be moved freely, as shown in the gif below.

Yellow arrow is in a clipping mask with Circle - RED and Red arrow is in clipping mask with Circle - BLACK.

enter image description here
enter image description here

enter image description here

Source : Link , Question Author : harryg , Answer Author : Joonas

Leave a Comment