?

Log in

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

TUTORIAL 3: CHARLIZE THERON

April 27th, 2005 (10:46 pm)
sleepy

current mood: sleepy

Requirements: Photoshop
Info: Desaturation, light texture, and gradients.

I originally started out doing a tutorial on desaturation, but then I realized that there wasn't much to go on about (and since it was raining outside), so I just made an icon and did a tutorial on it.

NOTE: When I talk about adding a gradient, text, or ANYTHING, assume that I am talking about adding a new layer before you add the gradient/text/etc. Having a new layer for everything that you do prevents you from making "unerasable" mistakes. Instead, you can just delete the layer and start over.

We will be going from this:

to this:






This will be the image we start off with. Use the Unsharpen Mask (if you don't know how, refer back to tutorial 2 or 2.5), crop/resize it to 100x100, and then use the smudge tool to smooth out the skin, if necessary.


Duplicate the layer, and desaturate it (Shift + Ctrl + U). Then set the layer on screen.


It looked okay, but her face and neck looked too red for me, so I added a new layer, and flood filled it with a peachy/creamy color (#DFC48A). I erased the parts I didn't want to change (basically everything but her face and neck), and set the layer on overlay. It was a little too much, so I used a round blurred eraser, set the opacity to about 20%, and then started erasing the layer until her skin looked natural (about 4-6 times...ish).


Add this gradient (I believe they're by crumblingwalls. Anyone know for sure?), set it on screen at opacity 66%, and fill 66%.




I saved my PSD, then merged my layers (if you don't, then when you do this step, you will not get the coloring of the icon as it looks now). Using the Rectangular Marquee Tool (M), I selected a strip from Charlize's face horizontally, then copy and pasted the trip into a new document. Then I rotated it so now it was diagonal. Next, I picked a region from her face and went through the same thing.

At this point, you can either choose to unmerge your layers or keep them merged. I unmerged them so I could look through my steps for this tutorial, but you don't need to. DECIDE!


Okay, decided? Good. Now paste those strips back into the icon, and position them anywhere you want. For each layer, I added a "stroke" of 2 pixels. To do this, go to Layer --> Layer Style --> Stroke. I generally like to have different "tones" for each strip, so I duplicated each layer, and set the duplicated long strip layer to screen, and the duplicated rectangle to overlay.


Add a layer flood filled with a creamy color (#F7DBA0), and set it to soft light. Then add our old buddy the blue/pink gradient a few steps up, set to pin light. Then, add a red gradient set to soft light.



We're almost there! The color of the rock was a bit too dark, so I used a round blurred brush with a low opacity, and using a creamy color (#F7DBA0), just went over the rock (on a new layer set on screen).


(black background just to show the blob)
Next, I created a white blooby brush thingymajiggy using a small square brush, and a small round brush. It may look just like a blob, but it was really hard to make! There's a certain artistic skill to it! (I'm not kidding. It took me 10 minutes before I found a blob I liked).


I wrote out "CHARLIZE" in Arial Black, size 6, color #CC9A82. Underneath that, I wrote out "without you i'm incomplete" (what? I had the BSB song stuck in my head :P) in Arial, size 2, color #CC9A82.


I added a light texture by ingrid set on overlay, but the black made her face too dark for the icon, so I took my eraser, set the opacity on about 45%, and erased all the area except the strips, and the text (I liked the effect the light texture had on them).

And you're done! Here's my palette layout, in case this whole thing seemed like Greek instead of English:



I did add a border by sistahsoul99, but I'm kind of "eh" about it. I generally don't like borders, mostly because I can never pick one that "fits" the icon.

Anyhoo, I'd love to see any icons that you make with this tutorial, if you do. Give me some feedback! :D I wasn't that boring, was I? ;)

Comments

Page 1 of 2[1][2]
Posted by: ジエシ方 (postergirl_)
Posted at: April 28th, 2005 06:09 am (UTC)

Beautiful tutorial! xoxo

Posted by: By Jove, I think I've got it! (byjove)
Posted at: April 28th, 2005 06:14 am (UTC)

Thank you! :)

Posted by: Marianne (shadow_of_me)
Posted at: April 28th, 2005 06:19 am (UTC)

Wonderful tutorial =) Adding it to my memories.

Posted by: chrissybug16 (chrissybug16)
Posted at: April 28th, 2005 06:47 am (UTC)

awesome tutorial! love it

love your icon shadow_of_me so gorgeous

Posted by: By Jove, I think I've got it! (byjove)
Posted at: April 29th, 2005 12:37 am (UTC)

Posted by: Marianne (shadow_of_me)
Posted at: May 14th, 2005 07:46 pm (UTC)

Posted by: By Jove, I think I've got it! (byjove)
Posted at: April 29th, 2005 12:37 am (UTC)

Posted by: No. (ressie_noldo)
Posted at: April 28th, 2005 07:31 am (UTC)

What layer mode are you using that light texture on? They're supposed to be used on 'Lighten' or 'Screen' so that the black doesn't make a difference. :)

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

