The guide for the rookie Illustrator V8. Color Theory!

portada.png

Hello! Welcome to Guide # 8 about color theory, you will learn the difference between RGB and CMYK
How to handle the color palettes correctly, and many other things.

1.png

The theory of color is a group of basic rules in the mixture of colors to achieve the desired effect by combining them, is a sensation produced by the reflection of light in matter and transmitted by the eye to the brain. The matter captures the wavelengths that make up the light except those that correspond to the color we observe and that are reflected.

2.png

White light can be produced by combining red, green and blue, while combining cyan, magenta and yellow pigments the neutral color is produced.

3.png

The primary colors are those scientifically established as the originals of the most extensive and satisfactory chromatic combinations.
primary.png

Secondary colors are obtained by mixing the primary colors together in the same proportion.
Second.png
Finally the tertiary colors are Red-Orange, Yellow-Orange, Yellow-Green, Blue-Green, Blue-Violet, Red-Violet
trid.png

The qualities of color are: tone (specific name),
value (degree of brilliance or luminosity) and saturation (degree of purity).

4.png

Since we know this, the first thing we are going to differentiate is the RGB CMYK

The RGB scheme (Red, Green and Blue) uses combinations of these colors to create millions of other strong colors and combinations,
and is the one usually used on television screens and computers.

The CMYK scheme works in four colors, with the colors cyan, magenta, yellow and black. These four colors are mixed with different percentages to achieve any tone, represented 0% an addition of no color and 100% a full addition of the indicated color.

Both processes (CMYK and RGB) have their advantages and disadvantages. RGB can produce many more colors, although the conversion to CMYK is not, as we saw, accurate, so the loading of the files should be done in CMYK, something that most programs allow.

For its part, this system also has some defects, mainly the difficulty to recognize the blue color and some problems with dark reds, so the care when working with these two tones should be maximum.

5.png

  • THE TONE

We define tone as the quality that a color has. Tones are all the colors of the chromatic circle, primary, secondary and intermediate without mixing with white or black.

tone.png

  • SATURATION

It is the color intensity or purity of a color. When a color belongs to the chromatic circle, it is said to be saturated, which has the maximum power of pigmentation, of coloration. But we do not always find pure colors, but they are often seen as composed by complex mixtures.

saturacion.png

  • VALUE

It is understood as the ability of a color to reflect the white light that affects it. Refers to the lightness or darkness of a tone.
lgth.png

Types of lighting.

Warm light

Cold light

warm.pngcold.png
Reflects yellow and orange tones
Reflects gray and blue tones
Usually, this type of light is used to produce cozy, intimate and relaxing atmospheres
This type of light is used to produce sad, lonely and shadowy atmospheres
It can cause visual fatigue Especially to people who do not live in tropical environments.
Darkens colors and can create flat and lifeless environments

If you are coloring a job, and the light in your room or office is yellow, when you put a green you will see the same color two tones lighter, which will cause your color palette to disharmonize.


luz.png

This can happen with light blues and reddish tones too, so I personally recommend not using yellow lights when working in traditional mode.

6.png

The color contrast is the difference between two or more colors that interact in a design so that they affect the way in which they are perceived

  • Contrast pure color.

In it saturated colors are juxtaposed, whose contrast increases the further away they are from each other in the chromatic circle. The effect they produce is quite striking.

Contrastes.png

Contrast of light and dark

Here colors of light and dark values are juxtaposed, the contrast of which is more important the greater the difference in light.

Contraste-claro-oscuro.png

  • Contrast of complementary colors

In this contrast two opposite colors are juxtaposed in the chromatic circle. If these colors are saturated, the contrast will be maximum.

contraste-de-color.png

  • Saturation contrast

It is also called quality contrast and is where bright and dull colors are juxtaposed. The contrast will also depend on the disparity in the chromatic intensity of the colors that interact, which will be greater when combining a pure tone with one that does not have chroma.

Contraste-de-saturacion.png

  • Contrast of quantity

This contrast is in which you can see the juxtaposition of decompensated proportions of various colors, where there is much of one and little of another. The resource can be used to create visual effects or harmonize other contrasts of great intensity.

colores-comlpementarios.png

7.png

The psychology of color is a field of study that is aimed at analyzing the effect of color on human perception and behavior.

