Focal Point Through Color: Direct Your Viewer with Contrast

 

We already know that great composition will guide our viewer, allowing us the illustrator to direct the overall聽read of the image. We鈥檝e also looked at how strong value contrast establishes clear focal points. Contrast and intensity in color works exactly the same way.

Strong differences in color and highly saturated color will pull your viewers eye, every time. Remember you are making deliberate choices to tell the best story you can. 聽Using color to both tell the story by establishing mood and setting, and creating places of emphasis to guide your viewer is critical.

Color used for emphasis can be very dramatic.

 

But聽contrast can be used to guide the viewer聽subtly too.

Consider this image called Camouflage by James Gurney, creator of Dinotopia. Take a good look and be aware of where your eyes travel.

1472599517687

Gurney conducted an experiment concerning focal points and how different people look at the same image. By adding together the eye movement data from a group of test subjects, he was able to observe where people look in a given picture.

1466101426426

To create the image below, eye-tracking technology recorded the data of sixteen different subjects and compiled the information into a composite image, called a heatmap. The red and orange colors show where 80-100% of the subjects halted their gaze. The bluer or darker areas show where hardly anyone looked.

The heatmap for聽Camouflage聽shows that everyone noticed the dinosaur鈥檚 face. They also quickly spotted the hidden man and the small pink dinosaur.聽 According to data connected to timing, these three faces drew almost everyone鈥檚 attention within the first five seconds. The dinosaur’s face was statistically the first thing most people looked at, followed quickly by the hiding man.

1472599528886

Why do we look the same way at this image? As humans we are drawn to faces. This is a given. However, though the contrast is subtle, the only pink things in all that foliage, (remember green鈥檚 complement is red) are the hidden man鈥檚 skin and the small pink dinosaur.

 

Simple Digital Coloring

Class-

There is no hard and fast rule on HOW to digitally color.聽 Digital coloring in infinite and there as many different methods to work as there are artists out there.聽 I wish you the best of luck in finding the method that works for you.

Here are a few tutorials just to get you started.聽 If you find some good tutorials, please share them in the class resources!

 

Coloring Line Art in Photoshop…

Simple animated painted style in Adobe PS:

Heres one for Procreate:

Monochromatic Palate

1466095712889

It isn’t always necessary to use many colors in order to achieve a colorful image — the monochromatic color scheme consists of one color plus black and can be very powerful. 聽Amonochromatic color scheme has one principle color and in all it鈥檚 various tints, shades, and tones.

1466095729362

 

1980s fantasy illustrator Frank Frazetta whose work we鈥檝e looked at in previously, makes great uses of a monochromatic color scheme in this illustration,聽Silver Warrior.

Note the tiny dabs of warm color he uses to create high contrast focal points within this otherwise completely monochromatic composition. Those warm spots stand out due to color temperature.

 

Tony DiTerlizzi鈥檚 Monochromatic Palate

1466095750736

Illustrator Tony DiTerlizzi often works in a monochromatic palate. For his book The Spider and the Fly he chose a metallic silver and. The beautifully rendered drawings are printed in black against a silver printed page. Silver is a gray and not, therefore, really a color. But because it’s metallic, it contributes more than a standard gray. Though DiTerlizzi’s color solution may seem basic, it is unique in children’s picture books and greatly enhances the mood of his illustrations.

 

For his more recent series of chapter books, The Search for Wondla, DiTerlizzi chooses a different approach. Here, there are no contrasting dabs of warm color like there were in the Frazetta piece.

DiTerlizzi again works monochromatically, but in this case he chooses a two color printing process, meaning he chooses a principle color and the illustrations are all formed by the various combinations of this ink and black 2 along with the white of the paper.

Color Theory Review

The Three Attributes of a Color

To accurately describe a color and differentiate it from another there are 3 attributes to measure.

1466095636630

HUE

When the average person says “color” they are actually mean hue. The hue of a color is its particular light wave energy frequency. Remember, light is waves of energy, and white light is contains all possible colors! Violet is the highest visible light frequency and red is the lowest, which we humans have receptors to see.