Oh darn, I forgot to add that detail, didn't I? :X It was actually on overlay. I thought that lighten/screen was too light, so I chose overlay to add some dark. :)

Posted by: lil_shroom (lil_shroom)
Posted at: April 28th, 2005 07:52 am (UTC)

Great tutorial. Adding to my memories. Thank you.

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

You're welcome. :)

Posted by: Icie (icie)
Posted at: April 28th, 2005 08:58 am (UTC)
Anastacia - Living my dream

This is wonderful tutorial :D And I could easily use GIMP :D Thank you :)

Posted by: Campmotha (campmotha)
Posted at: April 28th, 2005 10:25 am (UTC)

Oh urs turned out great wicked.

Posted by: By Jove, I think I've got it! (byjove)
Posted at: April 29th, 2005 12:28 am (UTC)

Posted by: Clarkey (hannahclarke)
Posted at: April 28th, 2005 09:41 am (UTC)
15. Ill

OMG - I love this tutorial. Can't wait to get home and try it. Thanks

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

You're welcome! I'd love to see what you make. :) And is that Spike? He looks...different, lol.

Posted by: Clarkey (hannahclarke)
Posted at: April 29th, 2005 06:20 am (UTC)

Posted by: Clarkey (hannahclarke)
Posted at: April 29th, 2005 06:16 pm (UTC)

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

Posted by: Clarkey (hannahclarke)
Posted at: April 30th, 2005 08:45 am (UTC)

Posted by: Campmotha (campmotha)
Posted at: April 28th, 2005 10:23 am (UTC)

Image hosted by Photobucket.com ok so that is my Pathetic attempt, It as a great tutorial , Thanks. I added acouple layers and stuff, but yea, so what do you think?

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

It looks good! :) The only thing I would change is the text. It's a bit too harsh set against the dark background. Otherwise, it looks good! :)

Posted by: Campmotha (campmotha)
Posted at: April 29th, 2005 05:41 am (UTC)

Posted by: By Jove, I think I've got it! (byjove)
Posted at: April 29th, 2005 05:50 am (UTC)

Posted by: Campmotha (campmotha)
Posted at: April 29th, 2005 05:54 am (UTC)

Posted by: By Jove, I think I've got it! (byjove)
Posted at: April 29th, 2005 06:05 am (UTC)

Posted by: madelineanne (madelineanne)
Posted at: April 28th, 2005 01:45 pm (UTC)

Cool! Very helpful clear and useful!!! Thank you!!

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

You're welcome! :)

Posted by: Ally (hpfan58)
Posted at: April 28th, 2005 02:30 pm (UTC)

thanks, that's great!

the only thing that i'm having troublt with is this:

"Next, I created a white blooby brush thingymajiggy using a small square brush, and a small round brush. It may look just like a blob."

