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

  • wouldnt this eliminate the vector nature on print? – joojaa Aug 19 '14 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 '14 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 '14 at 14:42

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.