Recoloring Icons

[Orachii]

Recoloring Icons


Icons are one of the fastest ways to get into learning how to sprite. the problem with people is they always try and start at the top and you all need to stop, catch your breath and take in the fact that you need to start at the bottom. Trust me my first character sets sucked, but now they very nice (post later). This Tutorial will show you how to do a simple recolor on a rmxp icon. In fact:

http://i261.photobucket.com/albums/ii59 ... apon01.png[/img]

The Icon above is our target. First lets....

Up-Close

Lets look at the same Icon but closer:

http://i261.photobucket.com/albums/ii59 ... pclose.png[/img]

How many colors do you see?

http://i261.photobucket.com/albums/ii59 ... close2.png[/img]

There are 11 colors to make that sword. So in order to do a good recolor we need to use at least 10, but here we will use 11 (no slacking people).

Once you have your colors picked (oh ya I use Paint.net; easy to use and free) then we can...

Make The Out Line

Here we will change the color on the outer most edge of the sword.

Change the Dark Color

http://i261.photobucket.com/albums/ii59 ... e_edit.png[/img]

Change The Second Dark Color

http://i261.photobucket.com/albums/ii59 ... _edit2.png[/img]

Change The Light Color

http://i261.photobucket.com/albums/ii59 ... _edit3.png[/img]

Making The Sword

Now we will work on making the sword part a different color.

Dark Color

You will also see I added two colors a lighter version of the dark. remember this!!
http://i261.photobucket.com/albums/ii59 ... _edit4.png[/img]

2nd Dark Color

http://i261.photobucket.com/albums/ii59 ... _edit5.png[/img]

Light Color 1

http://i261.photobucket.com/albums/ii59 ... _edit6.png[/img]

Lighter Color

http://i261.photobucket.com/albums/ii59 ... _edit7.png[/img]

Making The Handle

Now we will work on the Handle part of the sword.

Dark Color

http://i261.photobucket.com/albums/ii59 ... _edit8.png[/img]

Dark Color 2

http://i261.photobucket.com/albums/ii59 ... _edit9.png[/img]

Light Color

http://i261.photobucket.com/albums/ii59 ... edit10.png[/img]

Finished

Below is the final product:

http://i261.photobucket.com/albums/ii59 ... apon01.png[/img]

Atemus

 

[Xephyr]

Fantastic tutorial.  Even if it's only for icons.

I've always thought editing icons would be impossible :P

 

[yingjundegou]

Great!
Fantastic tutorial.  Even if it's only for icons.
yes
呵呵看了你的教程真的很ä¸

 

[Isopaha]

This could be also do with Hue/Saturation. More easy than that.

 

[Dough Boy]

Isopha, could you explain how to do it with Hue/Saturation then?

 

[Souloux]

Isopha, could you explain how to do it with Hue/Saturation then?

if your using a photo editing program such as photoshop, it should have the option  of changing the hue/saturation on a bar/scale of some sort.

 

[Hyde]

I think I see you using Fireworks, fireworks for the win!
But yeah I thought what xephyr14  said that there impossible, simply because they don't have much pixels.
But I disagree with xephyr14 "Even if it's only for icons.", I think icons play a big part in the game, 100% of my icons and custom :P