shimmeryicons ([info]shimmeryicons) wrote,
@ 2006-03-31 16:24:00
Previous Entry  Add to memories!  Tell a Friend  Next Entry
Current mood: calm
Current music:"Now is the Time" Damone
Entry tags:tutorial

Tutorial #1
A friend of mine asked for a general tutorial on how I do my icons...so I thought I'd give it a try! My very first one, it's very detailed and hopefully easy to understand. :)

I'm using Photoshop 7, but this should be fairly easily to translate.



1. I started out with this picture from Luminary and resized [Image >> Image size] it to 106x160 [I generally just resize the height until I get the picture around the size I want].

2. Open a new 100x100 document.

3. Drag your resized picture into the new 100x100 document and move it around until you find something that looks good to you.

I ended up with this:

Image hosting by Photobucket

4. Sharpen once [Filter >> Sharpen]. I really hate when my icons are over sharpened, so I faded the sharpen to 50% [Edit >> Fade Sharpen >> 50%]

5. To lighten the image I use curves, a lot of people use screen for this step and it works pretty much exactly the same way...curves is just easier for me. Curves can be a little confusing if you're not used to them, but this is not complicated...all you have to do is move one dot.

a) Go to Layer >> New Adjustment Layer >> Curves so the curves box pops up.
b) Click any place on the top part of the line that goes through the center of the box to create a dot.
c) Drag the dot to the left and upward and watch how your image becomes lighter. Stop when you feel your image is light enough.

My curves box looks like this:

Image hosting by Photobucket

The icon so far:

Image hosting by Photobucket

6. Between the base layer and the curves layer create a new fill layer [Layer >> New Fill Layer >> Solid Color] and fill it with a dark blue [I chose 000D24]and set it to exclusion.

7. Create a new layer at the very top and put a copy of all the layers merged into it [sounds confusing...just press CTRl+ALT+SHIFT+E whith the new layer highlighted]. Set this layer to soft light.

8. Hide the top soft light layer you just made [by clicking the little eyeball next to it]. Go down and duplicate the exclusion layer, leaving it right on top of the other one.

Create another new layer underneath the top hidden layer. Copy the merged picture into this layer [CTRL+ALT+SHIFT+E] and set it to soft light.

Make the top layer visible again by clicking the eyeball.

Your image should look something like this:

Image hosting by Photobucket

9. Create a new fill layer in between the 2 top layers [Layer >> New Fill Layer >> Solid Color] and fill it with a tan color [I used EADCCD] set it to color burn.

Image hosting by Photobucket

10. On top of everything create a new curves layer [Layer >> New Adjustment Layer >> Curves]. Using the dropdown menu at the top, select:

The Blue Channel

[I usually create 2 dots on this line, one on the top and one on the bottom. I move the bottom dot up and to the left to add more blue, and the top dot down and to the right to add a little more yellow].

Image hosting by Photobucket Image hosting by Photobucket

The Green Channel

[I usually create one dot on this line, all the way in the bottom left corner and adjust it slightly by going up and to the left. This adds more green to the image, and I find that it lightens some images significantly].

Image hosting by Photobucket Image hosting by Photobucket

The Red Channel

[I usually just add one dot to this channel too, around the same place as the green...but a little bit higher. I also generally add more red than anything else].

Image hosting by Photobucket Image hosting by Photobucket

11. Duplicate the top curves layer. Set the one on the bottom [the second one] to soft light at an opacity of 50.

Image hosting by Photobucket

12. On top of everything create a new Levels layer [Layers >> New Adjustment Layer >> Levels].

Select the Blue channel from the dropdown menu. Slide the middle slider to the right to add a little blue.

Image hosting by Photobucket

Select the Red channel, slide the middle slider to the right again to add a little more red.

Image hosting by Photobucket

Select the Green channel, and slide the middle slider to the right to add some green and lighten it up a little.

Image hosting by Photobucket

The icon after messing with the levels looks like this: Image hosting by Photobucket

[Note: With every cap the levels and the curves will vary greatly, it really all depends on the image you're working with. So play around a little!]

13. Duplicate the levels layer and set it to soft light opacity 80%.

Image hosting by Photobucket

14. Create a new layer on top of everything and merge a copy of all the layers into it [CTRL+ALT+SHIFT+E]. Select the magnifying tool and zoom in one time. Smooth out the face [and background] a little with the Blur tool if needed. Zoom out.

15. Flatten the image and you're done!

Final Icon: Image hosting by Photobucket

Here's a screen shot of my layers palette just in case:

Image hosting by Photobucket

I hope this was helpful, and I'd love to see what you come up with! :D




(11 comments) - (Post a new comment)


[info]fortunate_acdnt
2006-03-31 09:37 pm UTC (link)
you are so awesome!!!

i love it!!!

(Reply to this)


[info]soda_pop88
2006-03-31 09:45 pm UTC (link)
looks great will definately try later,thanx

(Reply to this)


[info]r0xie0xie
2006-03-31 10:01 pm UTC (link)
Thank You!! adding to memories

(Reply to this)


[info]urban_tea
2006-03-31 11:04 pm UTC (link)
That is so great! Thanks a ton!

(Reply to this) (Thread)


[info]urban_tea
2006-04-04 10:26 pm UTC (link)
I made this:Image hosting by Photobucket

It's actually my first icon since I don't have Photoshop at home (the only time I have access to it is in graphics class), so I'm pretty proud! Thanks for the tutorial!

(Reply to this) (Parent)(Thread)


[info]shimmeryicons
2006-04-04 11:18 pm UTC (link)
Awesome icon! I'm glad you found the tutorial helpful :)

(Reply to this) (Parent)


[info]potiona
2006-04-01 04:46 am UTC (link)
Great tutorial! Memming it :D

(Reply to this)


[info]w_llflower
2006-04-01 06:35 am UTC (link)
I loved it! Thank you! :) Adding to my memories! :)

(Reply to this)


[info]shortstuff85
2006-06-15 04:43 pm UTC (link)
If I had intelligence, this could really help me.

(Reply to this) (Thread)


[info]shimmeryicons
2006-06-15 04:55 pm UTC (link)
LOL well you have intelligence in other areas, you own WMM.

(Reply to this) (Parent)


[info]karmicunderpath
2006-08-03 10:55 pm UTC (link)
Your tutorial has made me a half-decent icon maker! :D thanks :)

(Reply to this)


(11 comments) - (Post a new comment)

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