OK so I still see some color loss on sprites and it should hopefully not happen too much after this tut, unless good reason (complicated heavy stage... even then).
This is my personal method but there might be others. Feel free to post your own method. I like this method because I can batch process it (make it automatically by the computer with a script) and RGB split ANIMATIONS. That saves you a fuckin lot of time...
we start with this image. (I will explain for Photoshop and Paint Shop Pro, but the concept is the same anyway):
an Image is composed of a mixture or 3 primary colors. Red + Green + Blue.
if you want an image to become all RED for example, then eliminate all BLUE and GREEN colors in the image.
if you want an image to become all BLUE for example, then eliminate all RED and GREEN colors in the image.
if you want an image to become all GREEN for example, then eliminate all BLUE and RED colors in the image.
So here is what you do.
- Make 3 copies of the image you want to split
- Open the 3 copies in your image editor
- Extract colors as explained in the images (or according to the explanation above about colors)
- Reduce to 256 colors each images
- Save
Photoshop
Paint Shop Pro
(same concept than for Photoshop obviously, just a different software)
(About the "Modif_RGB" button, it's a script I built so you won't find it in your software spontaneously but the point is to show you can make it automatic if you want to)
Final Result for Both software
------------------ Done ---------------------
---------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------
NOW FOR ANIMATION (Sort of Advanced...):
Definition of Alpha channel:
This shit (black and white image coded with sub trans mode that sits BEHIND other layers)
I already explained how to create an alpha channel here:
http://newagemugen.forumotion.com/t1781-how-to-get-a-perfectly-smooth-looking-sprite-no-hard-edges
same concept.
- Put all the frames of your anim in one folder and make 4 copies of that folder
- Build 4 scripts for batch process (a script that turns all images RED, a second script all BLUE, a third script all GREEN, a fourth script for Alpha channel)
- Apply one script per folder (Folder 1 will have all the frames but all RED, folder 2 all BLUE etc..)
- The 4th Folder must be the alpha channel frames. (I STRONGLY SUGGEST YOU STUDY MARGATROID STAGES as this is exactly the method he uses - his anims have 4 layers --> 3 RGB + Alpha channel)
* no need for alpha channel if the anim is the actual background (just code the layer that is the most behind with no trans...)
-----------------------------------------------------------
CODING:
4 Layers = Alpha + R + G + B right ?
Code the Alpha first with SUB trans, then the 3 colors with ADD trans
This is my personal method but there might be others. Feel free to post your own method. I like this method because I can batch process it (make it automatically by the computer with a script) and RGB split ANIMATIONS. That saves you a fuckin lot of time...
we start with this image. (I will explain for Photoshop and Paint Shop Pro, but the concept is the same anyway):
an Image is composed of a mixture or 3 primary colors. Red + Green + Blue.
if you want an image to become all RED for example, then eliminate all BLUE and GREEN colors in the image.
if you want an image to become all BLUE for example, then eliminate all RED and GREEN colors in the image.
if you want an image to become all GREEN for example, then eliminate all BLUE and RED colors in the image.
So here is what you do.
- Make 3 copies of the image you want to split
- Open the 3 copies in your image editor
- Extract colors as explained in the images (or according to the explanation above about colors)
- Reduce to 256 colors each images
- Save
Photoshop
Paint Shop Pro
(same concept than for Photoshop obviously, just a different software)
(About the "Modif_RGB" button, it's a script I built so you won't find it in your software spontaneously but the point is to show you can make it automatic if you want to)
Final Result for Both software
------------------ Done ---------------------
---------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------
NOW FOR ANIMATION (Sort of Advanced...):
Definition of Alpha channel:
This shit (black and white image coded with sub trans mode that sits BEHIND other layers)
I already explained how to create an alpha channel here:
http://newagemugen.forumotion.com/t1781-how-to-get-a-perfectly-smooth-looking-sprite-no-hard-edges
same concept.
- Put all the frames of your anim in one folder and make 4 copies of that folder
- Build 4 scripts for batch process (a script that turns all images RED, a second script all BLUE, a third script all GREEN, a fourth script for Alpha channel)
- Apply one script per folder (Folder 1 will have all the frames but all RED, folder 2 all BLUE etc..)
- The 4th Folder must be the alpha channel frames. (I STRONGLY SUGGEST YOU STUDY MARGATROID STAGES as this is exactly the method he uses - his anims have 4 layers --> 3 RGB + Alpha channel)
* no need for alpha channel if the anim is the actual background (just code the layer that is the most behind with no trans...)
-----------------------------------------------------------
CODING:
4 Layers = Alpha + R + G + B right ?
Code the Alpha first with SUB trans, then the 3 colors with ADD trans