In this diagram, note how the blue becomes pink, but all of the colors in between are of equal intensity, as it as it moves from right to left.

SATURATION

Saturation (or chroma as it is sometimes called) means a color’s purity. When people are talking about a color’s intensity they mean its saturation or chroma.

In the diagram, note how the blue becomes less saturated as it as it moves from right to left.

VALUE

As we discussed earlier in the course, colors have values just as shades of gray do. A color’s brightness or darkness, and its nearness to white or black respectively, is the color’s value. Value is independent of hue or saturation and can be seen even in a black-and-white photo.

 

Tints, Shades, and Tones

Value聽has is has its own color terminology.

Remember that the value of a color is how light or dark a color is, or how close it is to black.

Tints聽are when we add white to a pure hue:

1466095651592

Shades聽are when we add black to a pure hue:

1466095660440

Saturation聽also has its own color terminology.

We get different tones when we add gray to a pure hue:

1466095671579

Another way to envision this is as the hue itself becomes less saturated, it appears more and more gray.

 

Munsell’s Color Tree

Talking about color can be very misleading! For example, when you go to a paint store, you can buy a can of Honorable Blue, Flyway, or Wondrous Blue! When we say Flesh Tone, what exactly does that mean? Whose Flesh Tone are we talking about? 聽It can be very confusing!

1409346652367

Albert Munsell, an artist and professor the Massachusetts College of Art and Design, felt the same way. In 1905 he developed a “rational way to describe color” using numeric notation instead of names to describe color. To assign these numbers he used the three attributes we discussed above: hue,聽value, and chroma (saturation).

1409346684313

In the diagram above, you can see the traditional color wheel as the center ring, and Munsell’s Color Tree, as it came to be known, growing from the center. The trunk of the tree represents zero to ten in value. The farther we move from its “trunk” represents an increase in chroma, until the hue鈥攔epresented by the separate “branches”鈥攊s at full saturation, farthest away from the center.

1409346719572

Munsell’s Color Tree

Now聽Lets Learn to work in a LIMITED PALATE.

 

The Color Wheel

1466034999442

YES, you painted one of these in Kindergarden. I know. However the usefulness and knowledge that can come from this tool is limitless. So please let go your preconceptions toward color, and using a color wheel and come into this with an open mind.

The color wheel is one of the most powerful tools artists and designers have to help us understand and use color effectively. 聽It is strongly recommended that as you examine the different color schemes thought this post and the following, you look at a color wheel and plot them out.

1466035082557

 

 

FUN FACT! The first circular color wheel was created by Sir Isaac Newton in 1666. As if the laws of planetary motion and gravity weren鈥檛 enough!

1466094968998

Foto: picture-alliance

 

1466095035989

We begin with a three-part color wheel that shows only pure colors, meaning colors which no amount of mixing will result in. These three colors are of course our primary colors: red, yellow, and blue. All other colors are derived from these three hues.

 

 

 

 

1466095027770

Next we move on to our secondary colors.These are the colors formed by mixing the primary colors with each other: green, orange, and purple.

 

 

1466095133395

You can further break down the color wheel into tertiary colors.These are the colors formed by mixing a primary and secondary color:聽yellow-orange, red-orange, red-purple, blue-purple, blue-green, and yellow-green.

 

1466095577744

And of course we divide that wheel based on Color Temperature, with warm color opposite cold.

 

To create a successful illustration, your color palette or scheme needs to support your big idea. It must work to further your narrative and or concept. 聽If you have already taken Color and Design, you will have worked with various color schemes.聽聽 In the next few posts, and in the remaining weeks of class, you’ll look review color theory in detail, and see how those color schemes can influence narrative. We will also look at how they are applied in both fine art and in contemporary illustration
1466095598653

Drawing by Philippe Buchet, Color by Matt Hollingsworth

 

NOW lets get deeper into some real COLOR THEORY!

Inktober Prompts

