I have to do a circle like this: enter image description here

But i've a problem.. in photoshop there is this effect: enter image description here

BUT IT'S DIFFERENT! I need an effect to combine colors, not separated colors.

Is this possible? Thanks

  • Make the gradient linear
    – AndrewH
    Commented Sep 11, 2016 at 16:34
  • @AndrewH why not make this an answer? Commented Sep 12, 2016 at 22:30

2 Answers 2


As the others stated - make a ring and fill it with a linear gradient.

  • Create an ellipse with the Ellipse Tool (U)

enter image description here

  • Using the Path Selection Tool (A), click on your ellipse and copy it
  • Use Past in Place (CMD+Shift+V) to place the copied circle onto your initial one and then use Free Transform (CMD+T) to shrink the copied circle down. Make sure to hold SHIFT+ALT while you do!
  • With your new, smaller ellipse still selected, click on Subtract From Shape in the Properties Panel (Window > Properties)

enter image description here

  • Apply a linear gradient to your new ring

enter image description here


This image was created with a different technique. Notice that the gradient is linear and the circle has sharp edges.

Off the top, the easiest way I can think of to recreate this is to create a vector circle and fill it with a linear gradient.

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.