Color

transcript

WEB DESIGNMater of Arts in Communication Design

WEB DESIGN NABA 2014 Roberto DADDA 2 Titolo lezione

"Color." Merriam-Webster.com. Merriam-Webster, n.d. Web. 8 Feb. 2014. <http://www.merriam-webster.com/dictionary/color>.

WEB DESIGN NABA 2014 Roberto DADDA

Color theory

Titolo lezione 3

Isaac Newton (Woolsthorpe-by-Colsterworth, 25 dicembre 1642 – Londra, 20 marzo 1727)

Johann Wolfgang von Goethe (28 August 1749 Frankfurt a. M.-22 März 1832 in Weimar)

WEB DESIGN NABA 2014 Roberto DADDA 4

Major chemistry investment…

Titolo lezione

White and monochrome light

Titolo lezione 5

In optics, a prism is a transparent optical element with flat, polished surfaces that refract light.

Speed of light…

Titolo lezione 7

Medium Speed Km/s

Vacuum 300,000

Air 299,792

Glass 200,000

Hendrik Lorentz (right) w

ith Albert Einstein.

Spectrum

Titolo lezione

Light sources spectrums

Titolo lezione

Color temperature

Titolo lezione

Wikipedia

Colored objects

Titolo lezione

Color mixing• When we mix colors we see a new color!• ADDITIVE is mixing lights• SUBTRACTIVE is mixing color pigments

Titolo lezione 12

Aditive primary colors: red, green, blue

Titolo lezione

Subtractive primary colors: red, yellow, blue

Titolo lezione

Colors wheel

Titolo lezione 16

WEB DESIGN NABA 2014 Roberto DADDA 17Titolo lezione

Pantone, Carlstadt NJ 1962

Titolo lezione 19

•Complementary colors are pairs of colors which, when combined in the right proportions, produce white or black.

Titolo lezione WEB DESIGN NABA 2014 Roberto DADDA 21

Describing a color

• Hue• Saturation• Lightness

Titolo lezione

WEB DESIGN NABA 2014 Roberto DADDATitolo lezione 24

B&W monitor

Titolo lezione 27

Color display RGB

Titolo lezione

1 p ixe l = 3 fosfori R ,G ,B , illum inati con in tensità variab ile

256 Color Display (8 bit)

24 bit true color

Titolo lezione

Old solved problem

Titolo lezione 35

Image file format: raster aka bitmap

• In computer graphics, a raster graphics image, or bitmap, is a dot matrix data structure representing a generally rectangular grid of pixels, or points of color, viewable via a monitor, paper, or other display medium. Raster images are stored in image files with varying formats

Titolo lezione

• TIFF is good for any type of bitmap (pixel-based) images.

• TIFF produces large files, but there is no loss in quality. TIFF also preserves layers, alpha transparency, and other special features when saved from Photoshop.

• The type of extra information stored with TIFF files varies in different Photoshop versions, so consult Photoshop's help for more information.

Titolo lezione

http://graphicssoft.about.com/od/graphicformats/f/summary.htm

• Use PNG when you need smaller file sizes with no loss in quality.

• PNG files are usually smaller than TIFFs, in my experience.

• PNG also supports alpha transparency (soft edges) and was developed to be a Web graphics replacement for GIF.

Titolo lezione

• Use GIF for simple Web graphics having limited colors.

• GIF files are always reduced to 256 unique colors or less and they make very small, fast-loading graphics for the Web.

• GIF is great for Web buttons, charts or diagrams, cartoon-like drawing, banners, and text headings.

• GIF is also used for small, compact Web animations. GIF should rarely be used for photos.

Titolo lezione

Image file format: vector

• Vector graphics is the use of geometrical primitives such as points, lines, curves, and shapes or polygon(s), which are all based on mathematical expressions, to represent images in computer graphics.

Titolo lezione

Roberto Dadda

www.dadda.itroberto@dadda.it+39 338 775 22 03Twitter, facebook, linkedin: robertodadda