?

Log in

myhearts_atart

icon tutorial - textures

« previous entry | next entry »
Jun. 9th, 2006 | 05:36 pm
posted by: bittersweet_art in myhearts_atart

I've promised a tutorial for a long loooong time, so here is one for this icon:



Made in Photoshop CS2 but easily transferred to other versions.



This is pretty much as basic as my icons come. The simplest of the simple icons.

First off, I don't crop. Ever. I'm way too fickle to afford to do such a thing ;) I open up a new 100x100 document and pull the pic I want for my icon into that, that way I can play around with it, adjust it until the very end. I also find it easier to find the right placement when I get to try everything out.

examples:



I will go with the last one, because I just like it better ;)

Duplicate layer 1 and set the copy to soft light. If necessary adjust the opacity, I'm going with 100% on this one so far. Mostly I also add one more layer set to screen on top of this (on quite a low opacity, just to brighten it up a bit) but since I'll be adding textures here I'll wait until I see how that turns out before doing anything else.

filter>sharpen>sharpen both layers. Most of the time I only sharpen layer1, but it all depends on picture quality and what looks good.



Time to clean the base up a bit. Use the Navigator to zoom in on the icon so you can see exactly what you're doing.



The go to the smudge tool, set it to a small soft brush (I use one set on 3px) and go over the areas that looks pixely or grainy on Layer 1.



Be careful to follow the lines of the face to not make it look plastic and uhm photoshopped ;) That's also the reason I don't do both layers, some imperfection is good for the end result.



Now for the first texture. I use this one for practically every icon I make (a bad habit that I need to break at some point, but it is a very useful texture). You can find it here in texture set 001 if you want it yourself.

I pull it on top of both layers and set it to soft light. For some reason that is the setting I always try first, but sometimes you have to play around a bit, try different ones for different lights and colours.

one text layer on soft light:

two layers, both on soft light:

three layers, all set on soft light:

(And yes, I'm aware that this makes him look like a leper, but the background is pretty! This is why the eraser and masking tools exist.)

four layers, the three previous on soft light 100% as above, the top one on screen 50%:

This is where I bring out the eraser, set to a soft brush (45px) and the flow set to 10%.



I start with the top layer and work my way down until I'm satisfied with getting Jared's face out of the fog and at the same time making it pretty (hopefully).



I like to keep some of the texture of the... texture over the face, because it gives it a nice finish, but not too much.

Second texture is this one which you can also find here in batch 002.

Basically I do the same thing here. Try out the settings and layer orders, duplicate and erase.

One layer of the new texture on soft light 100%, and one on overlay 50%, both on top of the previous ones (erased and ready):

Now I'd like a little more edge to it, so on top of the base layers (Layer1 and the copy) I add an adjustment layer.

layer> new adjustment layer> selective colour> ok> black +15 which gives us this:



I add some text (Sam, because Jared was just too long). The font is 28 days later at 18pt, with the tracking at 100 and the opacity set to 85% and with a drop shadow effect.



And with that I consider myself done. You can really go on forever, playing with settings, more textures, brushes and shapes, but that's for another tutorial ;) Anyway, this is what my final layer palette looks like:



I hope this made any sense what so ever, feel free to ask if anything is unclear, or if you want to see a tutorial for something else! Also, please give me your opinion, is it too basic? Not basic enough? Tell me what you think, it's very easy to forget steps and miss out on explaining things that I take for granted.
Tags:

Link | Leave a comment | Share

Comments {18}

(no subject)

from: setje
date: Jun. 9th, 2006 03:59 pm (UTC)
Link

one day I'm gonna try the PS again ... one day .. one day LMFAO !


*smooch!*

Reply | Thread

Therese

(no subject)

from: bittersweet_art
date: Jun. 9th, 2006 04:02 pm (UTC)
Link

It's like a drug, a DRUG I TELL YOU!!!

Reply | Parent | Thread

(no subject)

from: setje
date: Jun. 9th, 2006 04:27 pm (UTC)
Link

you so want me to change 'dealers' hé .. I'm fine with my 'weed' .. for the moment hahahaha

Reply | Parent | Thread

Ossydeus the Emphatic

(no subject)

from: ozw
date: Jun. 9th, 2006 04:10 pm (UTC)
Link

I love your tutorials. Thank you.

Reply | Thread

Therese

(no subject)

from: bittersweet_art
date: Jun. 9th, 2006 04:17 pm (UTC)
Link

Thank you :)

Reply | Parent | Thread

(Deleted comment)

Therese

(no subject)

from: bittersweet_art
date: Jun. 11th, 2006 01:08 am (UTC)
Link

Oh wow, how great:) Thanks!

Reply | Parent | Thread

Goes "Ding" When There's Stuff

(no subject)

from: suki_blue
date: Jun. 9th, 2006 05:16 pm (UTC)
Link

That was a very written tutorial. Perfect, in fact. Very clear. And it's cool to get an isight into how you make your beautiful icons. I always did wonder :o)

Reply | Thread

Therese

(no subject)

from: bittersweet_art
date: Jun. 11th, 2006 01:08 am (UTC)
Link

Oh thank you!!!

Reply | Parent | Thread

sn_ds35111

(no subject)

from: sn_ds35111
date: Jun. 9th, 2006 06:23 pm (UTC)
Link

nice tut but even nicer that its jared :)

Reply | Thread

Therese

(no subject)

from: bittersweet_art
date: Jun. 11th, 2006 01:08 am (UTC)
Link

Heee yeah he is awfully nice, isn't he;)

Thanks!

Reply | Parent | Thread

~*Sheeba*~

(no subject)

from: rosesandlace
date: Jun. 9th, 2006 06:29 pm (UTC)
Link

I love this tut! I wish ur textures were .zip files tho. They are beautiful! :D

Reply | Thread

Therese

(no subject)

from: bittersweet_art
date: Jun. 11th, 2006 01:13 am (UTC)
Link

Thank you!!! <3<3

I will try to get the textures up as zips as well, will let you know when I do ;) If I take to long, you can find winrar for download on the web :)

Reply | Parent | Thread

Inca

(no subject)

from: incasink
date: Jun. 10th, 2006 08:31 am (UTC)
Link

wow! DEFINITLY going to try this one out!!

Reply | Thread

Inca

(no subject)

from: incasink
date: Jun. 11th, 2006 01:04 am (UTC)
Link

I made this!



I think i got a bit too happy with the eraser over her so she looks a bit weird.

Reply | Parent | Thread

Therese

(no subject)

from: bittersweet_art
date: Jun. 11th, 2006 01:10 am (UTC)
Link

She is PRETTY! And she's a horse!

*snogs you silly*

*is slightly drunk*

Reply | Parent | Thread

(Deleted comment)

Therese

(no subject)

from: bittersweet_art
date: Jun. 11th, 2006 01:11 am (UTC)
Link

Wheee, I'm glad you like it! (Hope it works too, I suck at doing the teaching thing).

*kisses*

Reply | Parent | Thread

Laura

(no subject)

from: rubytitania
date: Jun. 12th, 2006 09:30 am (UTC)
Link

This is a great tut! I really really wanna download your textures but I have no idea what to do with a .rar file :(

Reply | Thread

art3x13

(no subject)

from: art3x13
date: Nov. 29th, 2006 09:09 am (UTC)
Link

Hi! Loved the tutorial! Gave it a shot and wanted to share what I came out with!

Photobucket - Video and Image Hosting

What do you think!? I don't think it came out that good to be honest. Any suggestions for next time?

Reply | Thread