Thursday, February 11, 2016

Week 3 Color

Week 3_Color


1.  Place homework on the server (.ai files in the week2 folder).  ALSO....Please export jpegs of your (manmade/organic/combination assignment and place in jpegs_week2 folder) for discussion

2. Look at homework.  Discuss any issues that were had with the assignment, how they were resolved or how they could be resolved? 

3.  Intro to Color

Understanding color

There are many ways to experiment with and apply color to your artwork in Illustrator, Photoshop and InDesign. As you work with color, it’s important to keep in mind the medium in which the artwork will be published, such as a print piece or a website. The colors you create need to be described in the correct way for the medium. This usually requires that you use the correct color mode and color definitions for your colors. The first part, color modes, will be described next.

Exploring color modes

Before starting a new illustration, you should decide which color mode the artwork should use, CMYK orRGB.
 CMYK—Cyan, magenta, yellow, and black are the colors used in four-color process printing. These four colors are combined and overlapped in a screen pattern to create a multitude of other colors. Select this mode for printing (in the New Document dialog box or the File > Document Color Mode menu).
 RGB—Red, green, and blue light are added together in various ways to create an array of colors. Select this mode if you are using images for onscreen presentations or the Internet.
When creating a new document, you select a color mode by choosing File > New and picking the appropriate profile, such as Print, which uses CMYK for the color mode. You can change the color mode by clicking the arrow to the left of Advanced and making a selection in the Color Mode menu.

When a color mode is selected, the applicable panels open, displaying colors in the selected color mode. You can change the color mode of a document, after a file is created, by choosing File > Document Color Mode, and then selecting either CMYK Color or RGB Color in the menu.

All Color has 3 main properties.

Value-how light or dark a color is

Intensity or chroma-how prismatic or pure a color is

Hue-what color is it?   Red, Blue, Green, etc.

Color intro from Thomas Everett Green

Key Color Terms

Achromatic – Having no color.
Achromatic grays – Grays mixed from black and white only. Achromatic grays appear to have no coloration.
Additive color – Color as seen in light. Red, green and blue-violet are the additive color primaries. When mixed they produce white light.
Analogous colors – Closely related hues adjacent to each other on the color wheel.
Chromatic - Having color.
Chromatic grays – Grays mixed from colors rather than black and white.
Complementary colors – Colors that share no common hue and lie directly opposite each other on the color wheel.
High key – refers to colors that are light in value.
Hue – The name given to a color based on its position in the spectrum and its wavelength. The common name of a color.
Low key – Colors that are predominantly dark.
Monochromatic – One color or a color scheme based on one color.
Muted color – Colors that have lost saturation in mixing, but whose parent colors are still easily identifiable (blue-green or red-orange).
Primary triad – In subtractive color red, yellow, and blue from which (theoretically) all colors can be mixed.
Prismatic color – Pure hues that represent the spectrum colors at highest saturation.
Saturation – Intensity or chroma. Saturation refers to purity of hue.
Secondary triad – In subtractive color orange, green, and violet. The three colors equidistant from each other on the color wheel made by mixing pairs of primaries.
Shade – Mixing black with a color.
Simultaneous contrast – The tendency for complementary colors to intensify each other when juxtaposed.
Spectrum – Pure colored light as seen with a prism or in the form of a rainbow.
Subtractive color – Color seen in pigment as a result of reflected light.
Temperature – The relative warmth or coolness of a color as determined by its hue (blue is cool, orange is warm).
Tertiary colors – Intermediate colors created by combining a primary with a secondary color.
Tint – White mixed into a color.
Triad – Color scheme involving any three hues equidistant on the color wheel.
Value – The relative lightness or darkness of a color.


In Class:

Take the color challenge

Take a screenshot of your results!!!


Review the following. 

Color Schemes (Harmony)

Monochromatic Color Scheme-only one color (and shades and tints of that color are used)
Complementary Color Scheme
Analogous Color Scheme
Split Complementary Color Scheme
Tetrad Color Scheme
Square Color Scheme

Complete Exercises 1, 2, 3, and 4 from the digital foundations wiki page:

Project 3:  Take 5-10 digital photos of the architecture on MCA campus.  Look for areas that are visually interesting and have lots of angles, shadows and shapes.   You may use any of the tools that you have used so far in Illustrator.

Place and lock that file in illustrator, then recreate that image on an 11x17" art-board using the palette picker found here:, 

Or by creating your own palette based on one of Itten's color contrasts.

The most important thing you will need to consider for your works to be successful is the use of value.  If your values are not correct, the work will not have the believe-ability of works that have taken value into consideration. 

Example from previous student work: 

