HOME | DD
Frario β Color pallettes
Published: 2014-09-20 00:46:42 +0000 UTC; Views: 6748; Favourites: 462; Downloads: 39
Redirect to original
Description
This is from a question I answered back on tumblr in July.Visuals convey more than text, but Iβll explain the image briefly.
Hue shifting is important to get colorful sprites, but you should also play around with saturation. I lower saturation as the shades get darker; and I raise it as it gets lighter. I hope that helps!
Related content
Comments: 38
Very interesting tutorial. The boxes really spring to life with the hue and saturation shifts.
π: 0 β©: 0
Thanks for this, It's quite helpful!
All my spriting skills I've picked up over the years around the interwebs and one thing that I feel I've learned the slowest is choosing proper colors. For some reason it's just so much harder to figure out T.T
π: 0 β©: 1
It's not just spriting I would say. It's just art in general
π: 0 β©: 1
That makes sense XD
I've spent a bit of time thinking about how to improve my spriting recently, and I come to this solution. 'Shit, I need to learn to be a better artist' Haha~
π: 0 β©: 0
Liked the simple explanation. I think I kind of subconsciously pick out better colors to use when spriting over the years. This picture helps draw comparisons how hue, size and saturation help.
π: 0 β©: 1
Most things should be learned subconsiously : D!
π: 0 β©: 0
Ok, then.
Thanks for letting us know!
π: 0 β©: 0
i personally lower saturation as i get further from the middle shade, making my middle shade which makes up most of the sprite the most saturated
π: 0 β©: 1
that's a good way to do it! My lightest shades take up most of my work so that's what I saturate most.
π: 0 β©: 0
When you say hue-shifting, you mean changing a red to an orange, right?
π: 0 β©: 1
hue shift can be -anything-. from yellow to green, from blue to purple and yellow to red. Heck you could even go from red to blue or from yellow to purple.
π: 0 β©: 1
I get it--mess around and experiment
π: 0 β©: 0
this is what I was talking for in Marty's stream, THANKS A LOT! (tryintodraw)
π: 0 β©: 1
I don't remember exactly what it was inΒ marty's stream but you're welcome? : )
π: 0 β©: 1
we were talkin about hue shifting and dithering ^^
π: 0 β©: 0
This is perfect! I've been trying to think of a way to explain how I make my palettes when people ask, but yes, I find messing with saturation works really well for the darker shades. It's something I picked up on looking at Pokemon sprites, as it was fakemon spriting that got me into pixelling. Thanks for the explanation.
π: 0 β©: 1
YES! PokΓ©mon is what i believe to be the best way to get into pixelart. It has few colors, looks super smooth and motivating for many people!
π: 0 β©: 1
Yeah I agree right? Pokemon was the thing that got me drawing in the first place : PΒ
π: 0 β©: 0
Interesting method I found via the Pixeljoint forums not too long ago: the "Arc" method.
www.planetminecraft.com/blog/1β¦
In basic terms: you take a high-saturation base color, work out the highlights and shadows, and decrease saturation on both the highlights and shadows.
Here's a quick-and-crude example of it using your image (or the non-animated part of it, anyway): i.imgur.com/ff8rfuH.png
π: 0 β©: 1
That's pretty close! However I think that tutorial has too much text. The images explain roughly the necessary
π: 0 β©: 1
It's meant more as a complete tutorial on hue shading and color theory and such, but it is rather verbose.
I've done some editing on older pieces of mine and other people's works (all purely for practice with no intent of stealing or anything) with the Arc method described in the tutorial, and it creates some interesting results. Another example, this time of my own work: i.imgur.com/1HwGNMK.gif (Left side = traditional hue-shifting; right side = Arc method hue-shifting)
π: 0 β©: 1
In my opinion it makes the sprite look dull. I honestly prefer the left one.
π: 0 β©: 1
From what I've seen via experimentation with the technique, the Arc method seems to work best when you want a more "realistic" look to things. It appears to work its best effects on backgrounds, though a few of the Capcom-sized sprites I've experimented on with the Arc method looked okay.
Then again, I'm not the best judge of such things.
At the very least, however, the Arc method could become a technique to keep in mind for experimentation and doodling and such.
π: 0 β©: 1
There's a reason it looks better on Backgrounds. For the main sprites to stand out more, they are more saturated; whereas the backgroundΒ is dull. And in reality it's more logical. The further away, the less saturated. The closer up in focus of the camera, the more saturated.
The arc method is simple a helpful tool. I believe people should experiment and auto criticise themselves to see what suits them.
π: 0 β©: 1
Ugh, I really need to improve with pixel art, I also just pick random colors from the color wheel without any pre defined palette..
It's really slowing down my game project
π: 0 β©: 1
I make up my palette as I go too. So don't worry!
π: 0 β©: 0
Oh this is cool, it's actually what I do with my pixel art. :3
π: 0 β©: 0
- Interesting. I just do whatever lool, but ty for this : p -
π: 0 β©: 1
Same! I just do whatever I feel like but I kinda generalised because so many people kept asking me x_x
π: 0 β©: 1
- Lol ha : p. As long as it helps someone. -
π: 0 β©: 0
Thank you! i don't get the adapted part though
π: 0 β©: 1
that's the part explained inΒ he description. The hue shift ones all have the same saturation. I however make light colours more saturated and brighter and desaturate the darker ones!
π: 0 β©: 1
oh silly me, I've assumed the change in saturation was hue shift too.
π: 0 β©: 0
Thank you for this, sir. Its nice to see this principle applied to an example and show the comparison side by side.
π: 0 β©: 0
