1 / 56

COLOR The Next Dimension

COLOR The Next Dimension Why use color? Color adds information that is often difficult to describe with words Color adds a sense of beauty and excitement otherwise hard to capture But. . . Color illustrations require time, talent, and planning

bernad
Download Presentation

COLOR The Next Dimension

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. COLOR The Next Dimension

  2. Why use color? • Color adds information that is often difficult to describe with words • Color adds a sense of beauty and excitement otherwise hard to capture

  3. But. . . • Color illustrations require time, talent, and planning • Color is more difficult to reproduce accurately in print, but more easily in digital media • Color is expensive to print, except in large press runs; cost often borne by scientist

  4. Natural color • Symbolic color • Design color

  5. Natural color • Captures the true color of the specimen • Most common use of color • Usually watercolor, gouache, acrylic paints, colored pencil, or mixed media

  6. Symbolic color • Use of standard colors to portray different structures (e.g., red arteries, blue veins, yellow nerves) • Often used in medical and/or instructional illustrations http://catalog.nucleusinc.com/nucleusindex.php?

  7. Design color • Color is used as part of the overall design to communicate information quickly, precisely, and noticeably http://www.komengreaterlansing.com

  8. Color Theory

  9. Primary colors • Irreducible components of color • Combinations of the 3 primaries produce entire (infinite) spectrum of color

  10. Red Orange Yellow Green Blue Indigo Violet ADDITIVE primary colors of LIGHT

  11. ADDITIVE primary colors of LIGHT RGB color of computer monitors, television, and (approximately) human vision Green Yellow Cyan Red Blue Magenta

  12. A computer monitor pixel is composed of 3 subpixels (each a tiny transistor) with red, green, and blue filters. Through the careful control and variation of the voltage applied, the intensity of each subpixel can range over 256 levels (black =0, white=255). Combining the subpixels produces a possible palette of 16.8 million colors (256 shades of red x 256 shades of green x 256 shades of blue).

  13. SUBTRACTIVE primary colors of pigments

  14. CMYK color of printing SUBTRACTIVE primary colors of TRANSPARENT PIGMENTS/INKS Yellow Red Green Magenta Cyan Blue

  15. SUBTRACTIVE primary colors of OPAQUE PIGMENTS Yellow Orange Green Red Blue Violet

  16. ADDITIVE mixture involves the addition of spectral components (light) SUBTRACTIVE mixture involves the absorption (or subtraction) of spectral components (pigments and dyes)

  17. Additive and subtractive colors are COMPLEMENTARY G Y C R B M

  18. Yellow Primary Red Blue Subtractive primary colors (pigments)

  19. Yellow Secondary Orange Green Red Blue Violet

  20. Yellow Tertiary Yellow-orange Yellow-green Orange Green Red-orange Blue-green Red Blue Red-violet Blue-violet Violet

  21. Yellow Yellow-orange Yellow-green Orange Green Red-orange Blue-green Color Wheel Red Blue Red-violet Blue-violet Violet

  22. http://www.malanenewman.com/browser_safe_color_wheel.html http://www.realcolorwheel.com/rcwplotter.htm http://www.corel.com/servlet/Satellite?pagename=Corel3/Section/Display&sid=1047024315119&gid=1047024331836&cid=1047023275319 http://www.businesscreatorpro.com/articles/graphic_design_article.php

  23. Rules of Harmony

  24. Monochromatic

  25. Analogous

  26. Complementary

  27. Split complementary

  28. Analogous complementary

  29. Double complementary tetradic

  30. Triadic

  31. Tetradic

  32. See the “Color Guide” and “Live Color” features new to Illustrator CS3

  33. Qualities of color • Hue (the named color) • Saturation (chroma or tone) • Brightness (intensity or value) • Temperature • Transparency & opacity

  34. Yellow Hue Orange Green Red Blue Violet

  35. Saturation white

  36. Brightness black

  37. Hue, saturation, brightness spectrum http://livedocs.adobe.com/en_US/Photoshop/10.0/WSAAFD9CC8-831E-4593-8694-B39919F72A26.html

  38. Temperature Warm Cool

  39. Transparency Opacity

  40. Color Modes in AdobeCS Applications Illustrator Photoshop Grayscale RGB HSB CMYK Web Safe RGB Bitmap Grayscale RGB HSB CMYK Lab Web Color

  41. The “Color Picker” in Photoshop

  42. Color Spaces and Gamuts L*a*b Device-independent (L*a*b) and device-dependent (everything else) http://photo.net/digital-darkroom-forum/00QNAo http://help.adobe.com/en_US/Acrobat/9.0/Standard/WSFC77A86E-F68E-4906-A42D-6EAF5AB4F675.html http://www.tasi.ac.uk/advice/creating/colour2.html

  43. RGB vs CMYK RGB: colors of computer monitors; larger color gamut than CMYK; colors appear brighter, more vibrant CMYK: colors of transparent inks in 4 process printing; smaller gamut; many RGB colors “out of gamut”, cannot be printed in CMYK inks. CMYK RGB

  44. RGB vs CMYK Orthodoxy: RGB images must be converted to CMYK prior to 4-process printing. Work in CMYK for printing. NO!: Work in RGB! Larger gamut, more flexibility. Consumer inkjet printers convert to CMYK automatically and do an excellent job (use as reference). Otherwise, use Adobe CS software to convert a copy or let the commercial press do it for you. Adobe CS software gives “out of gamut” warnings when working in RGB.

  45. Color Management Calibrate your monitor —Use Displays > Color utility in Mac OS System Preferences (for more precision use calibration hardware, e.g., Datacolor’s Spyder3 series or Spyder2express) Choose a color space in your Adobe CS application — Under the Edit > Color Settings menu. Choose North America Prepress 2 and its default settings, including Preserve Embedded Profiles. Synchronize these settings among your CS applications. Acquire printer profiles — visit your printer company’s website and download the current printer drivers and/or ICC profiles for your printer/paper combination. Set a Custom Proof Condition for your printer and paper — View > Proof Setup > Custom and under Device to Simulate select the printer/paper profile you downloaded earlier; now you can View > Proof Colors to see what your document will look like (approximately) in print. See the CS application Help Guides and the references listed at the end of this presentation for complete directions on calibration, profiles, proofing, etc.

  46. Techniques • Colored pencil • Watercolor • Gouache • Acrylics

  47. Colored Pencil • Can give excellent textural detail and rich color effects • Minimal materials needed • Inexpensive • Fast • Excellent with mixed media

  48. Surfaces: • Illustration board-any surface with good “tooth” and random texture, such as cold-press, 100% rag mat board, cold-press Bristol board, or Kid-finish Strathmore • Drafting film-acetate or polyester, matte 1- or 2 sides, e.g. Herculene (K&E)

  49. Media: • Pencils-At least a basic set of 12 pencils representing the primaries through tertiaries: • Sanford Prismacolor • Sanford Prismacolor Verithin • Sanford Prismacolor Watercolor • Derwent Studio • Faber Castell Polychromos • White gouache or acrylic paint

  50. Tools: • Small sable watercolor brush for dry-brushing highlights • Eraser-Pink Pearl, etc. • X-Acto knife • Workable fixative

More Related