Color theory part 1

The Nuts and Bolts of Color Theory

By Pamela Park |
August 30, 2019

Part 1 of a 2-part series

Color is one of the most complicated and subjective topics in art. So I’m going to try to summarize it in the shortest terms possible.

First off, I’ll skip covering the color wheel, the scheme types, and color symbolism here; this is just about the nuts and bolts of applying color to your drawings.

You could say representational painting is a process of rendering forms, then painting light over them. This is sometimes literal, in the case of artists who proceed in sequence from pencil sketches to line art, to flat colors, and then highlights and shadows; or not, in the case of artists who jump right in and paint everything from intuition, starting with blobs of color and refining them down. (Note: Wacom Cintiqs are great for this.)

But either way, your piece is still composed of objects defined by their shapes and local colors, with light providing the rest of the visuals.

What Is Color, Though?

Maybe it helps to know how we see colors before you try to represent them.

A photon is the tiniest particle of light, and each one has a color. White light is the result of photons of all colors hitting your eyes at once, and most light bulbs emit a mixture of so many colors that they’re almost white, as does the midday sun.

Any prism in the rainbow

Any Color You Like

When a photon is shot out of a light source, it hits the first object in its path. The atoms of the object’s material eat up most photons, but spit some out in our direction, making up what we see as that object’s base color, or “local color.”

The Two Colors

When a photon leaves the object that ptui’ed it out, it joins the other-colored photons bouncing around the room to form the combination that hits our eyes. So, essentially, the color we see an object as is a mixture of its local color and the color of the light around it. It will retain some of the light’s original color, too—so a yellow streetlight shining on a red fire truck will strike our eyes as orange.Orange Yellow

 

…However, we’ll still know it’s red: Your brain’s amazingly capable of identifying an object’s local color in different lighting conditions by comparing it to its surroundings. This is called color constancy.

Color Constancy sm

From James Gurney’s Color and Light

Trippy, right? That leads us to another concept called…

Color Relativity

…Which is the last concept in reverse: Surrounding a color by certain other ones can cause us to perceive it as an entirely different hue.

Munker Illusion

A “Munker Illusion:” All of the circles are the same color, only their positions on the lines are different. Image by David Novick of UT El Paso.

“Cool story, but how does this affect my art?”

Simple: These are the most basic principles you have to take into consideration while painting.

That’s why—until you develop an intuition for mixing local and light colors—I recommend you paint with the first method from the intro: Starting by drawing out the subject’s form, then using the fill tool (or a large brush) to add local colors, then moving on to painting light and shadow colors over them.

Additional light sources will add more colors, and as a beginner, it might be impossible to guess the exact hue a red fire truck under a yellow streetlamp on a blue-moonlit night will end up as. But by painting the yellow highlights and the blue shadows using layers at half (or whatever) opacity over the local red, you can let the process determine it for you.red, yellow, orange, gray

 

Weird.

Color relativity is also very useful in picking color schemes and choosing where to use which shades. For example, on a subtler level than the Munker Illusion, cool colors surrounded by warm colors will look more darker or more drab; warm colors surrounded by cool colors will pop more. This can help you decide where to place certain lights and objects in the painting, and even create the illusion that there are more colors within a limited palette than there actually are.

This forms the foundation of color harmonies, combinations that look pleasing to the eye. This is due to some complicated psychology and wavelength stuff, which I mentioned I had to leave out, but see the “homework” section.

…It’s also why great colorists, such as master painters, will mix in splotches or overlays of different hues to create a more pleasing visual effect, even if they realistically wouldn’t be there.

Creating Harmonies

Oh yeah, speaking of that, you shouldn’t be adhering directly to realism. That little overview of how color works in the real world was only a guide to make sure that you have a solid foundation on which to modify it and mix your own.

A fixation on the exact shades things are “supposed to be” will hold you back. Personally, it was one of my biggest obstacles to learning digital painting for years. “I’ve colored this fire truck red, but is it the exact right shade of red? If I get it a bit off, did I draw a bad fire truck?” But that was as ridiculous as it now seems writing it out: In your world, there’s no reason a fire truck has to be a perfect #CE2029. It can be any variation you want as long as it still reads as red, and you can and should adjust it to work better with your palette.

Sometimes, less is more. One of digital art’s biggest upsides—the fact that we have a choice of unlimited colors at hand with a click—can prove a double-edged sword for new artists. A smaller palette creates harmony and encourages creative changes to the color of objects and light.

Paradoxically, when creating a colorful piece, you want to reduce the total number of colors used: this keeps it from losing its unity. E.g., try consolidating all of the light blues into your scene into one light blue that you use everywhere, using the eyedropper to make sure that you get the same shade every time.* Tamping down the number of colors in your piece and focusing on blending the ones you have will give you a much stronger and better-mixed piece.

*There are some artists who will paint their palette in a separate layer off to the side of the canvas for this reason.

Now Pick A Palette

“If you choose your colors ahead of time, you’re more likely to end up with nice, pleasing color schemes than if you were to just dive right in and start picking colors randomly,” says Ctrl+Paint’s Matt Kohr.

So here’s an exercise I’d like you to try: Next painting, pick five colors and use only them for everything. (You are also allowed black and white.) It doesn’t matter what the subject is, and you shouldn’t pick it based on your palette, since this is meant to open your mind to coloring possibilities: if you just want to take a grayscale painting and color it this way as practice before you move on to do it for real, that also works.

