About Digital Colors_Illustrator

15
About Digital Colors Illustrator Colors are everywhere around u s and every time we dea l with them in digital or print media they are represented by several color models. These color models are based on the way the colors tones are mixed. RGB This color model is created by overlaying Red (1), Green (2) and Blue (3) colored lights. It represents a wide range of color shades. Every of these three colors has range from 0 to 255 which represents their intensity. For example R=0 G=0 B=0 represents Black and R=255 G=255 B=255 represents White. CMYK This color model is based on absorbing ink printed on paper. It¶s working with Cyan (1), Magenta (2), Yellow (3) and Key/Black (4 ) the particular color is mixed through percentua l values of these colors. Lower percentage equals the lighter colors and higher percentage equals darker colors. For Example C=0% M=0% Y=0% K=0% represents White and C=100% M=100% Y=100% K=100% represents Black.

Transcript of About Digital Colors_Illustrator

Page 1: About Digital Colors_Illustrator

8/6/2019 About Digital Colors_Illustrator

http://slidepdf.com/reader/full/about-digital-colorsillustrator 1/15

About Digital Colors Illustrator

Colors are everywhere around us and every time we deal with them in digital or print media theyare represented by several color models. These color models are based on the way the colors

tones are mixed.

RGB

This color model is created by overlaying Red (1), Green (2) and Blue (3) colored lights. It

represents a wide range of color shades. Every of these three colors has range from 0 to 255which represents their intensity. For example R=0 G=0 B=0 represents Black and R=255 G=255

B=255 represents White.

CMYK 

This color model is based on absorbing ink printed on paper. It¶s working with Cyan (1),

Magenta (2), Yellow (3) and Key/Black (4) the particular color is mixed through percentualvalues of these colors. Lower percentage equals the lighter colors and higher percentage equals

darker colors. For Example C=0% M=0% Y=0% K=0% represents White and C=100%M=100% Y=100% K=100% represents Black.

Page 2: About Digital Colors_Illustrator

8/6/2019 About Digital Colors_Illustrator

http://slidepdf.com/reader/full/about-digital-colorsillustrator 2/15

 

HSB

This color model is closest to human perception of colors. HSB contains three base elementswhich are Hue (1) Saturation (2) and Brightness (3). This color model can be also found as HSV

which means Hue Saturation and Value and is similar to HSB. Hue (1) is the position of color onthe color wheel. It¶s value is defined in degrees. If you want to see the Color Wheel in action

look at kuler.adobe.com. Saturation indicates the amount of gray in the shade of particular color in percents ± 0% equals Grey and 100% equals deep color.

Brightness (3) or Value indicates the brightness or murkiness of the color ± 0% equals black and100% equals full color.

Page 3: About Digital Colors_Illustrator

8/6/2019 About Digital Colors_Illustrator

http://slidepdf.com/reader/full/about-digital-colorsillustrator 3/15

 

LAB

This color model is based on how color looks rather than its value on digital media. It representsthe absolute value of color independently from computers. The color value is mixed through

three axes. L (1) which means lightness and has value from 0/Black to 100/White, a (2) whichrepresents green to red axes and b (3) which represents blue to yellow axes.

Page 4: About Digital Colors_Illustrator

8/6/2019 About Digital Colors_Illustrator

http://slidepdf.com/reader/full/about-digital-colorsillustrator 4/15

Selecting Color

You can use various way to select the exact color you want to use in your artwork.

Eyedropper tool (I)

Take the exact color from part of the artwork when you click on it. Just select the Eyedropper 

Tool (I) and click on the artwork at the point where you want to get the color from. If you haveselected shape in the artwork it gets the color from the eyedropper too.

Color Panel

This is Illustrator¶s color mixing and editing pool. You can mix the color here, change the color mode (through context menu I mentioned earlier) or check if the color is safe for print. On the

left there is the current fill color (1), current stroke color (2), out of web color warning (3) ± thismeans that you are not using web safe color. If you want to use web one click on the icon and it

will change it to the nearest web color; Out of gamut (4) ± which means that you are using thenon-printable color. To fix an out of gamut color, click on the icon as in the case of web color to

Page 5: About Digital Colors_Illustrator

8/6/2019 About Digital Colors_Illustrator

http://slidepdf.com/reader/full/about-digital-colorsillustrator 5/15

fix it; the transparent/no color (5) ± click on it if you want to use no color for fill or stroke;Black/White color (6) and color pane (7) ± just click in it to select the color you want. Color 

value sliders (8) ± using the color sliders you can craft your swatch to exact tone you want, youcan also use the number values instead of sliders (9).

Color Guide Panel

Color panel can be described as the built-in inspiration tool for art work. It¶s a simple color 

mixing tool like Kuler with capabilities to create a particular color and its shades and variations.You can choose ready made variations through the dropdown menu (1). You can also choose

color from the shades palette (2) which updates every time you pick the color somewhere inillustrator. If you want to use a particular group of colors you can limit the guide to use one of 

the swatch libraries (3). Just to create brand new set of color directly from Color Guide panelclick on Edit Color button (4) to get the color wheel. Two other things you can do in the Color 

Guide panel are creating new swatch libraries by saving the color guide selection (5) useVariation Options if you want to use a particular number of colors (6).

Page 6: About Digital Colors_Illustrator

8/6/2019 About Digital Colors_Illustrator

http://slidepdf.com/reader/full/about-digital-colorsillustrator 6/15

 

Color Picker dialog box

Color Picker can be accessed by double-clicking the fill or stroke color on Toolbar. This tool isthe same through most of Adobe applications and it contains Color Field (1) to pick the shade,

the Color Spectrum bar (2) to pick the color; area showing the current and new color (3) for comparison; Color Modes options (5); Switch to Web Colors checkbox (6); and HEX value of 

Page 7: About Digital Colors_Illustrator

8/6/2019 About Digital Colors_Illustrator

http://slidepdf.com/reader/full/about-digital-colorsillustrator 7/15

selected color (7). There is also the button for accessing Color Swatches (4) which is similar toPhotoshop.

Swatches Panel

The swatches panel does what you are expecting it to do, providing the swatches and the swatch

libraries. By using this panel you can quickly pick a swatch or create your own set of swatches.The Illustrator standard swatch panel contains transparent/no color (1), registration color (2)

which means that this color will be printed on all plates during the printing process, then colors

continues with black and white (3), CMYK group of colors (4), several other colors to work withand gradient/pattern fills (5). Below these swatches you can see two simple swatch libraries ± shades of grey (6) and brights (7). If you want to add some other color libraries as shades of grey

or brights ones then you can find them through swatch libraries menu (8). The Show SwatchKinds Menu (9) is useful when you want to use only particular type of swatch library ± 

colors/gradients. Swatch Options (10) were already explained. Other possibilities in theSwatches panel are Creating New Color Group (11) from current artwork or from selected

Page 8: About Digital Colors_Illustrator

8/6/2019 About Digital Colors_Illustrator

http://slidepdf.com/reader/full/about-digital-colorsillustrator 8/15

swatches; creating New Swatch (12) or Deleting (13) the existing one. The context menu of theSwatches panel offers explained points and sorting functions for swatches.

Grad

ients

The Gradient panel provides several tools to develop a gradient you want to use in the artwork.

The Gradient Fill dropdown (1) provides preset gradient types and also saves your gradients aswell. If you want to add new gradient just click dropdown ± save button. The gradients can be

linear or radial, these options can be set in the Gradient Type dropdown (2). For the gradient it¶snecessary to set at least two colors (3). You can adjust the center point between two color points

 by Gradient Slider (4). As the center point the position of color points can be set by dragging

Page 9: About Digital Colors_Illustrator

8/6/2019 About Digital Colors_Illustrator

http://slidepdf.com/reader/full/about-digital-colorsillustrator 9/15

Page 10: About Digital Colors_Illustrator

8/6/2019 About Digital Colors_Illustrator

http://slidepdf.com/reader/full/about-digital-colorsillustrator 10/15

 

Live Paint Bucket Tool Eyedropper option

If you want to use color from the artwork and not from swatches you can use the eyedropper 

option. Select Live Paint Bucket Tool (K), set it over the color of the artwork you want to useand press Command, pick the color and release Command (1). Now you can use the color from

the artwork somewhere else (2).

Page 11: About Digital Colors_Illustrator

8/6/2019 About Digital Colors_Illustrator

http://slidepdf.com/reader/full/about-digital-colorsillustrator 11/15

 

Live Paint Selection Tool

This tool picks and highlights shapes or meshes. You can pick several shapes or meshes with

Shift + Mouse click.

Page 12: About Digital Colors_Illustrator

8/6/2019 About Digital Colors_Illustrator

http://slidepdf.com/reader/full/about-digital-colorsillustrator 12/15

 

Paint Bucket and Live Paint Selection Tools settings

The settings can be accessed by double clicking on tools in the tool panel, there are several

options to set up. You can set the tool to select or paint fills and strokes, showing of the swatchover cursor and color of the highlight. In Live Paint Selection Tool settings it is also possible to

set the width of the highlight area.

Gradient Mesh Tool

Page 13: About Digital Colors_Illustrator

8/6/2019 About Digital Colors_Illustrator

http://slidepdf.com/reader/full/about-digital-colorsillustrator 13/15

Mesh tool is powerful and is my favorite illustrator µweapon¶. It¶s simple and with some practiceit¶s possible to do anything one can imagine from simple gradients to complex, shiny,

 photorealistic images. Basically, Gradient Mesh can be created from any vector object in your artwork except compound objects or text.

Create & Edit Gradient Mesh 

Ways to create Gradient Mesh: 

y Select the Mesh Tool (U) and click into the object you want to change to Gradient Mesh.This adds the mesh points into object.

y  Select the object you want to change to Gradient Mesh and choose Object > Create

Gradient Mesh Tool. This way creates regular set of mesh points in the object. You canset number of horizontal and vertical mesh points and type of appearance of highlight.

y  Select object filled with a gradient, select Object > Expand and select Gradient Mesh.

Page 14: About Digital Colors_Illustrator

8/6/2019 About Digital Colors_Illustrator

http://slidepdf.com/reader/full/about-digital-colorsillustrator 14/15

 

Ways to edit Gradient Mesh: 

y  To add new mesh point select Mesh Tool (U) and click into object.y  To delete mesh point Command-click on mesh point with Mesh Tool (U) selected.

y  To move mesh point drag it with Mesh Tool (U) or with Direct Selection Tool (A). Tokeep the mesh point on the mesh line shift-drag it.

y  To change color of the gradient mesh drag the color from swatches panel or byEyedropper tool (I) on the mesh point (1) or mesh patch (2).

Kuler

Page 15: About Digital Colors_Illustrator

8/6/2019 About Digital Colors_Illustrator

http://slidepdf.com/reader/full/about-digital-colorsillustrator 15/15

Kuler is a great color mixing tool from Adobe. You can mix colors directly at kuler.adobe.com or open the Kuler panel directly in Illustrator. Just open windows ± extensions ± kuler. The panel

automatically loads the highest rated color libraries itself. After that you can Search (1) by color Tags, Color Name or Author. The color libraries can be sorted by popularity, rating, custom

criteria or date (2). At the bottom of the panel you can find Previous/Next set buttons (4) and

Refresh button (5) to navigate through libraries. Libraries from Kuler panel can be added toSwatches panel (6) and Swatches can be also sent to Kuler community (7).

Conclusion

Even if you don¶t use all of the tools very often it¶s always an advantage to know exactly whatthey do. You never know when a particular tool will come in handy and save you time and

frustration in the future. I hope you¶ve enjoyed reading, an Introduction to Illustrator¶s Color Tools.