Im trying to replicate this border button effect (the gradients, fill color and shadows; forget about the icon) but I don't know where to start

enter image description here

Can you give me a way to replicate it straight away or some advices?

Sorry about the quality

Thanks in advance!

1 Answer 1


Bottom layer has a linear gradient fill, from lighter blue to darker blue.

Top layer is an ellipse shape layer filled orange, with a Stroke Layer Style added. See Layer Style settings blow.

enter image description here Click on image to see in more detail

I can't really tell if there are any other details since the image you posted is such poor quality.

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.