I'm creating an iOS app and have a couple custom icons for my navigation bar. The first one is a plus sign and that came out pretty well. I also have a refresh icon and it's not as sharp as the plus sign. Obviously having a circular shape and having to do anti-aliasing play into this somewhat but I feel like the refresh icon should be way sharper than it is.
I'm not an expert in Photoshop or graphic design so I'm looking for tips on how to get the refresh icon to be a little clearer and crisper. Here's how I went about creating it:
1) Started with background elements in Photoshop 2) Found refresh icon I liked that had royalty free licensing. 3) Took icon that was in .png format and imported it into Photoshop. 4) Did color replace of icon from original gray to current white using the color replace tool. 5) Saved out the white refresh icon to .png file. 6) When back to my other Photoshop document (with background, etc) and did a 'File' -> 'Place' and placed the white refresh .png into the document. Did not resize at all. 7) Added identical stroke effect to refresh icon as the plus sign icon.
I know there's got to be a better way to do this to get a better result. Do I just have to bite the bullet and go to Illustrator and try to draw my own? I don't have a vector representation of that icon I found - only Photoshop and .png.
Any tips would be much appreciated. Attached is the screenshot of the navigation bar with both icons.