I can't seem to figure it out. I'm using PhotoShop 5.0. Could you help me?

Posted by: Ally (hpfan58)
Posted at: April 28th, 2005 02:30 pm (UTC)

*trouble

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

Posted by: Ally (hpfan58)
Posted at: April 29th, 2005 12:50 am (UTC)

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

Posted by: Ally (hpfan58)
Posted at: April 29th, 2005 08:01 pm (UTC)

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

Posted by: Ally (hpfan58)
Posted at: April 30th, 2005 02:59 pm (UTC)

Posted by: By Jove, I think I've got it! (byjove)
Posted at: May 1st, 2005 09:26 pm (UTC)

Posted by: ashley marie (pinkiipooh)
Posted at: April 28th, 2005 02:36 pm (UTC)

great tutorial! thanks!

Posted by: By Jove, I think I've got it! (byjove)
Posted at: April 29th, 2005 12:21 am (UTC)

Thanks! :) ♥

Posted by: kiss me kate (theleapingmuse)
Posted at: April 28th, 2005 03:23 pm (UTC)

Gorgeous tutorial. Saving it to memories. ^_^

Posted by: By Jove, I think I've got it! (byjove)
Posted at: April 29th, 2005 12:20 am (UTC)

Thanks! :)

Posted by: J. (aaricia)
Posted at: April 28th, 2005 03:37 pm (UTC)

Beautiful. And you don't even have to use the light texture if you don't want to :) Too bad I suck at multi-pic icons, I almost never get the placement right. Gah, still saving because the tut is awesome :)

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

I have to admit, I'm quite fond of light textures. Like really, really fond. lol. I don't think you "suck" at multi-picture icons - this is actually the second one that I've made using smaller pictures, hehe. I'm not even going to tell you to practice, because you don't need practice to make these sorts of icons, really. :)

Posted by: J. (aaricia)
Posted at: April 29th, 2005 12:37 am (UTC)

(Deleted comment)
Posted by: By Jove, I think I've got it! (byjove)
Posted at: April 29th, 2005 12:19 am (UTC)

What you want to is copy the selection and paste it into a new layer instead of trying to move it. So when you've selected the area you want, right click, and choose the option "Layer via copy", and it'll automatically post it into the icon as a new layer. If you want to rotate it, copy the layer first, open a new document, and then move the layer from your icon to the new document. Only thing is that instead of "moving" it from one document to the other, Photoshop will just copy it into the new document. So when you've finished rotating and doing whatever you want to the strip, you'll have to delete the area that you "layered via copy" on the original icon (if you want to, that is).

Phew! Sorry about writing a novel! I hope it was clear for you. If not, let me know and I can make a pictorial explanation. :)

Posted by: Jessica (crayons15)
Posted at: April 29th, 2005 02:55 am (UTC)

Posted by: Jessica (crayons15)
Posted at: April 29th, 2005 03:35 am (UTC)

Posted by: Shelly (rose_noire)
Posted at: April 28th, 2005 04:54 pm (UTC)

I like this. memorying it

Posted by: By Jove, I think I've got it! (byjove)
Posted at: April 29th, 2005 12:16 am (UTC)

Glad you liked it. :)

Posted by: Miss K (tinkerfairy)
Posted at: April 28th, 2005 05:52 pm (UTC)

thanks for that wonderful tutorial
I added it to my memories and already made an icon with it
thanks very much again

Posted by: By Jove, I think I've got it! (byjove)
Posted at: April 29th, 2005 12:15 am (UTC)

I'm glad you liked it. If you ever decide to use the icon that you made, let me know! I'd love to see how it turned out for you. :)

Posted by: Miss K (tinkerfairy)
Posted at: April 29th, 2005 08:03 am (UTC)

Posted by: By Jove, I think I've got it! (byjove)
Posted at: April 30th, 2005 05:02 am (UTC)

Posted by: Miss K (tinkerfairy)
Posted at: April 30th, 2005 09:50 am (UTC)

