Anne ([info]annesaname) wrote,
@ 2006-08-19 17:01:00
Previous Entry  Add to memories!  Tell a Friend  Next Entry
Entry tags:tutorials

Icon Tutorial #005
Tutorial for Photoshop for Photoshop only

Go from this Before to Result


This is yet another attempt to make Supernatural Icons more colorful. Again, applying the exact settings to every picture might deliver unsatisfactory results. Have a look at the screencap you're using and see what colors are the most prominent and change the settings accordingly.

One more thing: I don't include steps like when to sharpen or when to soften. You know that by yourself ;)
Note that english isn't my first language and that I use a german version of Photoshop, so if there're anything you don't understand just ask.

Supernatural Coloring Tutorial
From this To this
Get Started
I mostly use screencaps from stripedwall.com because they provide them in high quality.

So in Photoshop I resize the image to 150 pixels of height and copy it into a new 100 x 100px file.

Then I go to Image -> Adjustments -> Variations. For this screencap I only adjusted the brightness. I know it's alluring but don't go too bright.

I've worked with the Variation options so often that I don't know what the default settings are, so I can't tell you how often you should press the "Brighter" button. You might want to have a look at the screenshot provided above.

Step 2
Then I copy my new base and set the first copy to "Screen 100%" and the duplicated top layer on "Screen 40%" Not very impressive, yet. Now, go to your layer palette and add a "Hue/Saturation" adjustment layer. I set the saturation to +63.
Step 3
Now add a "Curves" adjustment layer

RGB 0:15; 124:147; 247:255
GREEN 128:135
Add another "Curves" adjustment layout
RGB 125:136
RED 0:3; 84:24; 162:160
GREEN 0:10; 97:69; 200:221; 247:255
BLUE 130:122
Step 4
Not too bad but I'm still not 100% happy with it, so I added a "Selective Color" adjustment layer.

REDS
-48; 0; +100; 0
YELLOWS
+100; +27; -29; 0
GREENS
-90; -50; 0; 0
CYANS
+100; 0; +10; +20
WHITES (I don't use this one often but I wanted to add color to the building in the background)
+100; 0; -80; 0
NEUTRALS
+5; 0; 0; 0
Now add another "Selective Color" adjustment layer to make the bushes or trees stand out more. For this I just edited the

GREENS
-100; -100; +100; +100
Step 5
And now, just because I didn't like the dull color of Sam's jacket, I created a new layer and brushed over his jacket with #663333 and set this layer to "Soft Light 100%" And... that's it!
Layer Palette/Examples
This is my complete layer palette, again for your reference. And some more examples, made with the same technique but with slightly different settings.

HOSTED FREE AT BOXSTR.COM



(27 comments) - (Post a new comment)


[info]sn_ds35111
2006-08-19 04:21 pm UTC (link)
just curious bc I watch SN almost everyday *tivo* where that sam pic from?

(Reply to this) (Thread)


[info]annesaname
2006-08-19 05:55 pm UTC (link)
I think it's from "Nightmares"

(Reply to this) (Parent)


[info]tonicangel
2006-08-19 05:09 pm UTC (link)
ooh absolutely gorgeous! Memming! Thank you so much :)

(Reply to this)


[info]organza
2006-08-19 05:49 pm UTC (link)
argh. SPN icons aare a bitch to colorize.
But your "attempt" is very gorgeous! :)
Thanks for that *giggles*
can't wait to try that out.

(Reply to this) (Thread)


[info]annesaname
2006-08-19 10:42 pm UTC (link)
You're welcome. I'd love to see your result ;)

(Reply to this) (Parent)


[info]tonicangel
2006-08-19 07:08 pm UTC (link)
I made the icon I am currently using with that tutorial. Thanks so much!

(Reply to this) (Thread)


[info]annesaname
2006-08-19 10:38 pm UTC (link)
Oooh, that's pretty... very colorful.

(Reply to this) (Parent)


