How to achieve a chevron color mask effect in Photoshop?

Question

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?

Joonas · Accepted Answer · 2014-08-19 11:01:15Z

5

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

answered Aug 19, 2014 at 11:01

Joonas

15.4k2 gold badges33 silver badges55 bronze badges

wouldnt this eliminate the vector nature on print?
– joojaa
Aug 19, 2014 at 13:27
Thanks, even though you have uses raster shapes I find the same method can be used with vector shapes. Could you explain how you constructed the arrows? What's a good way of doing it with vectors?
– harryg
Aug 19, 2014 at 13:38
@harryg Harryg, The way I made the arrows is nearly identical to this answer. The only real difference being that I used Rectangle tool for the shape.
– Joonas
Aug 19, 2014 at 14:42

Add a comment |

1 Answer 1