Color Theory / Image Trace

You need to know the following Color Theory Terms.

  1. color-theory-for-designers.jpg
  2. ccdzn-color-theory-wallpaper2560.pngKuler – s a free web application that can help e-commerce site designers select beautiful and communicative color palettes.
  1. Color Theory – color theoryis a body of practical guidance to color mixing and the visual effects of a specific color combination
  1. RGB – (red, green, and blue) refers to a system for representing the colors to be used on a computer display
  1. CMYK – color model (process color, four color) is a subtractive color model, used in color printing, and is also used to describe the printing process itself. CMYKrefers to the four inks used in some color printing: cyan, magenta, yellow, and key (black).
  1. Subtractive – model explains the mixing of a limited set of dyes, inks, paint pigments or natural colorants to create a wider range ofcolors, each the result of partially or completely subtracting (that is, absorbing) some wavelengths of light and not others.
  1. Additive Color- is colorcreated by mixing light of two or more differentcolors. Red, green, and blue are the additive primary colors normally used in additive color
  1. Primary Colors- any of a group of colors from which all other colors can be obtained by mixing.
  1. Secondary Colors- a color resulting from the mixing of two primary colors.
  1. Tertiary – are the resulting colorformed when an equal amount of a primary and a secondary color are mixed
  1. Complimentary – colors directly opposite each other in the color spectrum, such as red and green or blue and orange, that when combined in the right proportions, produce white light.
  1. Monochromatic – are all the colors(tints, tones, and shades) of a single hue
  1. Vector Graphics – is the use of geometrical primitives such as points, lines, curves, and shapes or polygons—all of which are based on mathematical expressions—to represent images in computer graphics
  1. Raster Graphics – are digital images created or captured (for example, by scanning in a photo) as a set of samples of a given space
  1. Image Trace – Convert bitmap images(for example, photos or scanned designs) into vector artwork that you can modify and use in Adobe Illustrator
  1. Live Paint Bucket – feature allows the artist to flow paintinto areas created by the intersection of shapes and paths
  1. Color Guide – panel is a useful way to create color variations in your artwork


We are going to apply some of these terms to a coloring page. Go to the internet and find an adult coloring book page. Save the image to your desktop.


Go to File New in Illustrator – Create a letter size – portrait document

Go to File – Place

Screen Shot 2016-04-27 at 9.08.52 AM.png

Screen Shot 2016-04-27 at 9.09.00 AM.png

With the image selected

Choose the button for Image Trace

Screen Shot 2016-04-27 at 9.09.06 AM.png

Then open the image trace panelScreen Shot 2016-04-27 at 9.09.22 AM.png

It can be found next to the View Tracing Result button

Screen Shot 2016-04-27 at 9.09.17 AM.png

It should open a panel that looks like this.

Screen Shot 2016-04-27 at 9.09.30 AM.png

Everyones settings will be different depending on the look you are going for and what image you choose. Mess with the settings until you get the look you are going for. To raise the level of black outline raise the Threshold level.

Screen Shot 2016-04-27 at 9.11.02 AM.png

When finished click Expand

Screen Shot 2016-04-27 at 9.11.12 AM.png

Screen Shot 2016-04-27 at 9.11.18 AM.png

You have now very quickly made a vector image.

Using the live paint bucket tool Screen Shot 2016-04-27 at 9.11.31 AM.png  Screen Shot 2016-04-27 at 9.11.53 AM.png

You will color the vector image. In your fill color Screen Shot 2016-04-27 at 9.45.41 AM.pngchoose your favorite color

In your Color Guide Panel – that can be found under Window – Color Guide

Screen Shot 2016-04-27 at 9.12.38 AM.png

Choose a monochromatic color scheme.

When you move the live paint bucket over your image traced image it will give you this notice “Click to make a Live Paint Group”

Screen Shot 2016-04-27 at 9.13.09 AM.png

Go crazy, color all your shapes with the live paint bucket monochromatic color scheme.

If you have too many leaks or gaps you can fill some of the GAPSScreen Shot 2016-04-27 at 9.49.37 AM.png.

That little button is found to the right of the EXPAND button.

Screen Shot 2016-04-27 at 9.13.24 AM.png

It opens a panel

Screen Shot 2016-04-27 at 9.13.31 AM.png

My image detected 5 small gaps. You can close the GAPs with paths

Screen Shot 2016-04-27 at 9.13.40 AM.png

You can also close larger gaps or medium gaps.Screen Shot 2016-04-27 at 9.17.00 AM.png


You should color your entire image with a monochromatic color scheme and a second color scheme of your choice.

Screen Shot 2016-04-27 at 9.35.03 AM.png

Be sure to label what color schemes you chose in canvas.

When finished upload your 2 finished pieces.

One Monochromatic

One labeled Color scheme of your choice.





Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )


Connecting to %s