?

Log in

No account? Create an account
 
 
09 March 2010 @ 09:49 pm
Tutorial #2 (Icon coloring feat. Supernatural)  
So I finally got the courage to make another tutorial! Hee. Again it's nothing too fancy, mostly just a simple coloring tut. Mostly trying to get a Photoshop Selective Color type of effect from a program that lacks Selective Color. This was made in Paint Shop Pro, and it does use Exclusion, so for anyone who uses GIMP you could try using Darken Only (I believe) in place of that? I believe there are some tricks to achieve a similar effect with GIMP but off the top of my head I can't remember where I saw them. Sorry about that. :( EDIT: Actually I've been given a workaround for GIMP users for this... check out the comments below. Thanks!

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

-> or ->

Icon of Sam Winchester from Supernatural episode #2x01 In My Time of Dying.
Made in PSP 8.
Level: Easy/Moderate. Uses layer properties, Curves, Channel Mixer... but nothing too complicated.
Translatable: Should be, with the exception of using Exclusion for GIMP users as noted above.

1. Choose your pic. This tutorial seems to work best with pics that are dark but quite colorful. In this case, I'm using a screencap of Sam from IMTOD (actually to be technical, it's from the recap of a later episode, which is probably why it looks more saturated):



Crop and resize the pic to 100x100 pixels. You can sharpen if you like, although I'm choosing not to for this pic:




2. Duplicate the base layer and set it to Screen (100%). You can adjust this percentage later if it's too light.




3. Make a new raster layer and fill it with #000040. Set this layer to Exclusion (100%).




4. Go to Layers -> New Adjustment Layer -> Curves.

Under RGB, Put in these settings:
Input: 123
Output: 191




5. Layers -> New Adjustment Layer -> Channel Mixer

Put in these values:

Output channel: Red
Red: 116
Green: -33
Blue: 0
Constant: 0

Output channel: Green
Red: 3
Green: 69
Blue: 31
Constant: 0

Don't touch the Blue output channel, and leave monochrome unchecked.




6. Layers -> New Adjustment Layer -> Color Balance. Put in these values:

Midtones: 8, 4, -4
Shadows: 5, 8, 5
Highlights: 7, 0, 0




7. Now, duplicate your base, drag it to the top, and set it to Soft Light (35%). You can change the opacity if it makes the icon too light or dark.




8. Merge layers and you're done! The next few steps are optional if you want to add textures or text.


9. Use this image:

from here, originally made by urbanstrokes 

Paste it as a new layer on top of all the others and set it to Soft Light (100%).


10. Take the layer directly underneath it (that we got in Step 7 (duplicated base that was dragged to top and set at Soft Light (35%)) and duplicate it. Then drag this new layer to the top, above the texture layer.




11. Optional: add text. Use "You Are Loved" font from dafont.com, set at 8 pt., color #C8D5C1. I typed "shattered" for this icon.




Merge all layers, and that's it!


Of course this tut won't work perfectly for all caps. As I mentioned, it's probably best for caps that are quite dark and maybe a bit more color saturated. But you can experiment with the opacity for the Screen layers and even the Color Balance to suit your needs. I hope you found this somewhat useful! I had fun making it. :)


Other icons made from this tutorial:



Again I hope you find this tutorial useful, and if you have any questions or suggestions, please feel free to let me know. If you decide to use it, I'd love to see what you come up with. :) And if you'd like to take any of these icons above, you're more than welcome to them. I only ask that you credit me for them. Thanks. :)
 
 
Current Mood: creativecreative
 
 
 
Alexia Lisa Drake: TV - Supernaturalalexia_drake on March 10th, 2010 01:05 am (UTC)
Lovely colors :)
jessm78: Hollywood Babylonjessm78 on March 10th, 2010 07:57 pm (UTC)
Thank you! :)
bloodyrosered: thxbloodyrosered on March 10th, 2010 02:02 am (UTC)
Finally! I'm using Corel Paint Shop Pro too and this is the 1st tutorial I see! Thank you very, very much!
jessm78: Supernatural: Dean in Hollywood Babylonjessm78 on March 10th, 2010 07:57 pm (UTC)
My pleasure, hon! I hope it's useful to you!
babycinbabycin on March 10th, 2010 04:51 am (UTC)
Oh honey! Sooooo lovely coloring!
jessm78: Jared Padalecki: Friday 13th textlessjessm78 on March 10th, 2010 08:10 pm (UTC)
Aw thank you so much hon! I'm so glad you like it! :)
anastdeananastdean on March 10th, 2010 07:40 am (UTC)
Thank you sweetie, amazing work. Love the colouring.
jessm78: Jared Padalecki: Friday 13th textlessjessm78 on March 10th, 2010 08:42 pm (UTC)
My pleasure hon, and thank you so much, I'm so glad you like it :)
(Deleted comment)
jessm78: Jared Padalecki: Friday 13th textlessjessm78 on March 10th, 2010 08:42 pm (UTC)
My pleasure, and thanks :)
(Deleted comment)
jessm78: Jared Padalecki: Friday 13th textlessjessm78 on March 10th, 2010 08:43 pm (UTC)
My pleasure, and thanks for the kind words! I'm so glad that you like it, and when you try it I'd love to see what you come up with!
tiah15: Kristen Rob Tomtiah15 on March 10th, 2010 06:19 pm (UTC)
I managed to recreate everything but the colour balance in GIMP (again; it does seem to work differently than in psp).

You do exclusion with three layers in Gimp: 2 screen layers and one subtrct on top.I yourcase I set the subtract layer to 80% opacity :)

Thanks for the tut :D
jessm78jessm78 on March 10th, 2010 08:44 pm (UTC)
It's odd that there's such a difference with the color balance. I think I'm going to try it when I'm on my work comp (where I have GIMP) and see how it turns out. Then maybe I can make a GIMP version. :)

Oh, thanks for the info! I thought it was something like that, but I couldn't remember.

You're welcome! :)

EDIT: I just tried it in GIMP and got the same result, even with the Color Balance. When you use that, do you have "Preserve Luminosity" checked? I do, and I don't know if that makes a different at all?

For the values above, I have it as this:

Midtones: 8 (toward Red), 4 (toward Green), -4 (toward Yellow)
Shadows: 5 (Red), 8 (Green), 5 (Red)
Highlights: 7 (Red), 0, 0

And I have "Preserve Luminosity" checked the whole time. Does that make a difference?

Edited at 2010-03-11 03:17 pm (UTC)
(no subject) - tiah15 on March 11th, 2010 07:28 pm (UTC) (Expand)
Kristin: Jared | Chamber Live! '05kristypadalecki on March 10th, 2010 07:06 pm (UTC)
Excellent tutorial! :D
jessm78: Supernatural: Jared S2 Promo (smile)jessm78 on March 10th, 2010 07:56 pm (UTC)
Aw, thanks, Kristin! :D I just had to make it... I can't afford Photoshop, so I wanted to try something that would give you the same (or similar) results. Paint Shop Pro came with my computer and I love using it.
(no subject) - kristypadalecki on March 10th, 2010 08:11 pm (UTC) (Expand)
(no subject) - jessm78 on March 10th, 2010 08:45 pm (UTC) (Expand)
(no subject) - kristypadalecki on March 10th, 2010 11:03 pm (UTC) (Expand)
(no subject) - jessm78 on March 11th, 2010 03:36 pm (UTC) (Expand)
(no subject) - kristypadalecki on March 11th, 2010 06:41 pm (UTC) (Expand)
(no subject) - jessm78 on March 11th, 2010 07:31 pm (UTC) (Expand)
(no subject) - kristypadalecki on March 11th, 2010 09:03 pm (UTC) (Expand)
(no subject) - jessm78 on March 14th, 2010 10:07 pm (UTC) (Expand)
(no subject) - kristypadalecki on March 15th, 2010 12:45 am (UTC) (Expand)
The Girl With the Kaleidoscope: samanddeanchibiyaya_wr8t3r on March 10th, 2010 07:57 pm (UTC)
You are made of win! I love it when people share their art and share how they made it as well :) Thank you so much I'm gonna try this out on a few icons and headers *hugs*
jessm78: Sam smiling in Salvationjessm78 on March 10th, 2010 08:47 pm (UTC)
Aw... *blushes* Thank you so much for the kind words, hon! I was experimenting the other day and I just came up with it on the spur of the moment. That's awesome - when you do I'd love to see what you come up with! :)

It's my pleasure! *hugs*
noname: Winchester Brothersxloz_91x on March 12th, 2010 04:19 pm (UTC)
Them colours look lovely (:
jessm78jessm78 on March 12th, 2010 06:00 pm (UTC)
Thanks so much! :)
(Deleted comment)
jessm78: Supernatural: Jared S2 Promo (smile)jessm78 on March 14th, 2010 10:06 pm (UTC)
My pleasure hon!

LOL, you're absolutely right!

Oh I know, there are some really long involved tutorials out there. When I make mine, I try to make them as easy as possible. I love experimenting too! Some of the tutorials I find, I don't follow them 100%, sometimes I'll experiment and change something.
tvtotallkabouttvtotallkabout on March 14th, 2010 10:45 am (UTC)
Thank you so sooo much for this tutorial! :D
I thought I'll never know how to make a beautiful icon and now thanks to you I can try! :)
jessm78: Supernatural: Jared S2 Promo (smile)jessm78 on March 14th, 2010 09:59 pm (UTC)
You're very welcome and thank you for the kind words! :D I hope you find it useful and if you make something I would love to see it!
(no subject) - tvtotallkabout on March 15th, 2010 05:50 pm (UTC) (Expand)
(no subject) - jessm78 on March 15th, 2010 11:51 pm (UTC) (Expand)
Cincakiscinca on March 19th, 2010 10:27 am (UTC)
Nice tut definitely will try when making icons. And I like the font used. *downloads*

Thanks for this. :-)

jessm78: Jared Padalecki: Friday 13th textlessjessm78 on March 19th, 2010 04:54 pm (UTC)
My pleasure, hon. I'm glad you like it. :) I'd love to see what you make.