By Jove, I think I've got it! ([info]byjove) wrote,
@ 2005-04-27 22:46:00
Previous Entry  Add to memories!  Tell a Friend  Next Entry
Current mood: sleepy

TUTORIAL 3: CHARLIZE THERON
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 [info]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 [info]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 [info]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? ;)




Page 1 of 2
<<[1] [2] >>

(105 comments) - (Post a new comment)


[info]postergirl_
2005-04-28 06:09 am UTC (link)
Beautiful tutorial! xoxo

(Reply to this) (Thread)


[info]byjove
2005-04-28 06:14 am UTC (link)
Thank you! :)

(Reply to this) (Parent)


[info]shadow_of_me
2005-04-28 06:19 am UTC (link)
Wonderful tutorial =) Adding it to my memories.

(Reply to this) (Thread)


[info]chrissybug16
2005-04-28 06:47 am UTC (link)
awesome tutorial! love it

love your icon shadow_of_me so gorgeous

(Reply to this) (Parent)(Thread)

(no subject) - [info]byjove, 2005-04-29 12:37 am UTC
(no subject) - [info]shadow_of_me, 2005-05-14 07:46 pm UTC
(no subject) - [info]byjove, 2005-04-29 12:37 am UTC

[info]ressie_noldo
2005-04-28 07:31 am UTC (link)
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. :)

(Reply to this) (Thread)


[info]byjove
2005-04-29 12:35 am UTC (link)
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. :)

(Reply to this) (Parent)


[info]lil_shroom
2005-04-28 07:52 am UTC (link)
Great tutorial. Adding to my memories. Thank you.

(Reply to this) (Thread)


[info]byjove
2005-04-29 12:29 am UTC (link)
You're welcome. :)

(Reply to this) (Parent)


[info]icie
2005-04-28 08:58 am UTC (link)
This is wonderful tutorial :D And I could easily use GIMP :D Thank you :)

(Reply to this) (Thread)


[info]campmotha
2005-04-28 10:25 am UTC (link)
Oh urs turned out great wicked.

(Reply to this) (Parent)

(no subject) - [info]byjove, 2005-04-29 12:28 am UTC

[info]hannahclarke
2005-04-28 09:41 am UTC (link)
OMG - I love this tutorial. Can't wait to get home and try it. Thanks

(Reply to this) (Thread)


[info]byjove
2005-04-29 12:26 am UTC (link)
You're welcome! I'd love to see what you make. :) And is that Spike? He looks...different, lol.

(Reply to this) (Parent)(Thread)

(no subject) - [info]hannahclarke, 2005-04-29 06:20 am UTC
(no subject) - [info]hannahclarke, 2005-04-29 06:16 pm UTC
(no subject) - [info]byjove, 2005-04-30 04:59 am UTC
(no subject) - [info]hannahclarke, 2005-04-30 08:45 am UTC

[info]campmotha
2005-04-28 10:23 am UTC (link)
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?

(Reply to this) (Thread)


[info]byjove
2005-04-29 02:04 am UTC (link)
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! :)

(Reply to this) (Parent)(Thread)

(no subject) - [info]campmotha, 2005-04-29 05:41 am UTC
(no subject) - [info]byjove, 2005-04-29 05:50 am UTC
(no subject) - [info]campmotha, 2005-04-29 05:54 am UTC
(no subject) - [info]byjove, 2005-04-29 06:05 am UTC

[info]madelineanne
2005-04-28 01:45 pm UTC (link)
Cool! Very helpful clear and useful!!! Thank you!!

(Reply to this) (Thread)


[info]byjove
2005-04-29 12:24 am UTC (link)
You're welcome! :)

(Reply to this) (Parent)


[info]hpfan58
2005-04-28 02:30 pm UTC (link)
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?

(Reply to this) (Thread)


[info]hpfan58
2005-04-28 02:30 pm UTC (link)
*trouble

(Reply to this) (Parent)

(no subject) - [info]byjove, 2005-04-29 12:24 am UTC
(no subject) - [info]hpfan58, 2005-04-29 12:50 am UTC
(no subject) - [info]byjove, 2005-04-29 01:31 am UTC
(no subject) - [info]hpfan58, 2005-04-29 08:01 pm UTC
(no subject) - [info]byjove, 2005-04-30 04:58 am UTC
(no subject) - [info]hpfan58, 2005-04-30 02:59 pm UTC
(no subject) - [info]byjove, 2005-05-01 09:26 pm UTC

[info]pinkiipooh
2005-04-28 02:36 pm UTC (link)
great tutorial! thanks!

(Reply to this) (Thread)


[info]byjove
2005-04-29 12:21 am UTC (link)
Thanks! :) ♥

(Reply to this) (Parent)


[info]theleapingmuse
2005-04-28 03:23 pm UTC (link)
Gorgeous tutorial. Saving it to memories. ^_^

(Reply to this) (Thread)


