2 Icon Tutorials for Photoshop CS2
How to go from this to 
This is just showing a technique. Please dont copy it exactly
Crop your pic like this (PSD doesnt let you recreate this, so this wont be exact)

Next, duplicate the base, set it screen. duplicate it again, gaussian blur at 2.3 px, desaturate and set to soft light. Duplicate it again.

New Layer, and take this gradient
, and set it to soft light 73%.

New layer, then this gradient
set to colour 22%.

Next take this light texture
, made by me and set it to screen 100%.

Next, take this tiny text brush
, also by me, in white.

And youre done!
All things that werent credited here, are in my resource page. Its jsut hard to keep track of gradients.
How to go from this to
This is just a technique. Please dont copy it exactly. I dont wanna see other versions of this running around ;)
Crop your base like this
Take this texture
cropped from a larger texture from here and set to Hard light 75%

Next, duplcate your base,bring it to the top and set it soft light 47%.

I took a texture and set it to screen 100%. Now I think I might of made it, but Im not sure... I erased part of it from his face with a soft brush.

Then I took this texture
by (i think)
dearest and set it to colour 49%.

Then I too this texture
, erased a bit off his face with a soft brush (again) and set it to Hard light 100%.

Next I used this brush in black 100%.
I used Royal Gothic, in black 53 px. Dragged it to be under the box. Go back to the box layer and use the magic wand to select the inside of the box. Go to the X layer, rasterize it, and delete the parts inside the box.

Then I went back to my orignal image, cropped it around his eye, desaturated it, duplicated it 3 times and set them in order from the top, soft light,screen,screen and normal.
and youre done!

Id love to see what you do with this.
Anything that wasnt credited in this, was credited in my resources probably,I just forgot who exactly ^^;

This is just showing a technique. Please dont copy it exactly
Crop your pic like this (PSD doesnt let you recreate this, so this wont be exact)

Next, duplicate the base, set it screen. duplicate it again, gaussian blur at 2.3 px, desaturate and set to soft light. Duplicate it again.

New Layer, and take this gradient
, and set it to soft light 73%.
New layer, then this gradient

set to colour 22%.

Next take this light texture
, made by me and set it to screen 100%.
Next, take this tiny text brush
, also by me, in white. 
And youre done!
All things that werent credited here, are in my resource page. Its jsut hard to keep track of gradients.
How to go from this to

This is just a technique. Please dont copy it exactly. I dont wanna see other versions of this running around ;)
Crop your base like this

Take this texture
cropped from a larger texture from here and set to Hard light 75%
Next, duplcate your base,bring it to the top and set it soft light 47%.

I took a texture and set it to screen 100%. Now I think I might of made it, but Im not sure... I erased part of it from his face with a soft brush.

Then I took this texture
by (i think)
dearest and set it to colour 49%.
Then I too this texture
, erased a bit off his face with a soft brush (again) and set it to Hard light 100%.
Next I used this brush in black 100%.

I used Royal Gothic, in black 53 px. Dragged it to be under the box. Go back to the box layer and use the magic wand to select the inside of the box. Go to the X layer, rasterize it, and delete the parts inside the box.

Then I went back to my orignal image, cropped it around his eye, desaturated it, duplicated it 3 times and set them in order from the top, soft light,screen,screen and normal.
and youre done!

Id love to see what you do with this.
Anything that wasnt credited in this, was credited in my resources probably,I just forgot who exactly ^^;