Thursday, February 4, 2016

Project 02

In Class Exercise: 
Practice using the pen tool to trace lines and curves.  An Illustrator file with the exercise material is available for you on the server.   Drop it to your desktop.  Once you have completed the exercise, then you will: 

Project 02
1. Write down two manmade objects and two natural/organic objects onto a small piece of paper.   Tear and fold the objects and give them to me.   We will go from here. 

In Class Exercise: Work on using the pen tool to create the following make a list of 2 manmade and 2 natural/organic objects.   write these down on a small sheet of paper and tear them up and fold them.  

Create a vector image (either using a photograph or drawing you have made from a visual reference) of the objects you have selected. 

Combine the 2 objects (1 man made, 1 nature made) to create a new image.

Things to be thinking about:

*layout/design/composition (is it floating in the middle of the page?) 

*negative space/positive space


*concepts/creativity (Are you just placing a hammer head on a rabbit body? Or are you thinking beyond the obvious?) 

Example from previous student work:

Week 2


Collecting Homework and Intro to Server. 

1. Create a folder on your desktop.  Name it "lastname_firstname_week1" then place your illustrator files in the folder, along with your document for the research assignment on "fair use."   


Once you have your files in your folder,  then you will connect to the server. 

Click on "Finder" then click on "Go"... "Connect to server"..."Dali"

Type in your login and password.    From here you will go to classes and find our course folder  FD170-D.  In the folder, you will see a folder marked "Week_1"  Place your folder in the appropriate folder. 

A new seating chart has been established.  Please follow this chart so you are seated next to someone that could possibly help you and vice versa as we work through the projects.

Creative Commons and Fair Use

Licensing your work

Licensing work with a Creative Commons (CC) license is easy.
Upon setting a Creative Commons license, the creator of the work decides if both commercial and noncommercial uses are allowed (some are noncommercial only), if others are allowed to modify the work once it is licensed (called, "derivative work"), and if derivative works are allowed, whether or not the newly modified work also has to be licensed with CC (called, "share alike").

The six types of licenses and a very brief description of each follows. More information can be found on All CC licenses state that the original author will be given credited for her work, in addition to the following details:

1.Fig02 Ex3 01b.jpgAttribution Non-commercial No Derivatives (by-nc-nd) This license provides the least freedom to others as the work cannot be used for commercial purposes and derivative works cannot be made (in other words, it would be illegal to use this work as part of a collage).
2.Fig02 Ex3 01c.jpgAttribution Non-commercial Share Alike (by-nc-sa) This license allows others to build upon the original work (for instance, this work could be used, legally, in a collage) as long as the new work is also licensed in the same manner, with a CC by-nc-sa.
3.Fig02 Ex3 01d.jpgAttribution Non-commercial (by-nc) This license allows others to build upon the original work (this work could be used, legally, in a collage) without having to license it as a CC by-nc. However, the resulting work cannot be used for commercial purposes and the original author, as with all CC licenses, must be credited.
4.Fig02 Ex3 01e.jpgAttribution No Derivatives (by-nd) This license allows others to use the work as it is, without making derivative work, for any purpose (commercial or noncommercial).
5.Fig02 Ex3 01f.jpgAttribution Share Alike (by-sa) This license allows others to use the work as it is or in derivative forms, for commercial and noncommercial purposes, as long as the new work is also licensed with the same CC by-sa license.
6.Fig02 Ex3 01a.jpgAttribution (by) This license provides the most freedom to others who want to use the licensed work.

Creative Commons, Fair Use, and Appropriation

Fair use

Reproduceablity is a principal trait of digital media. Unlike paintings, records, books, videotapes or even photographs, an exact replica of digital media can be made from the original file. This is true for digital photographs, Compact Discs (and MP3s), DVDs, and websites. From sampling to mashups, collage to subvertisements, contemporary artists and content creators use digital files as source material for the derivation of new works. These works are considered new and original, but they are sometimes built with bits and parts of copyrighted works. In the digital age, new works are often created when more than one existing work is recombined in a new way, providing new visual relationships and new ideas.

Copyright content can be used in a new work as long as permission is obtained from the copyright holder, or if the media use falls into the category of fair use. Under the fair use clause of copyright law, limited copyrighted material can be used for a "transformative" purpose, such as commenting upon, criticizing or parodying the initial material. The 4 key factors are

  • the purpose of the derivative work
  • the nature of the original work: was the original mostly factual or creative
  • the amount of original work used
  • the effect that the new work has on the potential or actual market value of the original

Kenneth Tinkin-Hung, 

This net art parody is protected by the fair use clause of the United States copyright laws

