About Digital Colors_Illustrator
-
Upload
bappaditya-mandal -
Category
Documents
-
view
220 -
download
0
Transcript of About Digital Colors_Illustrator
![Page 1: About Digital Colors_Illustrator](https://reader030.fdocuments.in/reader030/viewer/2022021213/577d27101a28ab4e1ea2f639/html5/thumbnails/1.jpg)
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](https://reader030.fdocuments.in/reader030/viewer/2022021213/577d27101a28ab4e1ea2f639/html5/thumbnails/2.jpg)
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](https://reader030.fdocuments.in/reader030/viewer/2022021213/577d27101a28ab4e1ea2f639/html5/thumbnails/3.jpg)
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](https://reader030.fdocuments.in/reader030/viewer/2022021213/577d27101a28ab4e1ea2f639/html5/thumbnails/4.jpg)
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](https://reader030.fdocuments.in/reader030/viewer/2022021213/577d27101a28ab4e1ea2f639/html5/thumbnails/5.jpg)
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](https://reader030.fdocuments.in/reader030/viewer/2022021213/577d27101a28ab4e1ea2f639/html5/thumbnails/6.jpg)
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](https://reader030.fdocuments.in/reader030/viewer/2022021213/577d27101a28ab4e1ea2f639/html5/thumbnails/7.jpg)
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](https://reader030.fdocuments.in/reader030/viewer/2022021213/577d27101a28ab4e1ea2f639/html5/thumbnails/8.jpg)
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](https://reader030.fdocuments.in/reader030/viewer/2022021213/577d27101a28ab4e1ea2f639/html5/thumbnails/9.jpg)
8/6/2019 About Digital Colors_Illustrator
http://slidepdf.com/reader/full/about-digital-colorsillustrator 9/15
![Page 10: About Digital Colors_Illustrator](https://reader030.fdocuments.in/reader030/viewer/2022021213/577d27101a28ab4e1ea2f639/html5/thumbnails/10.jpg)
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](https://reader030.fdocuments.in/reader030/viewer/2022021213/577d27101a28ab4e1ea2f639/html5/thumbnails/11.jpg)
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](https://reader030.fdocuments.in/reader030/viewer/2022021213/577d27101a28ab4e1ea2f639/html5/thumbnails/12.jpg)
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](https://reader030.fdocuments.in/reader030/viewer/2022021213/577d27101a28ab4e1ea2f639/html5/thumbnails/13.jpg)
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](https://reader030.fdocuments.in/reader030/viewer/2022021213/577d27101a28ab4e1ea2f639/html5/thumbnails/14.jpg)
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](https://reader030.fdocuments.in/reader030/viewer/2022021213/577d27101a28ab4e1ea2f639/html5/thumbnails/15.jpg)
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.