YesNoOk
avatar

The Palette FAQ (Read 57862 times)

Started by Jesuszilla, August 23, 2010, 03:03:49 am
Re: The Palette FAQ
#21  August 26, 2010, 02:08:03 am
  • ******
  • Put molly all in her champagne, she don een kno it
    • http://khumass.tumblr.com/
I'm not talking about color separation.
Re: The Palette FAQ
#22  August 26, 2010, 02:13:55 am
  • ******
  • all is love in fair and war
and I was not replying to your post  :P
Re: The Palette FAQ
#23  August 26, 2010, 02:18:21 am
  • ******
  • Put molly all in her champagne, she don een kno it
    • http://khumass.tumblr.com/
Fair enough.
Re: The Palette FAQ
#24  August 26, 2010, 03:12:40 am
  • ******
  • all is love in fair and war
but you're free to make your palette color scheme tuto, why not
Re: The Palette FAQ
#25  August 26, 2010, 05:31:50 am
  • ******
  • Put molly all in her champagne, she don een kno it
    • http://khumass.tumblr.com/
I'd have no idea where to put it.
Re: The Palette FAQ
#26  August 26, 2010, 06:29:03 am
  • ******
  • I'm a fuffy.
    • USA
    • www.trinitymugen.net
Here.
Re: The Palette FAQ
#27  August 26, 2010, 06:48:02 am
  • ******
  • Still around, guys, more awesomer.
    • USA
    • www.bmarquis.com
By here, he means in this very thread.
Accusare nemo se debet nisi coram Veridis
DYNOMITE
Re: The Palette FAQ
#28  August 26, 2010, 06:56:33 am
  • ******
    • USA
Not to hijack this topic, but I feel a bit of elaboration should be made to show the newbies about proper shading, how to do reference colors (IE, based on other characters) and the like.  I was about to type one up myself, but I don't want to seem like I'm...ahem....pissing on anyone's lawn.  :P
Re: The Palette FAQ
#29  August 26, 2010, 07:36:29 am
  • ******
  • all is love in fair and war
there are many styles and preferences, sharing your own style doesn't count as pissing at someone's laundry
Re: The Palette FAQ
#30  August 26, 2010, 09:24:08 pm
  • ******
  • Put molly all in her champagne, she don een kno it
    • http://khumass.tumblr.com/
Not to hijack this topic, but I feel a bit of elaboration should be made to show the newbies about proper shading, how to do reference colors (IE, based on other characters) and the like.  I was about to type one up myself, but I don't want to seem like I'm...ahem....pissing on anyone's lawn.  :P
Piss on my lawn, and i'll piss in your mouth...

...Ew, nevermind. Proper Palette making tutorial coming soon. If he wants, me and MC2 can split it.
Re: The Palette FAQ
#31  August 26, 2010, 09:40:59 pm
  • ******
  • I'm a fuffy.
    • USA
    • www.trinitymugen.net
Go ahead, and I'll add it to the first post.
Re: The Palette FAQ
#32  August 26, 2010, 10:31:01 pm
  • ******
  • all is love in fair and war
wasn't there a tuto about kof sprite including it's palette on old Sprac by walt?
Re: The Palette FAQ
#33  August 26, 2010, 11:13:25 pm
  • ******
  • I'm a fuffy.
    • USA
    • www.trinitymugen.net
That's really specific, and I'd prefer that you keep your explanations simple.



Also, added a short list of general rules for palette making.
Last Edit: August 26, 2010, 11:23:54 pm by Jesuszilla
Re: The Palette FAQ
#34  August 26, 2010, 11:37:36 pm
  • ******
  • all is love in fair and war
I salvaged this from my safed tuto pages:

what walt said:
Quote
Shading in the KOF style is supposed to be done through the Gradient technique. This requires that each color has anywhere from 4 to 6 shades and each of them with a considerable amount of contrast between one another.

One of the rules of Gradient is that 2 shades of a color that aren't directly neighbors to each other shouldn't touch at all, there must be at least a single pixel line in between one another. There are certain exceptions used mostly on newer sprites for really contrasting shadows, but usage should be minimum.

If you were to pick your shades from the gradient map on the left, each color should be at least 3 areas away from each other, and the lightest shade should be very bright, since the highlights are exactly what gives that crisp look to KOF styled sprites. Of course it's always recommended that you use already existing palettes in order for you not to mess up shades lacking contrast - there's no shame in using what already exists!

I wish it has more elaborate pictures regarding this palette selection

BTW
Quote
Colorizing effects is generally done easiest by desaturating the image and then using hue/saturation to colorize it. In Photoshop, this is done by first going to Image→Adjustments→Desaturate and then Image→Adjustments→Hue/saturation, making sure to check the "Colorize" box.