How do you pick the exact shades? I can’t answer that for sure without a color theory section that would quattuordecimtuple* this article’s length. So instead, I’ll teach you to cheat. Gasp!

(*14x.)

There are online utilities like Paletton and Adobe Color that present you with a color wheel and automatically apply theory principles to generate a five-color palette based on a base color you select.

 

There are also palette libraries like Colrd and Color Hex Palettes, and plenty of artists share their palettes on Deviantart and Tumblr in the form of jpegs you can eyedropper from.

 

From A.R. Mundy on Deviantart

Image credit: A.R. Mundy on Deviantart

 

How are you supposed to do a whole painting without every possible shade you could need? Simple: mix them and do some improvising. A small range of colors, blended in different ways, can create a much wider range: remember how it only takes three to make up the whole spectrum of visible light?

Homework

Just as important to understanding color are many concepts I had to leave out, many quite fundamental. So here are some optional assignments to give you a more holistic view of color:

  1. Look up the definitions of “analogous,” “triadic,” “tetradic,” “complementary,” and “split complementary” color schemes.
  2. Try coloring a drawing with pre-made palette from one of the sites above that wasn’t made for digital art, but UX or graphic design. See how the results are different.
  3. Read a few articles on color psychology. Note what feelings and concepts each color commonly represents.

Sources:

About the Author: CS JonesCS Jones

CS Jones is a Philadelphia-based freelance writer, illustrator, and occasional photographer. He spends his spare time listening to Spotify and waiting for trains. Someday, he’ll finish that graphic novel. In the meantime, his work is best seen at thecsjones.com or @thecsjones on Instagram.

Website

Instagram

[the_ad id="813786"]

Related posts:

Turning adversity into art: an interview with Lance “Khan” Jones

Turning adversity into art: an interview with Lance “Khan” Jones

Making a cute Valentine’s Day postcard with The Bun Bun Shop’s Lina Vork

Making a cute Valentine’s Day postcard with The Bun Bun Shop’s Lina Vork

How to make a DIY Valentine’s Day Card, with Joli Noelle David

How to make a DIY Valentine’s Day Card, with Joli Noelle David

A response to community questions concerning Wacom using AI-generated art in US marketing assets

A response to community questions concerning Wacom using AI-generated art in US marketing assets

Connect with Wacom on social media

Creative challenge💡

Take a walk and see where creativity takes you 👀

Share your city doodling with the hashtag #MadewithWacom so we can feature you! ❤️

By illustrator @adansilvart with a #WacomOne 13” touch 💫

#Doodling #Creativeinspiration
652 47
@parasolisland stands out in the creative industry for producing visually stunning and high-quality content. Achieving unparalleled quality and operational efficiency in their wide-ranging projects is their top priority. 🌟

Learn how the Cintiq Pro family enhances the workflows of creatives like @philippestalla (animation director), ‌Harry Fast (lead animator), Sebastian Krätzer (video editor), and @julioklenker (motion graphics expert).

The Cintiq Pro color accuracy feature is vital for their editing tasks, and the 4k display’s accuracy, combined with the convenience of a unified device, significantly boosts productivity at every creative level. ✨

Choose the best tool for your team! Link in bio.

#WacomCintiqPro #CintiqPro17 #CintiqPro22 #CintiqPro27
197 4
Ever wondered how Creative Director & Concept artist @darekzabrocki achieves his stunning visuals? 💥

With his extensive background working on significant film and game industry projects for clients like Disney, Netflix, Sony, and EA, Darek’s insights are truly invaluable. Some of the franchises he’s contributed to include Planet of the Apes, Love Death + Robots, Assassin’s Creed, Call of Duty, Sonic, and many more.
In this exclusive interview, we deep dive into his journey using Wacom products for over 17 years. Find out how these tools have been an integral part of his workflow, boosting speed, precision, and creative freedom. ✍🏻

Get ready to be inspired with this enlightening conversation! Watch the full interview and unlock a world of artistic inspiration. 🚀

#ConceptArt #CreativeJourney #Wacom
451 11
Sometimes you just need to let the sketch rest for a while ✍️

Challenge: Try to update one of your first sketches and let’s see what happens 😉

Share the final result with the hashtag #MadewithWacom so we can see your MAGIC 💫

Created by illustrator @adansilvart using the New #WacomOne 13” touch 🌀

#Sketching #CreativeInspiration
527 19
Twenty ways of drawing a tree with @lplucas 🌲🌳🌴⁣
#MadeWithWacom
625 3
🌿 Dive into the enchanting world of botanical beauty!

Watch this mesmerising video showing nature’s artistry in every petal and leaf #MadeWithWacom by illustrator @adansilvart 🌸

#BotanicalComposition#NatureInspired #WacomOne
691 18
A little Valentine's how-to with @thebunbunshopofficial 🍓🐇🌸
Did you make any fun Valentine's creations? Tag em #madewithwacom ❤️
249 11
Part 2 of turning people watching into character sketching. ✍️

Where are your favorite spots to draw? ☕️

#Sketching #Coffee
379 9
Sketching at cafés is one of life’s little pleasures ☕️

#Sketching #Coffee
441 16
There’s beauty in the process. Enjoy! ✨
#MadeWithWacom
1568 54