Log in

No account? Create an account
30 January 2009 @ 11:17 pm
First Tutorial! (Icon Coloring Tutorial)  
Yay!! It's a Friday night and with not much to do, I just came up with my first tutorial!  It's nothing too fancy, just a simple (I hope) coloring tutorial.  I've always been disappointed that a lot of the tuts out there are for Photoshop and include Selective Color.  I've got Paint Shop Pro, so that's not an option. So, I've come up with this tutorial that should hopefully give similar coloring.  And I hope that it helps you guys who are like me and don't have PS.

Anyway, here's what we'll be making:


Icon of Sam Winchester from Supernatural episode 2x02: Everybody Loves a Clown
Made in PSP 8. 
Level: Easy/Moderate I guess (never have made one of these, lol)
Uses Levels, Channel Mixer, and Color Balance mostly.
Translatable: Should be!

1. Choose your pic, then crop and resize it (you can then sharpen if you like, but I like to wait until the end).

2. Duplicate the base layer and set it to Screen (100%).

3. Go to Layers > New Adjustment Layer > Levels.  Put in these values:

Input: 27, 1.38, 240
Output: 0, 248

Input: 17, 1.13, 244
Output: 0, 244

Input: 16, 1.12, 255
Output: 0, 249

4. Now comes the fun part. *g*  Go to Layers > Adjustment Layer > Channel Mixer.  Put in these values:

Output channel: Red
Red: +141
Green: -44
Blue: -6
Constant: 0

Output channel: Green
Red: -19
Green: +125
Blue: 0
Constant: 0

(Don't touch the Blue output channel)

5. Go to Layers > New Adjustment Layer > Color Balance.  Put in these values:

Midtones: 15, 7, 6
Shadows: -14, 2, 6
Highlights: -4, 4, 0

6. Go to Layers > New Adjustment Layer > Hue/Saturation/Lightness.  Up the Saturation to +15.

7. Merge all layers, sharpen if you like, and you're done!

Important Notes:
Of course this tut may not work the same for all caps.  If the caps you are using are quite dark, you might want to add another Screen layer after you duplicate the base (so that you have 2 Screen layers instead of 1).  You can leave it at 100% opacity or lower the opacity to 50% (or even more), depending on how dark your pic is.  For caps from season 3 where things are noticeably more colorful, you may find that you can skip step 6, or not up the Saturation so high.  In the second Dean icon below (from BDABR), I also upped the Hue +5 (on the Hue/Sat/Lightness level), as I found Dean's face was too reddish for my liking.  You can experiment as much as you like.  It's not necessary to follow this tutorial exactly.

Other icons made using this tutorial:

I hope you find this tutorial useful.  If you decide to use it, I'd love to see what you come up with! And if you have any questions or suggestions, please feel free to let me know.  (and if you like any of the icons above, you are more than welcome to take them. Just please give me credit for them. Thanks!)

Current Mood: creativecreative
(Deleted comment)
jessm78jessm78 on January 31st, 2009 08:19 pm (UTC)
*Fix these Broken Wings*: creativity448angel on January 31st, 2009 06:04 am (UTC)
Ooo thanks for this....I use PSPX2 and sometimes wish it had selective colouring.. :(

... but this looks like it gives a similar result!

Thanks for sharing hon :)
jessm78: Sam smiling in Salvationjessm78 on January 31st, 2009 10:32 pm (UTC)
My pleasure hon! I know what you mean. It really annoys me sometimes. :(

I hope it works for you! :)
★zatanmalik on January 31st, 2009 06:22 am (UTC)
- I've always been disappointed that a lot of the tuts out there are for Photoshop and include Selective Color. -

Oh me too. So this is great, thanks for the tutorial. :)
jessm78: Jensen Ackles: Magazine Shootjessm78 on January 31st, 2009 10:33 pm (UTC)
You're welcome! :)
Cincakiscinca on January 31st, 2009 10:11 am (UTC)
Good tutorial hun. I think,I am gonna try it out on an icon or two sometime. Certainly useful if you have gimp, that doesn't have selective coloring. it doesn't have adjustment layers too, but that isn't a problem. *g* Thanks again.
jessm78: Supernatural: Puppy Sam (from ELAC)jessm78 on January 31st, 2009 10:42 pm (UTC)
Thanks hon :) I hope it works ok for you!
kj_svalakj_svala on January 31st, 2009 10:24 am (UTC)
This looks just great, thank you for posting.

I`ll give it a try, for sure *g*

you should post this to psptutorials also.
jessm78jessm78 on January 31st, 2009 10:45 pm (UTC)
My pleasure :D I hope it works well for you *smiles*

Thanks, I think I will go there now and post it.

In my Memories there is a Supernatural Tutorials List post (http://community.livejournal.com/icon_extras/3474191.html). I'm going to post it there as well.
hastiekido: lost treasurehastiekido on January 31st, 2009 09:07 pm (UTC)
well done on your first tut!
I might give it a try next time I use psp :D
jessm78: Daniel: is happy from Holidayjessm78 on January 31st, 2009 10:43 pm (UTC)
Thanks Jet! :)

Aw I hope it works ok for you!
tiah15: SD hugtiah15 on February 1st, 2009 12:13 am (UTC)
I like the vibrant red colours :)

One questions since I figured you'd be nice and not chew my head off :)

Midtones: 15, 7, 6
Shadows: -14, 2, 6
Highlights: -4, 4, 0

Could you tell me the order of the colours in PSP for colour balance. Because that's where my colouring doesn't work the same way anymore - and it's not just your tut. Thanks :)
jessm78: groovyjessm78 on February 1st, 2009 12:33 am (UTC)
Thanks hon! :)

lol, not a problem!

the order of the colors is:

Cyan -> Red
Magenta -> Green
Yellow -> Blue

(so as I have it above, Midtones would go like this:

15 is more to the Red side, 7 more to Green, and 6 more to Blue. The negative numbers, like -14 in Shadows is going more to the Cyan side.

Does that help? I'm not too good with explaining things sometimes ;)
tiah15: SD hugtiah15 on February 1st, 2009 01:13 am (UTC)
Thanks. That's what I feared. It's the same as mine. My icon turns out more blue/greenish = cyan because of the colour balance so it's doing something different :/
jessm78: groovyjessm78 on February 1st, 2009 02:05 am (UTC)
Hmm... does the pic you're using have a lot of blue coloring in it? That might have something to do with it.

You could try reversing the settings in Color Balance... instead of having the shadows part have -14, you could make it +14. That could give it more red.

If that doesn't help, when you do the Hue/Saturation layer, you could change the Hue to give it less blue/greenish as well.
tiah15: Sam faketiah15 on February 1st, 2009 11:52 pm (UTC)
I'm always using the original icon (yours) to try and get a feel for what the steps are actually doing because the numbers usually don't work exactly on another icon. It's how I usually use icon tuts - try to learn something about colouring or cropping or textures etc.
(Deleted comment)
jessm78jessm78 on February 1st, 2009 02:28 am (UTC)
No problem! :)
blairnateloverblairnatelover on February 14th, 2009 04:56 pm (UTC)
Lovely Tutorial! I use PSP8 as well so this really helped!
jessm78jessm78 on February 14th, 2009 08:01 pm (UTC)
Thank you so much! I'm glad it helped! :)
(Deleted comment)
jessm78: Supernatural: Jared S2 Promo (smile)jessm78 on April 21st, 2009 01:13 pm (UTC)
Thanks! I'm glad it worked for you! :)