there is another way without desaturating the original picture.
making new layer on top, then set the layer type/ blending mode to "color"
Last Edit: August 26, 2010, 11:44:53 pm by Kyojuu Tokusou Navetsea
Re: The Palette FAQ
#35  August 26, 2010, 11:56:11 pm
  • ***
  • I bet you didn't know I sprite too
+1 for this thread
as it will probably eliminate alot of shitty palettes that have improper shading and such from being made.

Palettes that will pucker your butthole: http://mugenguild.com/forumx/index.php?topic=118816.0
Re: The Palette FAQ
#36  August 27, 2010, 12:27:55 am
  • ******
  • I'm a fuffy.
    • USA
    • www.trinitymugen.net
I mainly did it because I noticed a certain someone who has been here in the community for two years and didn't know which palette order was correct (and technically, both were, just the program had to use one or the other). I was alerted that people seemed to be forgetting these basic things, so I made a thread.
Re: The Palette FAQ
#37  August 27, 2010, 01:51:20 am
  • ******
    • USA
Alright, here's my little stance on shading.

For those who don't know, shading is an art term that refers to different "layers" of color that make the image look more lifelike.  In MUGEN, it refers to the layers of color on a character's sprite. 

Let's look at Sagat for example's sake.



You can see the different layers of color on his shorts, on his tape, and even on his skin.  These layers add more depth to the sprite.  When making a palette you should make shading a priority.  It's not hard to do this, but there are some pretty common mistakes.

For this, I am going to assume we want to make Sagat's pants red.  This is what we want it to look like.



This is how it should look (theoretically).  All the layers of shading are in place and Sagat's pants are the desired color.

Mistake #1: Repeated colors.

This is one of the first mistakes for people who get started attempting color edits.  This is pretty much when you use the same color more than once and ruin the harmony of the shading. 



When I was a dumb kid with a copy of Capcom vs SNK 2 and too much energy, I used to make a bunch of colors like this.  There is literally no shading whatsoever on his pants.  It looks really bad as you can see.



This is not AS bad, but it's still not good.  An entire layer of shading was removed from his pants, and it just looks ugly.

Avoiding this mistake is as simple as making sure you don't re use the same color for each layer.

Mistake #2: Improperly layered colors

This is when your color layers are all there, but are in an order that ruins the look.  Here's an example.



The shading on Sagat's pants is supposed to have the lightest shade of the colors on the outer part of the shorts and the darkest being the lines around his crotch.  This palette has it in the exact opposite.  Such mistakes are not always done in this way, sometimes the palette is completely fine except for two shades that are switched around in an incorrect order that need to be swapped.

To avoid this, just take a look at the character's default palette and familiarize yourself with how the shading is layered.

Mistake #3: Inharmonious/clashing colors

This is when your colors are too different from each other to look right.



See that orange shade?  It clashes really bad with the shades of red. 

Now I feel it is worth mentioning that some character sprites do have somewhat clashing colors on their sprites.  Most evident in Street Fighter 3 and King of Fighters characters.  Here are some examples



Hugo's colors are all over the place due to how detailed Street Fighter 3's sprites are, and Kula's colors go through totally different hues because colors in KOF have different contrast as opposed to Capcom, where the hues are pretty close to each other.  This is what gives KOF it's darker look on its sprites while Capcom's are more vibrant generally.  However, even if you are paletting these characters you can still clash too much.  For instance...



The shade of red goes into an orangish-red shade that is way too different for a consistent palette.  It looks really bad.

To avoid this mistake, just make sure your colors are close enough to be good looking shading but not too close so that you get mistake #1.

In theory, even if you avoid all three of these mistakes you can still make a palette that looks bad.  But what looks bad is subjective really.  Beauty is in the eye of the beholder.  A color scheme you think is ugly and unappealing could be cool to another person.  Just go over your palettes until you have something you think looks good.

Also when you take shading into consideration, remember that characters from different source games will have different types of shading on their sprites.  So you are going to need to learn to adapt to different styles and apply these tips to the new sprites.

I'll edit this post with some more later.  I'm gonna also show people how to make colors based on other characters/images/etc.
Last Edit: August 27, 2010, 02:43:51 am by MC2
Re: The Palette FAQ
#38  August 27, 2010, 02:04:29 am
  • ******
  • I'm a fuffy.
    • USA
    • www.trinitymugen.net
There's not enough contrast in the second red shade (going from darkest to lightest) like there is in the original for that Sagat palette.


Good explanations though.
Re: The Palette FAQ
#39  August 27, 2010, 02:35:38 am
  • ******
  • Put molly all in her champagne, she don een kno it
    • http://khumass.tumblr.com/
Damnit MC2, I was almost done with mine.
Re: The Palette FAQ
#40  August 27, 2010, 02:37:42 am
  • ******
    • USA
Dammit, contrast.  That's the word I was looking for but kept slipping my mind.  >_<

Thanks JZ.  Now when I update that I will have an easier time explaining stuff.