Here are the official Inktober prompts from Mr. Jake Parker himself. There are always a ton more of these floating around, so feel free to search and find one that better suits you, or don鈥檛 use prompts at all! Stock up on pens from ArtSnacks聽and JetPens聽or your friendly neighborhood (cooperatively owned and run) art shop, Artist & Craftsman. Remember this is another opportunity for Extra Credit in this course!

unnamed

Call for Entries: collectiveartsbrewing.com

Class- 聽Here is a chance to get some professional exposure for your work and earn some money from it! 聽And you thought this was JUST an assignment!

 

Watch this video about the competition from a previous winner.

 

We are looking for the best new and聽emerging artists聽around the globe to be part of our聽FALL 2018 CALL FOR ART.聽 This year marks an important milestone for Collective Arts.聽Our beer can be found coast-to-coast in Canada, and in the USA we are available in New York,聽Massachusetts, Connecticut, Maine, New Hampshire and Vermont. Collective Arts will be launching in Chicago and Nashville this fall聽and our beers can be found in聽Australia!聽We want to show the world YOUR work as we continue to grow.聽

 

 

 

Project 1: Beverage Label Reboot

Overall Assignment:

      • Choose an illustrated wrap around beer can or tea box.
      • Label will be a horizontal design:Illustration for a beverage label: You have been approached by a client to who wishes to redesign the packaging for an existing beverage label. You will identify your own client for this project.

5 inches high 6 inches wide for an aluminum can label wrap around label

4 inches high 6 inches wide for a tea box.

mint magic

  • This is a primarily Illustrated label. Though text placement should be thoughtfully considered. If it is not hand drawn text and part of the art, then it should not be included in the final art.
  • FINAL Art is required to be Black and White only.
  • Students will be required to present the illustration alone, as well as a digital mock up, indicating space for text.

 


DUE NEXT WEEK:

 

PART 1: Generate MULTIPLE visual solutions for your client.

  • Research, Brainstorm, and Generate 4 Different Illustration Concepts.
  • Draw 5 at least thumbnails per concept, for a total of 20 Thumbnails.

 

Begin by identifying a client who鈥檚 label you would like to redesign.聽 Choose based on an inspiring name, NOT based on YOUR relationship with the product. Research the client and imagery suggested by the beverage, the brand or the name. Brainstorm in your sketchbooks based on research.

From your brainstorm identify at least 4 different concept directions their final illustration could go.聽 The more thorough your brainstorm, the better the final art will be. Explore these 4 different concepts through sketches related to their brainstorms in your sketchbooks.

You must also begin collecting visual imagery related to your concepts as well as inspirational images and reference images 鈥 organized them in a way that works for you.聽 You will need to compile them into a Blog Post about your working process, when you turn in the completed assignment.

IMPORTANT :

*Be sure to use a ruler to draw the frames for your thumbnails BEFORE you begin them.

*Be sure they are in proportion to the label you are designing.

 

 

Life Drawing in New York

Since we are in New York City artists have many options to improve their life drawing skills聽by drawing聽from a model outside of this class.聽 The only way to improve your drawing is to practice!聽 Practicing our craft is VITAL! 聽Take advantage of the resources in our city!

 

IN MANHATTAN:

 

 

 

The New York Society of Illustrators is an incredible resource for up and coming commercial artists. 聽The sketch night is a great way to get to know this institution. 聽Its lively with great models, live music, pro illustrators, and often comes with FOOD! 聽This one is wonderful and is the cheapest option I’ve found for students!

 

sketch11sept

 

 

IN BROOKLYN:

 

 

 

 

 

 

 

Shoestring Studio聽is a聽membership-based art studio聽serving painters, draftsmen, illustrators, and other artists in need of workspace, community, and shared resources. Their primary mission is to provide affordable, accessible workspace for artists in Crown Heights and the greater Brooklyn area. 聽They host figure drawing sessions several days per week at a very affordable rate. 聽You do not need to be a member to attend. 聽Be sure to ask about student discounts!