- Joined
- Jun 16, 2008
- Messages
- 1,939
How to make an icon
get some program like gimp or photoshop, then start.
First make a background, i mostly use black, then create a new layer (transparent) which you will work on.

When making an icon, start with outlining the object and then filling it with a fitting color. like this:


i usually go on with adding shadings, the light will come from the top left corner of the icon. we will draw the light's characteristics step by step.

darken the color with you palet from white too dark. the number of steps between those varies up to personal preference, i think i used 5 to 6 steps here.

when drawing the shadows already try to outline the object a little and think about how light affects the body. as you can see i made the middle of the blade slightly lighter than the edges. now, before we go on, we remove those ugly lines, time to smudge a little.


lets see how it looks ingame. when working with 1000x1000 solution you can just change the view to 6,25% zoom.

since a sword usually is not undamaged and should be used in battle, add some scratches to it.

also outline the object. vary the thickness of the scratches until you are satisfied with the ingame appearance (zoom out).
now, we are gonna add two bigger scratches, where the blade was hit by another one. highlight the edges of those holes.

select the spray brush and use a relatively big size. add light and shadow now by drawing in white and black with about 15-20 % transperency. also create some contrast between blade and handle by creating deeper shadows at the edge where they meet.

well done, you finished the blade.
next, we go over to the guard.
first, it needs some outlines, i use a thin yellow brush with 40 to 50% transperency.
in the middle of the guard we will place a demon head or something similar to it.

now again we're gonna use smudge to define the object and add shapes to it. i also smudged the yellow outlines we just drew.

in the next step we do a lot of things. we use the same shading method as we did for the blade for every single part of the guard to define its form. then we select a thin black pencil and draw some outlines. at some parts, care that the light will come from the top left.

now highlight the parts in the direction of the light source.

add shadows (again with the brush (scaled to 3,00) and black color with high transperency).

draw more generic shadows depending on the light source.

we finished the guard, now add a handle using the same techniques. always remember where the light source comes from.

make sure you forgot nothing, draw some more outlines until you are satisfied with the object itself (dont forget to check ingame appearance).

good. now we will continue with some special effects.

create a new layer.

scale the whole image down to 500x500. its easier to work with because the pencils become bigger.

move the object layer under the background, so it will not disturb you.

select a very big brush with transperency and start to draw something like this:

then use smudge to draw rays of light. start with the outer part and work through to the inner.

then put the object layer back where it was before and see how the pic looks.

add some more extreme light

when you are satisfied with your result then save the image. i called it SacredSword and saved it as an xcf (gimp format). i usually save it as a psd as well to give a wip when submitting an icon.
after that you scale it down to 64x64 and save it first as a bmp, then as a png.
when saving as a png make sure you chose the highest quality.

Congratulations, you finished the tutorial.
you can find the icon here:
http://www.hiveworkshop.com/forums/icons-541/btnsacredsword-139529/
an important thing about style:
the most important thing is that you like your work, but when you submit it you might get bad feedback because others do not like it. if you are really searching for ways to improve then ask some experienced 2d artist what to improve and ignore all the flamers in your thread.
if someone offends you, report the post.
also, icons will be actually used in a map only if they more or less fit the blizzard style, so try to match it.
good icons makers you can look up to are:
mr goblin, kel thuzad, crazyrussian, goos, paladon, zombie2279, kimberly and bigapple.
if you have questions or suggestions concerning icons or this tutorial then feel free to post here or write me a visitor/private message.
~pala
Attachments
Last edited: