Icon Tutorial (made in Photoshop)
Comments are love.
Credits even more.
No hot-linking or alter icons
(I'm an tutorial-virgin, so please be gentle)
We're are going from
to
1. Crop your base to 100x100px
2. Duplicate base twice and set both layers to screen.
3. Add new layer, fill with #021C36 and set to exclusion.
4. Add new layer, fill with #A4E0F4 and set to color burn.
5. Add new layer, fill with #E1B7A0 and set to soft light.
6. Duplicate soft light layer
7. Duplicate base and bring to the top, sharpen and set it to soft light.
If you feel your icon is to blue or if the shadows are to dark you can do two things.
- Reduce the opacity of the color burn layer (step 4) or
- Bring the color burn layer (step 4) up in the layers palette.
Put it between or on top of the two soft light layers (step 5)
That's it!
Hope you will find it useful.
If something isn't clear, don't be shy to ask me!
Other icons made with this technique: