Log in

No account? Create an account
06 November 2006 @ 09:50 pm
Supernatural Coloring Tutorial  
justfreefallin requested a quick tutorial for an icon of my last icon post.

Now, I don't know how quick it'll be, but I hope you find it usefull nevertheless.

1. I started out with the above of my screen caps from Simon Said, copied it on a new 100x100 canvas and moved it around so that I got my base

2. from to

We’re on the base layer. Go to Image > Adjustments > Shadow/Highlight
I used the following settings:
  • Amount: 12%
  • Tonal Width: 100%
  • Radius: 92%
  • Color Correction: +26
  • Midtone Contrast: +14
  • Black Clip: 0%
  • White Clip: 0%
Those settings, of course, need to be adapted to each icon individually for every base is different!

3. from to

From your tools bar, choose the blur tool with a round brush of about 5pixels in size.
Mode: normal and Strength: 19%. It should look like this:

Go over those parts of his face with the brush which you want to smooth out a little.
This is really a matter of personal preference but it does make subtle differences in the end product ;)

4. from to

We will sharpen the image now.
Filter > Sharpen > Smart Sharpen
  • check basic
  • Amount: 13%
  • Radius: 27.3 pixels
  • Remove: lens blur
  • Angle: 0°
  • check more accurate

5. from to

We'll be adding a curves layer now.
Layer > New Adjustment Layer > Curves
We only make alterations on the RGB level so as to increase brightness in the brighter parts of the image and to lower brightness in the darker parts of the image.
Your settings should look like this:

Lower point: Input: 82 Output: 83
Upper point: Input: 175 Output: 202
Leave the layer mode at normal and the opacity at 100%.

6. from to

Time to add a selective colors layer.
Layer > New Adjustment Layer > Selective Colors
The following values are the result of countless arbitrary editing and don't follow any reason.
  • Cyan: -51
  • Magenta: -13
  • Yellow: +81
  • Cyan: -79
  • Magenta: -13
  • Yellow: -83
  • Magenta: -21
  • Yellow: -15
Reduce the opacity of this layer to 50%.

7. from to

We add yet another selective colors layer.
Layer > New Adjustment Layer > Selective Colors
  • Cyan: -100
  • Yellow: -40
  • Black: -28
  • Yellow: -100
  • Cyan: +28
  • Magenta: +3
  • Yellow: -12
  • Black: +4

8. from to

Copy this nifty gradient (by wonderland__, I think) on top of your layers, set the layer mode to overlay and the opacity to 30%.

9. from to

Now, we want to make some other small changes and add another curves layer.
Layer > New Adjustment Layer > Curves
This time we make changes on the RGB and Blue level.
Your settings for RGB should look like this:

Lower point: Input: 27 Output: 14
Upper point: Input: 194 Output: 197

Your settings for Blue should look like this:

Lower point: Input: 20 Output: 24
Upper point: Input: 209 Output: 216

Leave the layer mode at normal and reduce opacity to 30%.

10. from to

Now, the icon needs some more contrast.

Layer > New Adjustment Layer > Brightness/Contrast
Up the contrast to +7.

11. from to

To top the icon off I added a few scratches/abrasions.
I used this texture by lovelamp copied it atop all layers and set the layer mode to screen.
Drag and rotate this texture to your liking.

Erase the scratches from parts of his face with the help of the erase tool from your tools bar.

And you’re done! I hope you all enjoyed.

The layer palette for this icon looks like this.

Other icons made using this technique:

Comments and criticism much appreciated!

Current Mood: drunkdrunk
Current Music: Bush - Out of This World
Cami: SPN ~ J² squee!ilovemybaby on November 6th, 2006 10:30 pm (UTC)
Ok, so I have no idea if it'll work with me or not, since I only have PS 7.0, and since I suck on it, but still!! Man, that is amazing!!

I always get really impressed to see the 'step-by-step' of your work. I mean, look at the screencap you had in your hands... the color was dull, there was absolute no fun at all in that (except, of course, that it is Dean XD), but then you work your magic and BANG! It's amazing how it changes, and how good it gets!

God, you're such on a higher level, it's impressive. Ha. I would never have those kind of ideas to change the color and light on a picture. You, girl? You are so so very good it makes me jealous (good jealousy, though!! XD)

You're the best. Really. *snuggles*

PS:. OMG NEW HEADER! So amazing!!! Loving the texture, the colors, the light, the picture you chose... everything! Also, loving the hair... and YAY for hand!porn XD
ヴェレーナ: jared squattingongiara on November 7th, 2006 06:21 pm (UTC)
I have no idea if it'll work with me or not, since I only have PS 7.0, and since I suck on it
No, you do so not suck! Look at all your lyrical icons, they rock! I hope it works with PS 7.0 too. I shortly switched to PS from PSP so I don't know much about the other versions ;)

And thank you, honestly, I don't really know what I was doing, I was just playing around with the program ;)

OMG NEW HEADER!... and YAY for hand!porn
Thanks, I needed a change and that pic was just so adorable I couldn't resist ^.^
(no subject) - ohrebelme on November 23rd, 2006 10:36 pm (UTC) (Expand)
justfreefallin: 205 Sammy grinningjustfreefallin on November 7th, 2006 04:43 am (UTC)
Wow, da ich ja immer so früh ins Bettchen muss habe ich das erst jetzt gesehen. Das werde ich auf jeden Fall heute Abend ausprobieren, selbst wenn ich nach dem Spocht meine Arme nicht mehr heben kann. ;-)
Vielen lieben Dank!!!! Ich poste dann wieder mein Ergebnis! *drück*
ヴェレーナ: Joongiara on November 7th, 2006 06:21 pm (UTC)
LOL, lass dir Zeit :)
(no subject) - justfreefallin on November 7th, 2006 06:28 pm (UTC) (Expand)
(no subject) - ongiara on November 7th, 2006 06:45 pm (UTC) (Expand)
(no subject) - justfreefallin on November 7th, 2006 06:55 pm (UTC) (Expand)
(no subject) - ongiara on November 7th, 2006 07:00 pm (UTC) (Expand)
(no subject) - justfreefallin on November 7th, 2006 07:59 pm (UTC) (Expand)
(no subject) - ongiara on November 7th, 2006 08:51 pm (UTC) (Expand)
(no subject) - justfreefallin on November 8th, 2006 05:04 am (UTC) (Expand)
Charlotte: thinksweetinstigator on November 7th, 2006 08:38 pm (UTC)
i LOVE this tutorial ! thank you ever so much for sharing !
ヴェレーナ: George gloveongiara on November 7th, 2006 08:49 pm (UTC)
Thanks :)
Inudogbluesoul92 on November 7th, 2006 08:53 pm (UTC)
Huahh the supernatural icon are so good and the coloring amazing, memming =)
ヴェレーナ: sd CSPwDT flashlightsongiara on November 8th, 2006 12:05 pm (UTC)
Thanks :)
dragyndragynville on November 7th, 2006 09:55 pm (UTC)
Wonderful! I'm really glad to see this, I was wondering how you got those vibrant, yet soft colors. :D
ヴェレーナ: sd blendingongiara on November 8th, 2006 12:07 pm (UTC)
Thanks, it's not as good to translate to PSP this time though, I'm afraid ;D
(no subject) - dragynville on November 8th, 2006 12:33 pm (UTC) (Expand)
sn_ds35111sn_ds35111 on November 7th, 2006 10:27 pm (UTC)
Image Hosted by ImageShack.us

my outcome with a few minor changes
ヴェレーナ: Sam 2.01 smileongiara on November 8th, 2006 12:11 pm (UTC)
Thanks for sitting through the tut ;D
I like what you came up with! If you like them to be a little less bright, I recommend not applying the gradient and maybe leaving out a curves layer or reducing the opacity of a curves layer to your liking. Anyway, thanks for stopping by and trying out :)
(no subject) - sn_ds35111 on November 8th, 2006 12:15 pm (UTC) (Expand)
sarah not mary: happy!sarahsaloser on November 9th, 2006 06:00 am (UTC)
Photobucket - Video and Image Hosting

here's what I came up with. Not perfect but I'm happy with it. I couldn't for the life of my find the Shadow/Highlight interaction. I'm hoping it's not available in PS7 and I'm not just stupid.

my stupidity aside, this was an awesome tut. Easy to follow and informative! YAY!
sarah not marysarahsaloser on November 9th, 2006 06:02 am (UTC)
haha! I don't mean to reply to myself but I totally just realized I used the same cap as justfreefallin she's going to think I'm stalking her or something!
(no subject) - ongiara on November 9th, 2006 08:52 am (UTC) (Expand)
(no subject) - sarahsaloser on November 9th, 2006 05:57 pm (UTC) (Expand)
paz_ on November 10th, 2006 07:13 pm (UTC)
:D New things to try out! This is like, brilliant. Can't wait to fiddle with my Photoshop.
ヴェレーナ: chicks dig artistsongiara on November 13th, 2006 07:07 pm (UTC)
Hehe, thanks a lot. How did it go with Photoshop?
(no subject) - paz_ on November 18th, 2006 07:42 pm (UTC) (Expand)
valkrys: SPN Dean workingvalkrys on November 16th, 2006 07:23 am (UTC)
Mmhh... vielleicht sollte ich doch nochmals darüber nachdenken, PS zu erstehen :-) Allerdings sind meine Versuche mit Gimp auch eher stümperhaft *grins*

Werde darauf zurückkommen!
mrs_ackles15 on February 24th, 2007 02:21 pm (UTC)
wooow, das Tut ist grandios ich hoffe mal ich schaffe es genausogut wie du ;-)
(no subject) - ongiara on February 24th, 2007 06:16 pm (UTC) (Expand)
(no subject) - ongiara on February 24th, 2007 06:18 pm (UTC) (Expand)
(no subject) - valkrys on February 24th, 2007 06:25 pm (UTC) (Expand)
(no subject) - ongiara on February 24th, 2007 06:51 pm (UTC) (Expand)
Very nice! - (Anonymous) on March 23rd, 2007 08:22 pm (UTC) (Expand)
°°  £å  §âM¥  °°lasamy on September 2nd, 2007 04:03 pm (UTC)
ヴェレーナ: sd HUHongiara on September 2nd, 2007 05:35 pm (UTC)
Steffi: Supernatural - Sam Thoughtfullegoline on February 21st, 2008 07:26 pm (UTC)
Oh mein Gott--ich hab diesen Link hier gerade an einem verbotenen Ort gefunden--kannte ich dich hier überhaupt schon? :-)
ヴェレーナ: sd scoutingongiara on February 21st, 2008 10:11 pm (UTC)
hab diesen Link hier gerade an einem verbotenen Ort gefunden
*paranoid in die Menge schaut*

Und ne, glaub da kannten wir uns noch net, oder?
ღ spooky.angel ღ: JDM b&wspooky_window on October 14th, 2008 11:17 pm (UTC)
very interesting ! thanx a lot for explaining every steps, it's so much more useful than a simple psd !!
ヴェレーナongiara on November 7th, 2008 06:55 am (UTC)
Thank you :D And sorry for the awfully late reply.
Cajacajaalonso on November 7th, 2008 06:47 am (UTC)
I seems cannot get it right :(

Do you have the psd?
ヴェレーナongiara on November 7th, 2008 06:54 am (UTC)
Sorry to hear that :/ Unfortunately, the tutorial is from 2 years ago, and I do not have the psd anymore...
(no subject) - cajaalonso on November 7th, 2008 07:14 am (UTC) (Expand)
supernaturalcsisupernaturalcsi on March 11th, 2010 04:46 pm (UTC)
Thanks for the tutorial. :) It was hard to do in PS 7, but when I tried I got this:

I already had some scratch textures though, so I used one of them. :)