I've searched and searched, but I'm looking to find a tutorial on how to make the outside border of the Settings app icon in iOS. Or the whole icon, I like the effect.

  • First google result for "ios settings icon tutorial" is vector.tutsplus.com/tutorials/icon-design/… Have you tried this tutorial? Granted, it's an Illustrator tutorial, but the steps are fairly similar in photoshop.
    – Farray
    Feb 23, 2012 at 16:40
  • I tried that, I tried every combination of keywords on google, and none of them were what I was looking for Feb 24, 2012 at 4:13
  • Can you please update your question with what you have tried already and why it didn't work? Your question is extremely vague...
    – Farray
    Feb 24, 2012 at 4:15
  • Like the settings app on the iPhone and iPad, I wanna replicate the border around it. Feb 24, 2012 at 4:19
  • Post an example image if possible
    – Jack
    Feb 24, 2012 at 6:35

1 Answer 1


All you really need is a Layer Style stroke to create the border.

Set the stroke to a gradient under Fill Type, pick a good grey and white gradient... then adjust the stroke width to control the size of the border.

gradient border

  • You are the man! That is what i've been looking for, i didn't think it would be that simple. Thanks! Feb 26, 2012 at 5:37

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.