My debut entry to the iDevBlogADay… phenomenon? Thanks to @mysterycoconut for setting this up and organizing it. We’re in excellent company. Check out the links in the sidebar for more iPhone dev goodness.
Helping iPhone developers hate using Photoshop a little less with simple tricks that make workflows more efficient. View the rest of the screencasts in the “Photoshop for Devs” series.
This screencast covers making your App Store icon in Photoshop (I’m using CS3):
- Using a template to start your icon right
- How to use vector layers and position them precisely
- Creating icons at each of the required sizes and what to watch for
- Using Smart Layers for resolution independent files
- Using a preview window when working on small icons
Please excuse the fan noise, and forgive the voice, I’ve had a cold. Head over to the YouTube page for the nice big HD version, if it’s hard to see.
Download the PSD files referenced in the video. But if you want the right corner radius for every size, check out this great template.
Thanks for the awesome video Mike! I always struggle when working in different resolutions, and this tutorial offers tons of useful tips that will certainly make future projects a lot easier
Great video, Mike! I just learned a bunch of stuff I didn't know, and I've been using PS for almost 10 years!
Thanks guys! Glad you found them helpful. Many conversations I've had with devs who do their own art have showed me that there are a lot of simple Ps tricks I can share that would make the process a lot more efficient and a lot less frustrating. So here we are! I hope future screencasts are as helpful.
[...] App Icon Design and Resolution Independence – which includes a template to quickly start your icon, how to use vector layers, creating icons of the right sizes, smart layers, and how to use the preview window when working on small icons. [...]