Icon Tutorial 1

Oct 25, 2005 10:45

I'm going to show you how to make this icon.

This is the picture I start out with:



This of course is too large, so I resize it to 200px high.



I open a canvas of 100*100 and put the image on it, moving it around until I get my base. This is what I choose:


Then I merge visible. Then i duplicate the base layer and set it to screen. This is what I got:


I duplicate and set to screen again and this is what I have:


I duplicate a 3rd time set to screen. This one I desaturate. This is the result:


I duplicate again and desaturate the icon, setting it to screen with an opacity of 50%. I only do this if the icon turns dark when adding the coloring. here is what that layer looks like:


Then I duplicate the layer 1 more time and set to soft light. Then I desaturate it to 50%. This is the result:


Now for the coloring...

I set the following gradient by crumblingwalls to soft light. Depending on my mood, I try different settings, but for the look, I'm using soft light



I set the following gradient to color burn. I adjusted the gradient by using the hue/saturation/lightness feature. I adjust the opacity so it isn't overpowering. This is the results:




Then I take another gradient and adjust the hue/saturation/lightness and set it to overlay. Here is the gradient and result:



I take and write text in Century Gothic or Times or Arial in a font size of 1-2px and type in whatever. Sometimes I just use premade text brushes. I stamp them in the middle and then move them around the canvas. This is the end result:


Please credit if you use this tutorial
Previous post Next post
Up