It is important to master this to be able to handle the perception that we want to give in an illustration or a design,
if we are going to put a promotional poster on a summer themed event we can not use cold colors associated with winter,
as automatically people would lose interest in the poster.

Mistery, Valor and Magic

Morado.png

Calm, Business, honesty and sadness .

Azules.png

Nature, Hope, Live and Healthy.

Verde.png

Warm, Hapyness, and Hospitality.

Amarillo.png

Meditation, Comfort, Appetite and Motivation.

Naranja.png

Seriousness, stunned, dirt, protection.

Capa 1.png

Passion, War, love and Fear.

Rojo.png

Ingenuity, Sweetness, Gluttony and Delicacy.

Rosa.png

Peace, Empty equality and cleanliness.

Blancos .png

Death, Elegance and Negative.

negros.png
8.png

Mixing these tones helps to reinforce the scenes or the messages that we want to imply as in the following examples:

In this particular scene we can see two different versions
of color palettes of the Hunter X Hunter series of 1999 and the current series of 2011

In this example you can see a vivid color palette, with pastel and warm colors
Most of the palette are carmine and black tones
kill-2.pngkil-1.png
If we see the image without context we think that it is an ordinary situation or little seriousObserving without context we know that it is a tense and dangerous environment for the white-haired boy
The mood of the characters is not perceived correctlyIn this scene the red colors associated with the blood and the dark tones with the despair show us who the villain is
The color palette does not reinforce the situation of the sceneThe color palette gives more power to the camera frames and tension to the scene
Color palette associated with happinessColor palette associated with blood and despair

In the scene of Akame ga kill, they show us this death in Tones of saturated and white

med_1445193692_image.jpg

It explains that although the character is about to die, her last moments were of calm and solitude, the small amount of blood also helps to reinforce this idea.

And for an example of warm tones associated with comfort, we have the following scene from Steven Universe


where we have a frame with two characters that generate a shadow. But as we have a background of warm and saturated tones, that feeling of comfort leaves us.

Lapis-Cant-2.png
9.png

These tips will be divided into two parts, tips for digital illustrators and for traditional. So do not worry we have a lot of advice to share.

  • Tip #1 Black is not a shadow.

  • Traditional:
    When we color by hand we have a golden rule, white blurs and black stains.

When we want to make the shade of a color we must use the color contrast of the same, for example

If we are coloring a yellow flower, the color that we must use to generate a shadow is purple, since being colors that can not be mixed generate shadow without the need to blacken the work.

  • Digital:
    if we are doing a comic, flat color, or some kind of cartoon, it is allowed to make shadows with black tones but they should be part of the lineart, when using black for the shadows we may end up staining the drawing or darkening it too much. (The same can happen with grayish tones).
    ex-1.png

  • Tip #2: Traditional: do not wax the paper!

Often those who color in traditional often pass the color pencil as if it were a pencil and end waxing the paper, this makes it difficult to place other colors in the area where you applied the first. That means it is very difficult to handle the shadow and the visual effects of the illustration on paper.

maxresdefault.jpg

Personally I know 3 traditional coloring techniques, so I will talk about these three ways.

  • Circular technique

Without pressing the color, it is colored in a circular way.

circular.png

  • May technique

With the color with a fine tip, we go coloring by making small rows of 3x3 interspersed.

may.png

  • Screening Technique
    z.png

without pressing the color, we are going to color with Z shape in small rows, it depends on the amount of color you need, it will be the shortest or longest stroke of the Z.

  • Tips #3: Layer and grayscale styles.

For digital artists this is a trick that greatly facilitates the process of shading and giving three-dimensionality to things.

dig 1.png

First you must have a light gray background, and with other tones preferably in different layers you add the shadows and highlights of your work.

dig 3.png

Then those shadows can be colored and/or use the styles of layers to fit it with your illustration.
dig 5.png

This is all for now. See you in the next post!

index.png

V1.gifv2.gifv3.gifv4.gifv5.gifv6.gifv7.gif

If you want an illustration, banner or any Design work Click this image and you will see my commission table.
COMISIONES-ESPAÑOL.gif

H2
H3
H4
Upload from PC
Video gallery
3 columns
2 columns
1 column
25 Comments