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.
- Blend multiple shapes, sizes and styles of gradient on a single shape
- Add a stroke
NOTE: I realized after recording this that the only reason you’d make a duplicate layer to set a stroke, as I did, would be if you already had a smaller stroke on the object. I’ve added this in to the PSD download to show how multiple strokes can be added using this method. Having the stroke on the main layer would cover the “halo/fringe” effect described in the screencast, eliminating the need to set the fatter stroke to ‘Center’. D’oh!
- Knock out inner layer effects using a stroke set to 0% opacity.
Recorded, edited and uploaded with Screenflow.
Download the finished Photoshop document that was made in this screencast (includes the extra Stroke, as described in the note above).
Related topic from flyosity.com, learn to make these icons: