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.2 Color Panel

In this second lesson we will be exploring the Color panel, Swatch panel and Color Guide.

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.2 Color Panel

Hi, my name is Simona and welcome to tuts+. You are watching the course mastering color in Adobe Illustrator CC and this is lesson the Color Panels. In this lesson we will be exploring the Color panel, the Swatches panel, and the Color guide. So let's get started. Let's open up Adobe Illustrator CC and the source file called lesson-2.2 in your source file folder. I created three circus tents here, and they're part of the final course project. And we will use this artwork to explore the Coloring option here in Adobe Illustrator. My document is setup in CMYK. Just because I assume we want to print the artwork at the end of this course. In case you're interbreed in how to create shapes and artwork in Adobe Illustrator and you don't know where to start, you might be interested in the course the Fundamentals of Adobe Illustrator at tuts+. Now let's get going and let's explore the Color panel here in Illustrator. You can select Color via the Color panel here, and as you can see, we are represented with sliders. Since the color mode is CMYK, you can see the four primary colors and when I move the sliders, we are adding percentages to it. Of course, we are able to use the color picker as well. And when I move the mouse over the spectrum here, we can pick any color we like. Before we can apply any color, though, we need to pick the object first. Then, we can pick any color of your liking. So let's pick a red and then the color is applied to the shape that we selected. In the color panel, we can see the fill active here and the stroke in the back, the small tip here. When we press the x on the keyboard, we can switch between the fill and the stroke and make one or the other active. Whichever is in front is active. And if you want to swap the stroke with the fill, just hold down the Shift key and then press the x, and then we will swap the fill for the stroke and vice versa. And since we are talking about tips, here is one more. When you press the D key, you can reset the fill and stroke to the default. White for the fill, and black for the stroke. Now, as you can see, the red color that we have picked is gone. This is normal since the Color panel always works with whatever shape we selected and what current color is applied to the shape. So now let's select the red again and then go over to the Swatches panel. Since the shape is selected, and the fill color is red, the Swatches panel shows us the same, just like the Color panel. No matter what color we pick, the Swatches panel reflects this as well. But how can I use the red color to apply to other shapes of the tent? As I soon as I select another shape, the current color is shown, and my red is gone. In this case, we can use the Eye Dropper from the Tool panel, and then select the red, and voila. The red is applied to the fill. Now we can select all the shapes we would like the red to be applied to, and then use the Eye Dropper tool again to fill them. But I like to work with swatches. Once a swatch is added to my Swatches panel, the new color is available to me, no matter what shape I select. Let me show you quickly how we can add the color as a swatch. When we select the shape with a color we'd like to add, so in our example, the red, we can see it now here in the Swatches panel. Now we can either drag it into the Swatches panel, and the red color is added. Or we can select a new swatches icon down here and then in the pop up we can give it a name. The default is always the color mode values. We can select the color type by the process color or spot color and we can check the global color tick here. But more on color type and global colors in a later lesson. We can also switch color modes. As explained in the previous lesson, we can choose all those color modes here. And just to let you know, that even though we can choose RGB or HSB, the color that we add to a shape on the art board will automatically be converted to CMYK since our document color mode is CMYK. So when we click Ok, the new red color has been added as a swatch. Then we can select the shapes we want to color and then fill them with the red via the Swatches panel. Now if we wanted to change the color of the red shapes we need to select the shape and then alter the color in the Color panel or in the Swatches panel. We can that way create a new color. But as you can see, the shapes get updated but the swatch's color that we added stays the same. So this is a good way to add colors you want to use for your artwork. You can, of course, change the color you applied to your shape anytime and if you like, you can create a new color swatch. You can easily add it to the Swatches panels, we add a new swatch icon. Now let's talk a bit about the color guide panel. The color guide panel can be used as a tool for color inspiration. The color guide suggests color harmonies that are based on the current color selected. So when I select any color from the Color panel or the Swatches panel and then I go to the color guide, the guide shows me color harmonies of the color that I picked. We can choose from tints or shades. And we can switch to different harmony rules in the drop down here. There we can choose from a variety of color harmony rules, such as complementary, shades, triad, and so forth. But I won't go into details yet, since we will cover color harmonies and how to use them for our artwork in the next lesson. And this is it for now about the Color panel, the Swatches panel, and the color guide in Adobe Illustrator. Remember, it is best to create your color swatches so they're available to you in the Swatches panel. And if it is easier for you to mix colors via the different color modes, you can do so as well. But all colors will automatically be converted to the color mode the document is set up in, either RGB or CMYK. So let's move on to the next lesson, and learn more about color harmonies and how we can create and add them to our art work.

Back to the top