Graphic Design Stack Exchange is a question and answer site for Graphic Design professionals, students, and enthusiasts. It's 100% free, no registration required.

Sign up
Here's how it works:
  1. Anybody can ask a question
  2. Anybody can answer
  3. The best answers are voted up and rise to the top

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?

share|improve this question
up vote 5 down vote accepted

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

share|improve this answer
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
@joojaa Well it depends. It's as vector as shapes get in photoshop. If you'd save that file as pdf, it would be scalabe. However, if you'd open the pdf in illustrator, you'd notice that every single path is an actual vector path, but the path forms a clipping mask which contains a raster color fill. – Joonas Aug 19 '14 at 14:40
@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 posting your answer, you agree to the privacy policy and terms of service.

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