This is the icon I'm going to detail, by request. Done in Photoshop 7.0
This is my first tutorial, so I hope I don't confuse:
Original cap used for this icon:
This picture was originally much bigger, and was provided by: numerocinco
I cropped the pic with these settings:Width: 100pxHeight: 100pxResolution: 72
Resulting in this:
Duplicate the layer and set the new layer to Screen at 100%
Go to Filter > Sharpen > Sharpen
Duplicate again, and set that layer to Screen at 100%
Duplicate again, Go to Image > Adjustments > Channel mixer.
Check the monochrome box at bottom left (make sure Output Channel is on Reds) and click OK
This gives the black and white more contrast, instead of the duller Desaturate. (IMO)
This is what we look like at present:
Now I'm going to add a texture Texture Here
Set to Overlay
Duplicate that Texture layer and change mode back to Normal. (stay with me here)
I'm going to the First layer of Claire, (the background layer) and double click on the padlock on the right. This promotes the background layer, to a new layer. Layer 0
Then I'm going to move the duplicate of the texture layer, below Layer 0. The texture layer is Normal layer mode and it's now the bottom layer. This is what the layers should look like:
Now I duplicated the monochrome screen layer, and moved it above the texture 100%
I duplicated that layer, and set this one to Soft Light 100%
Now. Everything is a little bright for my taste, so I burned the LAST colored screen layer with a small feathered brush on 54%, to darken a little, and give a little contrast. I also applied a little burn to the soft light layer as well. See the layers as they stand now, for Layer confirmations.
I then duplicated the Texture layer again, and moved it to the top of our layers, and set it to Multiply 100%
Now I go to the bottom of my layers pallette and click on Create New Fill or Adjustment Layer, and select Solid Color.
And set the color to: #0D2251
and set the layer to Exclusion. Opacity: 77%
Now I duplicated the ORIGINAL Monochrome layer, move it to the top (over everything else) and set it to Overlay at 100%
Masking. What I did next, was mask out the background of the original screen cap, on ALL of the Claire layers. Here's a quick tutorial on how to mask in photoshop, if you need it. Masking Tutorial
We are doing this so our texture at the very bottom shows through, instead of the jungle. :)
I then took some brushes from : inxsomniax
or Insomniac http://hybrid-genesis.com
(Brush set is called insomniac_scriptcracks1) and used the burn tool on the top two Texture layers only. Randomly, for a slight bit of darkness.
OK. This is what we have so far:
Now to get that "layered 3D look"
I Saved the .psd file, then went to LAYERS> Flatten Image
Duplicated the layer, and set it to Overlay 100%
Went to IMAGE > ADJUSTMENTS > Hue / Saturation>
Decreased the Saturation until I felt it still had a nice skin color.
In between the Background Layer, and the top layer, I created a new layer.
Then go to IMAGE > ROTATE CANVAS > Rotate 90(degrees) CCW
Then I used this brush in Black :
from this set: http://www.livejournal.com/community/freak_icons/5509.html
(second set on page) Thanks to: freak_icons
I messed around with the brush until I was happy with the placement.
Then IMAGE > ROTATE CANVAS >Rotate 90(degrees) CW (should be right side up again)
Then I stretched the right edge of the brush over some to cover the icon.
Erased at a lower opacity with a soft feathered round brush. so the change of color wasn't extreme.
Then Duplicated the brush layer, and lowered the opacity down to 15% so that the shadowed part was darker...but not the part on Claire.
Then I went to the Original (color) layer, and smudged the rest of her arm from the shadowed part of the picture. And then did the same with the top layer.
Looked like this before:
And this after:
Then added the text.
"The" was in 5 pt Arial Color: Dark Gray. Bold, All Caps, antialias: Smooth, Layer Mode: Hard Light
"Key" was 18pt Scriptina Color: Black. Bold, Antialias: Smooth, Layer Mode: Overlay
Duplicated Key Layer. Reduced Opacity to 50%
Please feel free to tell me to NEVER do an icon tutorial again!
Thanks for reading.