?

Log in

By Jove, I think I've got it! [userpic]

TUTORIAL 2: B&W/COLOR

April 23rd, 2005 (11:08 pm)

Requirements: Photoshop
Info: Black and white pictures, adding color to certain spots.

We'll be going from this:


to this:



We'll start off with this photo of Penelope Cruz. The original is too big to display here, so this is a smaller version.


Sharpen it using the Unsharp Mask (Filter --> Sharpen -- Unsharp Mask). It sounds contradictory, but it actually does sharpen the picture. Play around with the settings, although mine is usually set to: amount = 35%, radius = 1.0 pixels, and threshold = 0. Once you're done with that, crop it down to 100x100. If it looks kind of grainy, use the smudge tool with a small sized brush and low strength (e.g. size 11, 13% strength) and use it over her face. Make sure you don't blur the lines of her nose etc. otherwise it'll end up looking blurry instead of the smooth effect you want.


Next, I duplicated the layer and desaturated it (Ctrl + Shift + U, or Image --> Adjustments --> Desaturate). Then, duplicate the layer two times so you end up with three black and white layers. DO NOT delete the colored layer! You'll need it later for adding color. Set the first duplicated layer to screen, and the second duplicated layer to soft light.


Duplicate the colored layer on the very bottom, and bring it on top of the black and white layers. Decide where you want color to show up, and start erasing, focusing on one object. In my case, I decided I wanted her lips, eyes, and the chili to be colored. So, I erased everything but the chili.


Duplicate the colored layer on the very bottom again (see? Told you not to erase it!), and set it on top of all the layers, including the chili. This time, I wanted her eyes, so I erased everything (including the chili, since it already has its own layer) except the eyes and the eyebrows (rather, eyebrow). It seems pointless to "color" the eyes since they're already black, but she had brown eyeshadow and black eyeliner, so when I added it, it actually gave a little "oomph" to the picture (in other words, it made her eyes darker).


Next, the lips! She has gorgeous full lips (not like Angelina Jolie's, but hey, who does?), so once again, duplicate the colored layer on the very bottom again, and set it on top of all the layers. Erase everything but her lips, making sure you don't take off too much or leave too much on (otherwise she'll look like she went through plastic surgery!). It looks nice and all, but her looks are kind of a dull color, so I want to add a little red.


By using variations (Image --> Adjustments --> Variations), you can change the shade. I don't remember what I used, but it was somewhere in the "more red" and "more magenta" family.


I liked the burnt edge that the original photo had (less work I have to do!), so I duplicate the bottom colored layer AGAIN, brought it to the very top, and erased everything but the burnt edge.


And it's done! But a bit boring, if you ask me, so I added this light layer by disappearicons, set on Lighten.


It was covering some of her face, so I erased the parts that were in the way! :) Next, I added the word "Spicy" using Anglo Text, size 18, tracking at 500. And voila!


I'd love to see anything that you make with this tutorial! :)

Comments

Posted by: ((Anonymous))
Posted at: April 24th, 2005 09:35 am (UTC)

Hey

this tut is great i love the way you made it look, keep it up x

Posted by: Emma (emmavescence)
Posted at: April 24th, 2005 02:49 pm (UTC)

This is a really good tutorial. I think you should post a link to it in icon_tutorial so more people can see it :)

Posted by: By Jove, I think I've got it! (byjove)
Posted at: April 25th, 2005 01:18 am (UTC)

Thanks! I was actually planning to, but didn't get around to doing it yesterday. :)

Posted by: Emma (emmavescence)
Posted at: April 25th, 2005 09:44 pm (UTC)

I like tutorials like this that help me improve my Photoshop skills :) I've just recently got a graphics tablet, and this sort of thing is really good for learning how to use that. I haven't made it into an icon, but I followed the second tutorial, using a couple of non-iconsized light textures, and I'm pretty pleased with the results.

Posted by: By Jove, I think I've got it! (byjove)
Posted at: April 26th, 2005 04:24 am (UTC)

It's always interesting to see what you come up with in terms of effects. :) I'm glad these could help you at least a little bit!

Posted by: MrPapersHead (mrpapershead)
Posted at: April 25th, 2005 04:16 am (UTC)

Very nice tutorial for a simple yet vibrant effect. I have one question, I know it is part of the original Picture but does anyone know of a way to get other pics to have that burnt edge look? I can think of uses, but never thought to ask.

Posted by: By Jove, I think I've got it! (byjove)
Posted at: April 25th, 2005 04:35 am (UTC)

I think that you could get it by using brushes. I know teh_indy has a brush set which has ripped paper, so if you create 3 layers and use the brush in three different colors (white, maroon, and orangy/brown), and eraser certain parts, you could probably get the same effect as the picture. I'll see if maybe I could create a tutorial for that. :)

Posted by: J. (aaricia)
Posted at: April 25th, 2005 04:13 pm (UTC)

Beautiful :)

Posted by: By Jove, I think I've got it! (byjove)
Posted at: April 25th, 2005 10:58 pm (UTC)

Thank you! :)

Posted by: Maren (marenfic)
Posted at: April 27th, 2005 03:56 pm (UTC)

Thanks for the tutorial-- I used it to make my first icon. Sloppy, but the tutorial was awesome for beginners, definitely specific enough that I could follow it having never used my Photoshop program before. Now I just need to work on more finesse when I use the tools :)

Posted by: By Jove, I think I've got it! (byjove)
Posted at: April 27th, 2005 10:57 pm (UTC)

It looks good. :) But I find that it's easier when you use a photo with a background (and not just of the person). Not only does it make the light texture look better, it also means you don't have to go around the edges carefully erasing the background around the hair etc. But, I'm just lazy, hehe.

Posted by: Mary (silver_sunn101)
Posted at: May 12th, 2005 04:15 am (UTC)

^_^ I love this tutorial. The effect you created it brilliant and looks especially beautiful with the picture you selected. I followed most steps, but instead of leaving the color I changed it all to blue, as you can see. What do you think?

Image hosted by Photobucket.com

Posted by: By Jove, I think I've got it! (byjove)
Posted at: May 12th, 2005 10:48 pm (UTC)

I like it. :) I especially like the background. Good job! :)

Posted by: Mary (silver_sunn101)
Posted at: May 13th, 2005 02:10 am (UTC)

I got the background from fragile_silver. Thank you, I'm glad that you like it! :D

(Deleted comment)
Posted by: By Jove, I think I've got it! (byjove)
Posted at: June 4th, 2005 10:57 pm (UTC)

That looks great. :)

Posted by: Amber (shiningstar_ajd)
Posted at: June 11th, 2005 04:22 am (UTC)

thanks for the tutorial! this is what I got :)

Image hosted by Photobucket.com

Posted by: By Jove, I think I've got it! (byjove)
Posted at: June 11th, 2005 04:35 am (UTC)

Very cool! :)

Posted by: Amber (shiningstar_ajd)
Posted at: June 11th, 2005 05:07 am (UTC)

lol. a little more futuristic then I was going for.. but still kind of catches your eye :P

Posted by: Most things decay in a matter of days (sigillumdiabol)
Posted at: October 21st, 2005 06:31 pm (UTC)

fab, simple and easy to follow.

i made Image hosted by Photobucket.com

simple but i like it

Posted by: coexist_love (coexist_love)
Posted at: April 7th, 2006 02:40 am (UTC)

That was awesome!!
I am meming the entry.
I made this though...

Image hosting by Photobucket

21 Read Comments