Icon Tutorial #3 + Icon Gradients

Jan 09, 2006 20:49


Requested by kateheightmeyer
My third icon tutorial. A tutorial all about coloring.

I don't use Photoshop or PSP. I work with Corel Photo-Paint. But you should be able to do this with PS or PSP. All brushes I used in this icon are made by inxsomniax, all gradients are made by myself.

We'll make this icon:




from this picture: (New-Atlantis.net)


Crop and resize to 100x100

Sharpen it - Edge level (%): 25; Threshold: 15

Duplicate it until you have 3 layers with the following blend mods:

Layer 1: normal
Layer 2: screen
Layer 3: soft light

Desaturate Layer 3 Image --> Adjust --> Desaturate

Merge layers


That's our base.

Layer 1: duplicate the base, desaturate it and set it to soft light



Layer 2: add a new layer and fill it with a pale yellow color, set it to multiply


-->

Layer 3: add a new layer with this gradient and set it to soft light


-->

Layer 4: add a black one pixel border



Layer 5: add the gradient again, set to screen


-->

Layer 6: add some brushes (jpg.files - set to mulitply, opacity 22%)



Layer 7: add another gradient, set it to soft light


-->

Layer 8: and a gradient again, set to saturation -> opacity 22%


-->

Done!

And I've got something else for you. The gradients I use to make my icons are always made by myself.
I've made a zip.file with all gradients (jpg.files) I've made for my last icon batch.

Icon Gradients

Please tell me if it's useful.

.

sga icons, gradients, tutorial, resources, requests

Previous post Next post
Up