Appropriation is a word that is used by media artists to describe the visual or rhetorical action of taking over the meaning of something that is already known, by way of visual reference. For example, Andy Warhol appropriated the Campbell's soup can visual identity to make large, iconic silkscreen prints of the face of Campbell's soup cans. Warhol's soup cans are a modified version of "the real thing." The visual reference to the original soup can is important, as the viewer needs this information in order to understand the idea that the reference conveys (your personal translation of this could be something as simple as a popular American icon to a feeling associated with comfort food). By transforming not only the size and limited graphic palette for portraying the soup cans, but also the place where the viewer will encounter them (an art gallery as opposed to the grocery market), Warhol appropriates the original Campbell's soup cans to create American art that relates to popular culture in its iconic form. Appropriation falls into the category of fair use.

Another source for imagery are stock photography websites such as or These websites are full of photographs and vector graphics to be used in advertising, corporate media, brochures, campaigns, and other design applications. The advantage of these sites is they seem to have endless search detail.The disadvantage is that the photographs are generic, and have the impersonal feel of an advertisement. No one ever looks as happy as a model in an advertisement; most people are as physically attractive there is an overall "generality" to the photographs. 

New tools in Illustrator
Similar to the shape builder tool is the pathfinder tool.  The pathfinder tool has the power to merge, intersect, exclude and subtract parts of two overlapping shapes.


This week we are going to be looking at the various drawing tools that you can use in Illustrator.

Line tool

The line segment tool, arc tool, spiral tool and grid tool can be found in this panel.  There are times you might want to use the curvature tool, or just use the pen tool to create a line segment, but this is also a route you might take.

Brushes (from adobe classroom in a book) 
The variety of brush types in Adobe Illustrator CC lets you create a myriad of effects simply by painting or drawing using the Paintbrush tool or the drawing tools. You can work with the Blob Brush tool, choose from the Art, Calligraphic, Pattern, Bristle, or Scatter brushes, or create new brushes based on your artwork.

Working with brushes

Using brushes you can decorate paths with patterns, figures, brush strokes, textures, or angled strokes. You can modify the brushes provided with Illustrator and create your own brushes.

A. Calligraphic brush
B. Art brush
C. Bristle brush
D. Pattern brush
E. Scatter brush
You can apply brush strokes to existing paths, or you can use the Paintbrush tool to draw a path and apply a brush stroke simultaneously. You can change the color, size, and other features of a brush, and you can edit paths after brushes are applied (including adding a fill).
There are five types of brushes that appear in the Brushes panel (Window > Brushes): Calligraphic, Art, Bristle, Pattern, and Scatter. 

A. Brushes
B. Brush Libraries Menu
C. Libraries Panel
D. Remove Brush Stroke
E. Options Of Selected Object
F. New Brush
G. Delete Brush

Calligraphic brushes resemble strokes drawn with the angled point of a calligraphic pen. Calligraphic brushes are defined by an elliptical shape whose center follows the path. You can use these brushes to create the appearance of hand-drawn strokes made with a flat, angled pen tip.

Art brushes stretch artwork or an embedded raster image evenly along the length of a path. As with other brushes, you can edit the brush options to affect how the brush is applied to artwork.

Bristle brushes allow you to create strokes with the appearance of a natural brush with bristles. Painting with a Bristle brush, using the Paintbrush tool, creates vector paths with the Bristle brush applied, as you’ll see in this section. 

Pattern brushes paint a pattern made up of separate sections, or tiles. When you apply a Pattern brush to artwork, different tiles of the pattern are applied to different sections of the path, depending on where the section falls on the path—the end, middle, or corner. There are hundreds of interesting Pattern brushes that you can choose from when creating your own projects, from grass to cityscapes.

Scatter brushes can be made from vector artwork that you would like to distribute to various areas on your artboard/designs.  Here is a great video for you to refer back to on creating and altering custom brushes for your own symbols, artworks, and vector graphic motifs.

the BLOB brush tool

The blob brush is cool because wherever you paint, you will create a shape.   With the brush tool, you are only creating paths.  The benefits of using the brush vs. the Blob brush is the variations between the aforementioned brushes.   Here is a quick review of the Blob brush.

The pencil tool.  The pencil tool works like a pencil.  You can sketch with it, redraw lines that may or may not have been as accurate as you like.    You can also go into advanced settings and change the smoothness and character of the line.   Just double click on the tool and the dialog box will appear allowing you to make those adjustments.

And finally, this week, we are looking at the pen tool.  the pen tool is one of the simplest tools, and yet, one that takes some time to master.    You can watch this tutorial from Terry White who will give you some insider tips of different ways to use the pen tool.