Posted by: i was hiding under your porch because i love you (lastyearswishes)
Posted at: April 28th, 2005 06:17 pm (UTC)
erik // [me]

wow. this looks absolutely gorgeous ^-^ i've added it to memories for future reference, thanks! :D

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

You're welcome!

Posted by: I AM NOT SHOUTING, I AM JUST STUCK THIS WAY (tricky_disco)
Posted at: April 29th, 2005 01:08 am (UTC)
love exist

Egads, that is so memorised!

"I created a white blooby brush thingymajiggy"

I just love that term! ^_^ I usually just hear damn tecno-jargon every day, that gets the point across just as clearly ;)

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

Haha, thank you!

I originally wrote "blobby", but that sounded too much like "bobby", which actually made sense, so I just changed it to "blooby." It's perfect, isn't it? ;) Just like how drunk people are more fun to be with, gibberish is easier to understand! :D

(Deleted comment)
Posted by: By Jove, I think I've got it! (byjove)
Posted at: April 29th, 2005 05:11 am (UTC)

That looks great! :)

The blob was the hardest part!
See, told ya! ;)

Posted by: V Casablancas (bo_red)
Posted at: April 29th, 2005 03:05 pm (UTC)

no way u werent boring, that was a gr8 tutorial!
heres wat i got:
Image hosted by Photobucket.com

Posted by: By Jove, I think I've got it! (byjove)
Posted at: April 30th, 2005 05:00 am (UTC)

I like that! The coloring's especially nice, I think. :)

Posted by: V Casablancas (bo_red)
Posted at: April 30th, 2005 05:11 pm (UTC)

Posted by: By Jove, I think I've got it! (byjove)
Posted at: May 1st, 2005 09:24 pm (UTC)

Posted by: V Casablancas (bo_red)
Posted at: May 2nd, 2005 11:47 am (UTC)

Posted by: thewillandword (thewillandword)
Posted at: April 29th, 2005 06:18 pm (UTC)

Thanks for the inspriation and the tutorial!

Image hosted by Photobucket.com

Posted by: By Jove, I think I've got it! (byjove)
Posted at: April 30th, 2005 05:00 am (UTC)

You're welcome! And that looks great. :)

Posted by: Leslie (opiumgaze)
Posted at: April 30th, 2005 07:12 am (UTC)
happy sun

Amazing tutorial! Thank you!

This is mine:

Posted by: By Jove, I think I've got it! (byjove)
Posted at: May 1st, 2005 09:28 pm (UTC)

That looks gorgeous. Good job! :)

Posted by: k-dizzle (ladylaurelote)
Posted at: May 1st, 2005 06:28 am (UTC)

Lovely tutorial; thanks for sharing.

Posted by: By Jove, I think I've got it! (byjove)
Posted at: May 1st, 2005 09:21 pm (UTC)

You're welcome. :)

Posted by: equinoccio (equinoccio)
Posted at: May 6th, 2005 03:41 pm (UTC)
belindamoderatto

Nice tutorial <33

Posted by: By Jove, I think I've got it! (byjove)
Posted at: May 6th, 2005 11:30 pm (UTC)

Thanks. :)

Posted by: Jinnay (jinn_ay)
Posted at: May 6th, 2005 09:23 pm (UTC)

Oooh I love this!

I made this:
Image Hosted by ImageShack.us

Thanks, memoried it ;D

Posted by: By Jove, I think I've got it! (byjove)
Posted at: May 6th, 2005 11:30 pm (UTC)

That looks great. :)

Posted by: Katherine! (funnygirl46)
Posted at: May 10th, 2005 07:43 am (UTC)
<3 the tutorial

Image hosted by Photobucket.com

Posted by: By Jove, I think I've got it! (byjove)
Posted at: May 11th, 2005 01:52 am (UTC)
Re: <3 the tutorial

That looks really good! :)

104 Read Comments
Page 1 of 2[1][2]