Pixel Game Art: Color

This is the third installment of the Pixel Game Art series.

Choosing the right colors is an important task. Hue, contrast, temperature, saturation; all of these describe color choices. Which choices are good and which should be best avoided? While there are surely many ways to choose colors, this provides a few guidelines for selecting good colors.

Components of Color

No, not red, green, and blue. When making pixel art, it’s often more helpful to think of color as being composed of hue, stauration, and value. Hue is the color’s, well, color. The positions on the color wheel – all the colors of the rainbow and even some that aren’t – are examples of hue. Value, however, is a measure of how bright a color is. Black is the color with zero value, and colors with 100% value are brightest. Humans are good at differentiating between light and dark, and are (slightly less) good at differentiating colors, so altering hue and value will create a strong contrast between colors.

Figure 1: Perhaps the most well-known use of saturation, Mirror’s Edge (Ferrero, 2015).

Saturation is a measure of how much color a color has. Completely unsaturated colors are grayscale. Changing the saturation of similar hues usually does not make them look different to the eye. Using many different levels of saturation in a single texture can make colors blend into one another. This makes changing color saturation a less effective method for increasing contrast. It has its uses, though. A saturated color will stand out when surrounded by less saturated colors, so it can be used to draw the player’s attention to a certain feature in the environment.

Balancing Colors

grad
Figure 2: A color gradient from yellow-green (left) to yellow-orange (right).

Color balance – the amount of red-blue (and secondly, green-magenta) in a texture – is a major part of what makes a texture belong in the game environment. Does a yellow texture have a green tint, or an orange tint? Organic textures may go for the former, while metallic textures may go for the latter. The hue shift tool in your favorite image editor (shh!) may come in handy when selecting colors in this fashion.

An alternative way to make colors mesh is to use a monochrome color palette. Monochrome means “single color,” and textures in this style contain only one or two hues. Outlines and other defining features in the texture are achieved through variations in value. The upside of monochrome textures is that they transition well into grayscale where textures with multiple hues may not.

Whether using a single color or all the colors, carefully chosen colors will make a difference in the quality of textures.

Image Reference

Ferrero, Adam (4 August, 2015). Through the Rose-Colored Glass of Mirror’s Edge. Retrieved form https://rectifygaming.com/through-the-rose-colored-glass-of-mirrors-edge/

Pixel Game Art: Light

This is the second installation of the pixel game art series: the first part can be found here.

Putting the right details in textures is all well and good, but proper lighting consideration is key to creating a consistent (not to mention realistic) feel to textures. While lighting is mostly done with a dedicated lighting engine these days, when texturing it’s still important to suggest lighting directly in the textures themselves. What follows is roughly a list of things to keep in mind.
Continue reading “Pixel Game Art: Light”

Pixel Game Art: Detail

Many beginners make the mistake of thinking that because pixelated textures have less resolution, they are less detailed. Not so! The inside of an 8×8 texture contains 64 pixels. A 16×16 texture has 256 pixels, a 32×32 has 1,024. And unlike painted textures, every pixel is important. Sometimes, it can be difficult to tell how to put detail in such a small space. Add too much and the texture is cluttered and unrecognizable. Add too little, and texture looks flat and dull. As well, the level of detail highly influences the atmosphere of the game in question. Let’s look at a few examples of the most common styles of detail. Continue reading “Pixel Game Art: Detail”