Article: Lustful Upgraded Version of the Creation of a Color Matching System
From the public number: Study set
If you want to really understand color, you need a very complete and systematic training method. Probably many people, including myself, initially did not care about these trainings, thinking that it would not be better to directly learn color matching theory or methods. Why do you still have to do these color trainings? It is thought that these trainings are meaningless, and even some people will feel that it is a game played by children.
But as everyone knows, in fact, the color sense of each of us is formed in childhood, because the cognition of childhood is more pure, and the imagination of color and the restrictions are much less than that of adults, so the depth and breadth of color are richer than adults.
This is also why many people see children's paintings and think that they have a talent for color matching.
So what we have to do is to break the inherent cognition of color, return ourselves to a simple state, and re-understand color.
For example, if you are given an apple now, maybe our first reaction is to eat it directly, and afterwards we want you to recall your impression of the apple object, maybe you do not experience it deeply.
And if we change the conditions, assuming you've never seen an apple, this time you're not only going to eat the apple, but you're going to have to say how you feel.
According to your facial senses, your experience of apples will be very different from the previous one.
For example, through the vision we can see the green, through the sense of smell can smell the fruit, through the sense of touch can feel the hard, through the sense of taste can taste the sweet and sour, through the sense of hearing can hear the crisp.
The same is true for re-understanding color, just like we have never seen an apple to experience a color that we have never seen before, and then disassemble the color through different angles, and finally combine them to form our own color matching system.
The first step in creating a personal color system is to name the colors.
For example, if we find a color at random, we will take this yellow as an example.
Named according to your own feelings about this color, you can play at will, you can say whatever you think, there is no limit.
For example, from the most basic hue point of view, we can call it bright yellow.
According to this color we can associate with sunflowers, so it can also be named sunflowers.
We can also think of the moon, so we can also call it moon yellow.
Then we can also think of the bumblebee in "Transformers", so we can also name this color bumblebee.
It can also be associated with McDonald's sunshine orange, so it can also be named sunshine orange. In short, when you see this color, the words that can be associated with your mind can be used, even if it is a lot different from this color, the most important thing is your own feelings.
After naming the colors, the second step is to conduct a rational analysis of the colors.
Let's practice with this color, first to find out its hue, brightness, and saturation.
First, according to the approximate position of the hue ring, the hue of this color is determined.
Then through the adjustment of purity and brightness to find the color value that matches the color on the right, here we get a value.
Then use the eyedropper tool to absorb the yellow on the right side, and the result is compared with what we guessed, as long as the result is not very different, it is OKAY, if the difference is a lot, it means that your sensitivity to color is still lacking.
After the HSB color value is guessed, let's look at its RGB color value.
According to the RGB principle, it is clear that yellow is obtained by mixing red and green.
However, it is obvious that there is still a difference between the two yellows, so further analysis is needed.
We called up the RGB hue ring, and we saw whether the yellow sample was more red or greener, and it was obviously a little reddish because it was more orange.
So we can appropriately reduce the green component.
Let's look at the comparison, it's close.
Finally, we compare it through the RGB color value, although the color values of red and green are similar, but there are still a small number of blues in the colors we sampled, which is actually difficult to see with the naked eye, but we can simulate it ourselves.
After the three primary colors of these three components are mixed, the result is the color we sampled.
http://www.rgbchallenge.com/
If you want to increase your sensitivity to RGB, you can practice it through this mini-game.
The gameplay is very simple, according to the RGB color value given in the screen to choose the color you think is corresponding, choose the right one to continue to the next level, choose the wrong GAME OVER to start over.
Next, let's look at the CMYK color value.
Yellow is one of the primary colors of CMY, so first of all yellow is definitely the most.
On comparison, it is clear that there are other color components in the sampled yellow.
We called out the CMYK hue ring, also to see which direction the sampled yellow is biased, which is also more red.
So we get this color and need to add red, but how much should we add?
Here we add 20% red and reduce the amount of yellow to 80%, which is based on experience and feeling.
At this time, the two colors are compared to see that they are almost the same.
Finally, through the numerical value comparison, it can be said that it is almost very close.
However, the sampled color also has a small amount of cyan in it, but it has little effect.
Then let's look at the tones. The cliché about hue is not much to talk about here, because I have written an article about hue before, which has been talked about in detail, if you have read that article, then in fact, when you get a color CMYK color value, you can already judge what hue it is.
If you haven't seen it, it doesn't matter, I'll take you to distinguish between white and solid color is bright and light, between solid color and gray is turbid and light turbid, between solid color and black is dark.
These representative tones are extracted and compared, and the approximate hue of this color can be known.
Obviously, the color we sampled is between pure tone and bright tone, and you can call it a solid color or a bright color.
After reading the hue, let's take a look at its color family, that is, the five major hue relationships.
First of all, let's take a look at what its same color is, if you are just more difficult at first, you can steal a lazy and tune the phase ring.
This is very easy to find the corresponding hue, but it is not recommended for everyone, unless you are a novice or a beginner.
Then there are the approximate colors, colors that are 45 degrees apart.
Then there is the medium difference, the distance is around 90 degrees.
Then there's the contrasting color, around 120 degrees.
Finally, there are complementary colors, with the strongest contrast, that is, colors that are about 180 degrees apart.
These five hue relationships are the most basic and the most common to match, and are generally not easy to problem. It needs to be noted here that when we guess the color value, we don't need to be too high and must be exactly consistent, as long as it is almost enough. And when you look at the tutorial, you may feel a little complicated, troublesome, I did this to show you seems to take some time, but when you yourself guess it may only be a momentary thing.
Well, let's look at the third step, the perceptual analysis of color, the so-called perceptual analysis is what this color gives you.
For example, the positive images that this yellow gives us are: sunshine, lightness, humor, cheerfulness, hilarity, joy, toddler, openness, and happiness; negative images are noisy, cheap, indecent, weak, impetuous, frivolous, childish, loose, and uneasy. Pay attention not to restrain yourself when refining your feelings, and write down everything you can relate to.
Then the fourth step is to do an industry analysis of the color, which is which industries you think the color is suitable for or which industries you have seen that color use.
For example, the most obvious are children, pets, games, fashion, sports, promotions, catering, agriculture, traditions, cars and so on.
After all this training is done, we enter the final step, that is, the design of any content with this color.
This is our copywriting, and here we're going to design three Bannerrs about James Sixteenth Generation Boots.
First create a layout according to the size, find a picture of James and put it in the layout, then enlarge the theme information and select a font with a sense of power to arrange it in the upper middle position of the layout, and repeat the Chinese the title and LOGO.
The text information is placed below the character, the bottom information is stroked and deformed to add a sense of form to the picture, and finally the other information is arranged to the left of the space.
Finally, add a color block below the main title to enrich the layout, and the layout part is completed and the next color matching is completed.
Because we want to use the sampled yellow, the main color has been determined, but it is obviously not enough to use only one color for this picture, so we also need other colors.
Because I think there should be some contrast in the color matching, but I don't want to use complementary colors with strong contrast, so here I choose the contrasting color, but the yellow contrast color has two should choose which one, here I chose purple.
Because if you know the NBA, you should know that the Lakers jersey itself is yellow and purple, which is what people call the purple and gold jersey.
But this purple is a little reddish, so we can adjust it to a bluish color. This is also the point I want to tell you that the color scheme is flexible, don't be dead-headed.
After the secondary color is determined, you can fill the picture with color, but we see that the color of the person picture after the fill color is somewhat uncoordinated, so the color of the character also needs to be adjusted.
This will look much better, and then the first case will be completed.
In the second case, we chose the shoe as the main body and then arranged the main title.
The rest of the information is arranged around the main shoe, adding agility to the picture with the appropriate deformation angle.
But the sides are obviously spaced so you can add color blocks and text, and the typography part is complete.
Because the three Banners we designed are a series, the color scheme should also be uniform and do not need to be changed.
Let's look at the last case, the first two cases are based on the character as the main body and the product as the main body, so the third case I will directly use text to arrange, the text information is grouped to the picture to leave a good position.
To add some formality, the title below is also stroked and cropped.
Then use this set of colors as well, place the picture in a pre-reserved position, and the case is completed.
Finally, let's look at the overall effect and renderings.
This tutorial ends here, we dismantle the color from several different angles, you can practice more after you go back, deconstruct a color every day, so that long-term accumulation, you will unconsciously create a set of your own color system.
But I'm sure there will be people who will have questions, if so, where is the error correction mechanism? Because these are a lot of content that everyone creates by themselves is not necessarily right, if you have such a question, it means that you are a serious person, but my set of methods is not without error correction mechanism, this error correction mechanism is yourself, in a long time your growth, experience, feeling, learning will affect your cognition of a color, may be months or even days after you look at the same color feeling is different.