Lesson 3: Color (The Greatest Lie)

Aug 15, 2023



Associated Study: 🎨 Study 3: Color Key

Cicero denounces catiline by Cesare Mecari

As promised from last week, here is the white toga painting that I love: 19th century Cesare Mecari’s depiction of the orator Cicero’s overwhelming victory against his political rival, Catiline, in front of the roman Senate circa 63BCE.

Notice how the artist uses space and value to drive home the theme of the picture. The senators sit on the left; Catiline sits be himself on the right. The crowd’s spatial arrangement echoes their frame of mind: they are with cicero.

This is likely not exactly how it happened. Even if the togas are really white this time, archeology reveals that the assembly chamber of the roman senate was little more than a town hall at the time. At a high-profile trial like this, the senators would have been sitting shoulder-to-shoulder: there wouldn’t have been enough real estate to give Catiline his ample, dramatic negative space. Likewise, Catiline’s pose is pure exaggerated villainy: It’s not a pose a real man makes: it is drawn to show his psychological state. (In reality, historians debate whether he was the villain at all: some suspect Cicero of setting him up!)

But isn’t this a grand scene you want to believe in? As we will revisit time and time again in this course: art is not about reality, it’s about telling the Truth.

Now, onto colors!

Axis of Color Design

from niji

Speaking of Cicero, he once remarked that rhetoric’s purpose is to “inform, persuade, and entertain.” I think it’s a pretty fitting goal for drawing, which is in many ways, the study of visual rhetoric.

To meet that goal of “inform”, we must be careful about the informational content of our piece. This image is a good demonstration of the perils of color. The picture itself will turn your head, but it sacrifices true informational clarity in its scattered arrangement of color.

Color has an interesting place in composition in that elegance comes from restraint, but conversely, the audience will generally always like it more when you lather a lot on top. In this day and age, can you have your cake and eat it too?

Previously, we had discussed value as a form of information organization. Today, we’ll learn about how to organize information with color.

Saturated vs. Desaturated

The simplest form of color design is keeping things mostly desaturated and putting the important parts in more saturated areas.

from niji

His lapel is red, but his eyes are REALLY red. It wouldn’t be as impactful if they were the same saturation level. By reserving the most INTENSE red for the most INTENSE point, we preserve visual hierarchy and tell you where to look.

A helpful organization trick is to put a shift in saturation right before a shift in value. This technique is great for cutting a dramatic terminator line.

from niji

from niji

You can push this boundary effect to quite an extreme level:

from niji

Warm vs. Cold

Unlike value, color has an extra dimension, on top of intensity (We are modelling saturation as intensity here). You can think of this as hue. Since hue itself is a multi-dimensional subject, we collapse it down to one dimension, so we can use it to sort information.

💡

A color is “warmer” when it’s more orange, and “colder” when it’s more blue

from niji

💡

One simple type of color arrangement is to keep cold dominant on one side of the terminator line, and warm dominant on the other side of the terminator line.

from niji

Niji scenic models the design of its color space after a certain… trend in modern cinema.

mad max, fury road

transformers

inception

Since orange and blue are opposites on the spectrum from warm to cold, a lot of movie shots are graded orange and blue!

So when a movie comes along which is not graded orange and blue, it really stands out

The Matrix is green.

The Grand Budapest Hotel is pink

But I want to use a lot of color!

So, you despair, if I wish to be an elegant color designer, I can only either compose in monochrome, limit myself to orange and blue, or be a maverick that invents an entire genre? That can’t be right!

This is the secret to color: you can use a lot of it when it is a secondary organization technique after value is already organized.

Mox Pearl, by Sidharth Chaturvedi

Do you notice something curious about this picture?

The shadows are full of color. But it doesn’t look distracting at all!

As long as we can still squint and see the black and white drawing from last class, the picture is organized!

Setting out to sea, by joaquin sorolla

The Fallacy of Hue

Ok. If that’s the case, why can’t I simply put color onto a black-and-white drawing?

Color space is not linear. It’s curvy and some colors hog more numbers than others.

💡

Perception of color is actually dominated by neither saturation nor hue, but value. However, shifting simply hue on most digital sliders also shifts value, so we must manually match the value.

Interestingly, the opposite also holds true. When colors match in value, they can be used interchangeably.

Establishing Value Equivalence in Color

One simple trick to master color:

Put the colors side by side and squint.

If the two colors appear to be the same level of brightness, you can use them about interchangeably, even if they are very different!

If the two colors do not appear to be the same level of brightness, you can’t use them interchangeably.

increasing the saturation, without touching the hue, also darkens the value

shifting the hue, without touching saturation or brightness, also changes the value

Once you can find the value equivalents, you will find that you can get away with a lot of color without sacrificing the organization of the picture

niji expressive

This ends our lessons on “measurement.” Remember, the purpose of these techniques is to provide a way to break down complicated ideas into simple ones, so that you can analyze paintings with ease. If this were an rpg, I suppose you can say that these three core exercises are the fundamentals of the “appraisal” skill.

We’ll take a break now from lecture to let you practice for a month. The 5 lessons following this will teach you how to arrange the information you have analyzed into something truly your own!

Related Articles

niji・journey

What is niji・journey?

Welcome to niji・journey, a state-of-the-art AI that draws custom anime illustrations, just for you! A magical collaboration, designed together between brilliant minds at Spellbrush & Midjourney. Whether you’re looking for a cute chibi character or a dynamic action scene, niji・journey can bring your vision to life. We can’t wait to see what you create!

Download on the App StoreGet it on Google Play

Where can we find you?

If you’re an AI researcher and you love anime, please shoot us an email over at [email protected].

Otherwise, if you're talented and on the job market, you can find other open positions on our careers page.

For commercial inquiries and studio licensing, please contact [email protected].