[info]cloudline
2006-08-19 07:16 pm UTC (link)
I've only seen half of the first season, now I want to see the rest! The second half's out soon, hopefully. (;

Loved the tutorial, my default pic is my result. Very nice. Didn't follow exactly, I can't get the hang of curves yet! Thanks. Mem'd.

(Reply to this) (Thread)


[info]annesaname
2006-08-19 10:40 pm UTC (link)
Looks very nice, well done =) Curves are pretty confusing at first but once you work with it more often, it all makes sense ;)

(Reply to this) (Parent)


[info]papermovie
2006-08-19 09:09 pm UTC (link)
great tut :)
adding to mems!
thx

(Reply to this)


[info]genderbomb
2006-08-19 09:28 pm UTC (link)
Listen, that's awesome. Definitely meming.

(Reply to this) (Thread)


[info]annesaname
2006-08-19 10:44 pm UTC (link)
Wow, thank you. I always admire the crispiness of your icons... just needed to say that :D

(Reply to this) (Parent)


[info]priestess_kaiba
2006-08-19 10:13 pm UTC (link)
Nice coloring! Meming tut and will try out later! Thanks! :D

(Reply to this)


[info]sweet_exuces_
2006-08-19 10:47 pm UTC (link)
I OFFICALY HAAATTEEE CURVES! i cant get the fucked up thing to god damn work EVER... AND I WANNA TRY YOURE TUT! fuck fuck fuck fuck



grrrrrrrr!!!!!!!!!!!!

(Reply to this) (Thread)


[info]annesaname
2006-08-19 11:06 pm UTC (link)
Just because I don't want you to explode ;)
Curves Preset #1
Curves Preset #2
(right-click, save as)

(Reply to this) (Parent)(Thread)


[info]cloudline
2006-08-20 05:35 pm UTC (link)
You win @ life.

(Reply to this) (Parent)


[info]luminantglow
2006-08-20 08:18 am UTC (link)
I LOVE IT.
Thank you. :)

(Reply to this)


[info]celes_harmony
2006-08-21 11:45 pm UTC (link)
Oh! I love this tut!!

Question: How you did the table for write the tutorial? tanks!!

(Reply to this) (Thread)


[info]annesaname
2006-08-22 04:53 am UTC (link)
A simple table in html. Have a look at the source code, if you like ;)

(Reply to this) (Parent)


[info]celes_harmony
2006-08-23 10:53 pm UTC (link)
Oh, thank you, I have a look for it now =)

(Reply to this)


[info]frightened_eyes
2006-08-24 08:32 pm UTC (link)
omfg, you're the best! :DDDD
I'll definitely try this out tomorrow!
thank you so so much! <33

(Reply to this)


[info]town_underwater
2006-08-29 04:05 am UTC (link)
this is awesome! memming and will try! thanks♥

(Reply to this)


[info]ohrebelme
2006-09-09 04:51 pm UTC (link)
Beautiful! Memming. :)

(Reply to this)


[info]naturellebella
2006-10-27 11:10 am UTC (link)
where did you get the brush for this :http://written-in-the-stars.de/goodies/icons/sn/sn1106.png ?

(Reply to this)


[info]wesavedoursouls
2007-04-15 08:31 pm UTC (link)
so...um...
i'd like to do this?

but i don't understand it.
because it seems like you suddenly have two or three different bases, but i don't understand where you got them from.
& i don't understand the curves thing, either, because i can only enter two numbers, & you say to enter, like...six. O_O
help?

(Reply to this) (Thread)


[info]annesaname
2007-04-15 09:29 pm UTC (link)
I'm not exactly sure what you mean with the bases but the screenshot of my layer palette should help you?
About the curves, you enter the first two numbers and then click on another point of the curve and you can enter another two numbers. I hope that helped.

(Reply to this) (Parent)(Thread)


[info]wesavedoursouls
2007-04-16 12:31 am UTC (link)
oh, okay! i got it now :D thank you. ♥

(Reply to this) (Parent)


(27 comments) - (Post a new comment)

Create an Account
Forgot your login or password?
Login w/ OpenID
English • Español • Deutsch • Русский…