Icon Tutorial #3 + Icon Gradients (original) (raw)

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.

.