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?

1 Answer 1


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, 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

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

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