Log in

No account? Create an account
Full Icon Tutorial PS7 
16th-Dec-2004 04:18 pm
Farscape: All is right
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: 100px
Height: 100px
Resolution: 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.

20th-Dec-2004 02:05 pm (UTC)
I tried to get through the whole thing but ran into some hick-ups around the end. I don't think I'm that versed in the lingo quiet yet, but I got very far! And I leared enough to play around with this icon. :) Thank you!
20th-Dec-2004 06:19 pm (UTC)

But if you want to let me know what kind of problems you had, I would be glad to help out.
20th-Dec-2004 09:39 pm (UTC)
Thank you bunny! I am going to try it again, I was fine until I got to the masking. I remember the reason for Masking, but I could not figure out the mechanics of it.
23rd-Dec-2004 07:31 pm (UTC)
Sorry for the delay. It's been a bit nuts.

Did the link for the masking not help any, or remind you of the stuff we went over?

I KNEW we should have spent some more time in PS
24th-Dec-2004 01:21 am (UTC)
Oh, it's perfectly fine! I know you guys have been busy with all the snow over there.

I tried the link but they were talking words I did not understand. I know, I'm slow sometimes. Definately should have spent more PS time, 'cause hands on is definately the way to learn.
27th-Jan-2005 02:39 am (UTC) - can you help me
I love what you've done with explaining this, only when i come to the Channel mixer, i can get the Output Channel only on gray, do you know how i can fix that?

Thank you,
Greets Daisy
27th-Jan-2005 10:35 am (UTC) - Re: can you help me

Thanks for the compliment.

When you click the Monochrome button in the Channel Mixer...it changes to Gray. So for this tutorial, that's what you want. You want it to say Reds, BEFORE you click Monochrome. Gray AFTER

I hope I understood the question, and answered it enough to help out.
29th-Jan-2005 02:34 am (UTC) - can you help me
Thanx, your the best

Grets Daisy
This page was loaded Apr 22nd 2019, 7:56 pm GMT.