How to create color palettes

2,087

presentation

In this quick TIPS of the month I will show you everything you need to create color palettes for any type of illustration using Clip Studio Paint's new "Color Mix" feature and other tools in the program. The first part covers color theory, but don't be scared, it won't be tedious, they are simple concepts; the second part will be an explanation of how to use some of the program's tools to create color palettes. Well, without further ado.

Let's start!!

Mix Colors Palette

I will start by explaining where to find this tool and its functions because I will use it to explain the combination of colors and you can also use it to practice color theory.

To be able to see the mixing palette you have to access the Window > Mix colors menu.

The functions of this window are the following:

1. Menu where the default parameters and background color can be restored.

2. The currently selected color is displayed.
3. Delete.
4. Undo and Redo.
5. Brush size.
6. Used to Use the same sub tool as on the canvas.
7. Brush.
8. Color mix.
9. Dropper.
10. Default color set.

1. Theory

►Model RYB

To begin with, we must know that there are three color models, RGB, RYB and CMYK. In our case we will talk about the RYB model because we plan to imitate the analog process using the "Mix colors" tool, this function can help us make the color selection process more intuitive. This model is based on the mixture of colors through light, the primary colors are red, blue and green; by mixing these three colors we can obtain the spectrum of the final color. We will use this model because it also works for mobile screens and computers, that's why it is used to work in digital media.

If you look closely you will realize that the model used by Clip Studio is CMYK for its color wheel and this is due to how digital devices process colors, but that will not be a problem, for that we are learning color theory, With this knowledge we can have a total mastery of color.

• PRIMARY COLORS

The primary colors are those that cannot be obtained by mixing with other colors, from the mixture of them the secondary colors can be obtained and finally, by mixing the primary colors with the secondary ones the tertiary ones can be obtained. For the RYB model the primary colors are yellow, red and blue.

• SECONDARY COLOURS

As you read in the previous paragraph, the secondary colors are the result of the combination of the primary colors with each other.

The combination of yellow and red results in the color orange.

The combination of red and blue results in the color violet.

The combination of yellow and blue results in the color green.

• TERTIARY COLORS

Tertiary colors are born from the combination of primary and secondary colors.

The color wheel below is the conventional representation of this model. I advise you to practice combining colors as explained above, this will help you understand and memorize the process from which colors are born. You'll find it helpful to use the "Color Mix" tool because it's handy for blending colors.

Tertiary colors are located between the colors that created it, in this case, the primary and secondary colors that originated it. The combinations are:

Yellow + Orange = Yellow-Orange
Orange + Red = Red-Orange
Red + Violet = Red-Violet
Violet + Blue = Blue-Violet
Blue + Green = Blue-Green
Green + Yellow = Yellow-Green

To recapitulate, first we create a triangle where at each vertex we place a primary color, then we invert the triangle and on these new edges we place the secondary colors, finally between the spaces between the primary and secondary colors we place the tertiary ones, like this simple we have our chromatic circle.

► Color properties

• BRIGHTNESS

Lightness is the ratio or levels of white or black that degrade a color. The higher the percentage of white, the lighter or brighter its color will be, while the higher the percentage of black, the darker it will be.

• SATURATION

Saturation is the degree of purity of a color, defines its intensity. It is determined by the amount of gray it contains, the more gray the lower its saturation and the less gray the more saturated it will be.

► Color classification

Colors can be classified as cold and warm, this classification is based on the psychology of color according to what they transmit to people. The reason they are known by that name is because they are visually associated with a low or high temperature. They are usually represented as a division down the middle of the color wheel.

• WARM COLORS

These colors convey sensations of high temperatures. Warm colors are those that go from red to yellow. These colors convey to the viewer the sensations of enthusiasm, passion, joy, love, energy, warmth, etc. Also, they can represent a time of year like autumn.

• COLD COLORS

In contrast we have cold colors. These colors convey sensations of low temperatures. Cool colors are those that range from blue to green along with purples. It is the blue color that is most related to cold tones, which, if present in other tones, helps to make it feel colder. The bluer a color is, the cooler it is. Cold colors are the tones of winter, of the night, of the seas, lakes, tranquility, calm, solitude, serenity, sadness, the night, and winter, etc.

► Color harmonies

We tend both in nature and in illustrations to expect to find a series of combinations that we innately like more than others. In this way, when a multitude of similar colors appear in the scene, we will feel more pleasant than when there is a confusing mixture of several disparate colors. For this reason it is good to know the color harmonies, using them correctly we can create palettes that give credibility to our illustrations.

• COMPLEMENTARY

Complementary colors are those that are opposite on the color wheel, this combination causes a contrast. This harmony can be used to contrast the figure from the background, also, to contrast conflicting ideas.

• ANALOGS

