1

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 '12 at 16:40
  • I tried that, I tried every combination of keywords on google, and none of them were what I was looking for – Tyler Helton Feb 24 '12 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 '12 at 4:15
  • Like the settings app on the iPhone and iPad, I wanna replicate the border around it. – Tyler Helton Feb 24 '12 at 4:19
  • Post an example image if possible – Jack Feb 24 '12 at 6:35
2

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! – Tyler Helton Feb 26 '12 at 5:37

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

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