7 days of PS Actions, graphics, templates & fonts - for free!* Unlimited asset downloads! Start 7-Day Free Trial
FREELessons: 13Length: 1.3 hours

Next lesson playing in 5 seconds

  • Overview
  • Transcript

2.1 Color Models

In this lesson we will be talking about the different color models we can choose from when setting up a new document, and which other color models we have available when creating a new color swatch.

1 lesson, 01:43


2.Adobe Illustrator Program Overview
3 lessons, 21:49

Color Models

Color Panel

Color Harmonies

3.Shapes and Lines
2 lessons, 12:03

Global Colors

Spot Colors

4.Manipulate Shapes and Lines
3 lessons, 21:07

Swatch Groups

Replace and Merge

Custom Libraries

5.Colors and Effects
3 lessons, 18:06

Recolor With the Artwork Panel

Putting the Recolor Panel to Work

Process Color to Spot Color

1 lesson, 01:14


2.1 Color Models

Hi, my name is Simone, and welcome to tuts plus. You are watching the course Mastering Color in Adobe Illustrator CC. And this is lesson Color Models. In this lesson, we will be talking about the different color models we can choose from when setting up a new document. And which other color models we have available when creating a new color swatch. We will discuss the differences of color models and when to choose one or the other. So, let's get started. I already have Adobe Illustrator open. Before we create any artwork, we usually need to determine what the artwork will be used for. For example, will we be creating an artwork for the web or other digital devices? Or will the artwork be printed? For example, as a poster or a t-shirt. Once we know if it is for print or for the web, then we can choose our appropriate color model. But what is a color model, actually? Color modes or color models describe the colors that we see, and you might have heard of RGB or CMYK, HSB, or Web safe RGB. Those color models describe the colors in a numerical value. And each of those models represent a different method of classifying color. Another term you might have heard of is the color space. The color space is really just a variant of a color model. For example, you can set your color space to Adobe RGB, sRGB, or Apple RGB. Each of those color spaces define the color in RGB on your monitor. But there is one big difference, it is the gamut they use. The gamut is a range of colors when you work with colors and graphics. And it often happens that the same image looks different from one device to the next, even though the numerical value of the colors are exactly the same in your document. The reason this happens is the governed range of each device is different and therefore the colors get represented slightly different. RGB is usually used for web graphics and CMYK for print. Sometimes we start designing in RGB and all looks good. But then when we go to convert it to CMYK, the colors fall flat and things just don't look as good anymore. This is simply because the printer works in CMYK mode and not all RGB colors can be printed in CMYK. And some colors cannot be represented in RGB. For example, metallic colors on paper are very hard to recreate on the monitor screen. Now let's see what color modes we can choose from in Adobe Illustrator. When we create a new document we can set the color mode either to CMYK or RGB. As you might know CMYK stands for Cyan, Magenta, Yellow, and Black. And those primary colors are used to create other colors from a percentage of those inks mixed together. RGB stands for Red, Blue, and Green. And those three colors or lights are used to represent the colors on your screen by mixing a percentage of them together. Now, let's set up the document and choose RGB in the advanced settings here. Now we have a document with the column mode RGB. If you needed to we can change it of course. All we have to do is go to File > Document Column Mode, and there we can switch to CMYK or RGB, and vice versa. Now inside Adobe Illustrator we can select more than just these two column blocks. Let me explain what I mean by that. When we go to the swatches panel over here, then create a new swatch by clicking on the icon down there. We can choose more than just RGB or CMYK from the column models in the column model drop down here. Here, as you can see we can choose from Grayscale, RGB, HSB, CMYK, Lab and Web Safe RGB. Now, grayscale is a percentage of black, from 0 to 100, 0 being white and 100 being black. And of course, any number in between is a shade of gray. Then we have RGB, here we can mix values from 0 to 255. Notice the small icons here on the side, those are indicating to us that we are out of color mode. Meaning this color in the RGB cannot be printed, because they don't have an equivalent in the CNYK model. We could adjust this by clicking on the triangle and the color will be put into gamut. But if we are working for wimp, we are okay, and we don't have to change anything. Same goes for the out of web color warning. Web-safe colors are the 216 colors used by all browsers, regardless of platform. So we can just adjust it by clicking on the icon to get a web-safe color. Here we have the HSB color mode. HSB stands for Hue, Saturation, and Brightness. It is just like the RGB mode, but it is a bit more intuitive when mixing colors. But more to that later on. Next, we have the CNYK color mode. And here we can mix the percentages of the four primary colors to create other colors with it. And then, we have the Lab mode. Lab mode is split up into light and A and B. A has reds and greens and B has blues and yellows. This is just another way of representing color and Lab is considered to be a device independent color model. Last we have the Web Safe RGB Color Mode. This mode is a modified RGB color mode which includes only those RGB colors that are appropriate for the use on the web. Now as you might of noticed, we can choose all those color modes for new color swatches in Adobe Illustrator. But only two color modes for our document. In the end, we have to convert all color modes either into RGB or CMYK. And that's why we can only choose two color modes for our document setup. And this is it for a quick overview of color modes and color spaces in Adobe Illustrator. Remember, first we need to ask ourself what kinda medium our artwork will be used for. And then, we can choose the appropriate color model. But to keep it simple, we either choose RGB format or CMYK for print. So lets move on to the next lesson, learn more about the Adobe Illustrator swatch panel, color guide, and colored panel. And how we can use all of them efficiently.

Back to the top