[info]byjove
2005-04-29 12:20 am UTC (link)
Thanks! :)

(Reply to this) (Parent)


[info]aaricia
2005-04-28 03:37 pm UTC (link)
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 :)

(Reply to this) (Thread)


[info]byjove
2005-04-29 12:29 am UTC (link)
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. :)

(Reply to this) (Parent)(Thread)

(no subject) - [info]aaricia, 2005-04-29 12:37 am UTC

(Deleted post)

[info]byjove
2005-04-29 12:19 am UTC (link)
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. :)

(Reply to this) (Parent)(Thread)

(no subject) - [info]crayons15, 2005-04-29 02:55 am UTC
(no subject) - [info]crayons15, 2005-04-29 03:35 am UTC

[info]rose_noire
2005-04-28 04:54 pm UTC (link)
I like this. memorying it

(Reply to this) (Thread)


[info]byjove
2005-04-29 12:16 am UTC (link)
Glad you liked it. :)

(Reply to this) (Parent)


[info]kathrinchen
2005-04-28 05:52 pm UTC (link)
thanks for that wonderful tutorial
I added it to my memories and already made an icon with it
thanks very much again

(Reply to this) (Thread)


[info]byjove
2005-04-29 12:15 am UTC (link)
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. :)

(Reply to this) (Parent)(Thread)

(no subject) - [info]kathrinchen, 2005-04-29 08:03 am UTC
(no subject) - [info]byjove, 2005-04-30 05:02 am UTC
(no subject) - [info]kathrinchen, 2005-04-30 09:50 am UTC

[info]lastyearswishes
2005-04-28 06:17 pm UTC (link)
wow. this looks absolutely gorgeous ^-^ i've added it to memories for future reference, thanks! :D

(Reply to this) (Thread)


[info]byjove
2005-04-29 12:12 am UTC (link)
You're welcome!

(Reply to this) (Parent)


[info]tricky_disco
2005-04-29 01:08 am UTC (link)
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 ;)

(Reply to this) (Thread)


[info]byjove
2005-04-29 01:25 am UTC (link)
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

(Reply to this) (Parent)


[info]medivh
2005-04-29 04:56 am UTC (link)
The blob was the hardest part!

Image hosted by Photobucket.com

Thank you for the tutorial!

(Reply to this) (Thread)


[info]byjove
2005-04-29 05:11 am UTC (link)
That looks great! :)

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

(Reply to this) (Parent)


[info]bo_red
2005-04-29 03:05 pm UTC (link)
no way u werent boring, that was a gr8 tutorial!
heres wat i got:
Image hosted by Photobucket.com

(Reply to this) (Thread)


[info]byjove
2005-04-30 05:00 am UTC (link)
I like that! The coloring's especially nice, I think. :)

(Reply to this) (Parent)(Thread)

(no subject) - [info]bo_red, 2005-04-30 05:11 pm UTC
(no subject) - [info]byjove, 2005-05-01 09:24 pm UTC
(no subject) - [info]bo_red, 2005-05-02 11:47 am UTC

[info]thewillandword
2005-04-29 06:18 pm UTC (link)
Thanks for the inspriation and the tutorial!

Image hosted by Photobucket.com

(Reply to this) (Thread)


[info]byjove
2005-04-30 05:00 am UTC (link)
You're welcome! And that looks great. :)

(Reply to this) (Parent)


[info]opiumgaze
2005-04-30 07:12 am UTC (link)
Amazing tutorial! Thank you!

This is mine:

(Reply to this) (Thread)


[info]byjove
2005-05-01 09:28 pm UTC (link)
That looks gorgeous. Good job! :)

(Reply to this) (Parent)


[info]ladylaurelote
2005-05-01 06:28 am UTC (link)
Lovely tutorial; thanks for sharing.

(Reply to this) (Thread)


[info]byjove
2005-05-01 09:21 pm UTC (link)
You're welcome. :)

(Reply to this) (Parent)


[info]equinoccio
2005-05-06 03:41 pm UTC (link)
Nice tutorial <33

(Reply to this) (Thread)


[info]byjove
2005-05-06 11:30 pm UTC (link)
Thanks. :)

(Reply to this) (Parent)


[info]jinn_ay
2005-05-06 09:23 pm UTC (link)
Oooh I love this!

I made this:
Image Hosted by ImageShack.us

Thanks, memoried it ;D

(Reply to this) (Thread)


[info]byjove
2005-05-06 11:30 pm UTC (link)
That looks great. :)

(Reply to this) (Parent)

<3 the tutorial
[info]funnygirl46
2005-05-10 07:43 am UTC (link)
Image hosted by Photobucket.com

(Reply to this) (Thread)

Re: <3 the tutorial
[info]byjove
2005-05-11 01:52 am UTC (link)
That looks really good! :)

(Reply to this) (Parent)


(105 comments) - (Post a new comment)

Page 1 of 2
<<[1] [2] >>

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