Analogous harmony is formed by the implementation of colors that are close on the color wheel. Due to their proximity, they combine well with each other. Like the blue, purple and pink that are sequentially close to each other in the circle.

• ADJACENT COMPLEMENTARY

For this harmony, a color is taken which we will call main and later we take two shades adjacent to its complement. With this harmony, a result similar to that of the complementary harmony is achieved, but with more diversity.

• TRIAD

To create a harmonic triad, three equidistant colors are used. As you can see in the illustration below, the yellow color is three colors away from red and red, in the same way it is three colors away from blue, so equidistant.

• MONOCHROME

To create palettes with this harmony, all colors are derived from a single color from which various variations of lightness and saturation are used. Different neutral grays can also be added.

2. Tools to create color palettes

Clip Studio has some functions that will help us to visualize the colors with which we will create our color palettes, in essence the functions are similar and are designed to make it easy to choose colors without having to combine the colors manually. The last function is the only one that is designed to be able to mix the colors manually. Now we will see each function.

First, we need to know where those tools are located. To access them we will go to Window > The options will be from Color Circle to Mix Colors.

► Circle of colors

You already know the chromatic circle, also at the beginning of this TIP I explained how these colors arise and how to master them. Clip Studio's circle uses the CMYK model to guide colors, but knowing the basics, the model doesn't matter. Also, we can put the circle in two different ways: in HSV or HLS color space. For this it is only necessary to click on the lower right circle.

By clicking on the color icons we can access the functions of different color displays, the color sets that we have created and the color history. The downside is that you can't work with this popup while painting, you just pick the color you want, then it closes, but don't worry, in the following tools this doesn't happen anymore.

► Color slider

We will start with this function. This tool allows us to change the color model between RGB, HLS and CMYK. From this tool you can get the luminosity, saturation or tones of a color that you have selected from the chromatic circle. The first color icon corresponds to the primary color, the second to the secondary and the third is transparency (if the brush is used it acts as an eraser).



RGB, HLS, and CMYK are models used in digital media because that's the way devices process colors. The primary colors for each model are:

1. RGB: Red, Green and Blue.
2. HLS: Hue, Saturation, Lightness.
3. CMYK: Cyan, Magenta and Black.

From the difference in color of these three models, varied color palettes can be drawn, such as the following that were born from one color (in this case orange) and based on it, create different palettes depending on the interpretation of the different models.

The three palettes have orange as their sole origin and regardless of the model, harmonious results were obtained in all three cases. Now you know that you can use this tool to easily create palettes from one or several colors.

► Color set

This tool is super important because it allows us to save the color palettes that we want. In the lower right part there are three functions that are used to: Replace color, add color, remove color that allows us to fill and order the color palette that we want to create. I use this function to store color palettes that I have originated and want to keep for later reuse.

To create a new set of colors you have to click on the wrench that is in the upper right part, clicking on it will bring up the following window where various options will appear to create, modify, duplicate or delete a set.

► Neutral and approximate color

• NEUTRAL COLOR

From this function you can also obtain the luminosity and saturation of a selected color or colors from the chromatic circle, everything depends on the colors that you place in the reference boxes. The largest squares at each vertex (reference squares) can be recolored to make the combinations without having to mix the colors manually, as explained in the lightness and saturation section.

By clicking on the three stripes at the top left, you can access features that will allow you to resize the grid, remove the grid, and hide the neutral color.

• APPROXIMATE COLOR

This specifically has the utility to obtain an approximate color to your selected color. With the bars that are in the left and upper left section, you can modify the level of gray and white to measure the level of the functions that we choose. This window has seven functions that we can access by clicking on the letter that appears next to each bar.

The elements that we can use as parameters to change the values of the two variables (bars) are:

0. Tone (H)
1. Saturation (S)
2. Brightness (V)
3. Luminance (L)
4. Red (R)
4. Green (L)
5. Blue (B)

We have already analyzed each of these elements in the theory section, so we know what effect they have on the color when applied to them. We can make combinations between the bars such as: Tone (H) and Green (G). This is another way to get colors for our color palettes.

► Color History

This tool shows the colors that have been used in the application. This is good for when you want to repeat a color that was not saved in some color set.

► Mix colors

This tool is the one I showed at the beginning and with it you can mix the colors to generate new ones completely manually, just as you would in traditional analog media.

You can also use different brushes to do blends, change brush size, do, undo and erase.

farewell

I hope that what you see in this tutorial is to your liking. I hope it helps. Well, with nothing to say. Thanks for coming this far! ପ(๑•̀ुᴗ•̀ु)* ॣ৳৸ᵃᵑᵏ Ꮍ৹੫ᵎ *ॣ

Vibrate high!!! We don't see another time ( •⌄• ू ) ✧

Comment

New

New Official Articles