wnu j glw

03/07- Lecture 5.5

※Illustrator Basic※

Illustrations

Ø Artwork created with vectors.

Ø Vectors describe how the page should be created.

Ø Resolution Independent.

Vector Objects

Ø Open Paths and closed Paths.

Ø End Points and Anchor Points.

Ø Line Segment and Curved Segment.

Ø Direction Lines and Direction Points.

Ø Corner and Smooth point.

Object Properties

Ø Each object has similar properties.

Ø Stroke Weight, Color, Dash, Joins, Miters.

Ø Fill – Color, Gradients.

Basic Shapes

Ø Easy tools for common shapes.

Ø Modifier keys.

Ø Single click for dialog box.

Selection Tools

Ø Selection Tool – Solid Black Arrow.

Ø Direct Select Tool – White filed Arrow.

Ø Modifier Keys.

Ø Grouped Objects.

Ø Selection Tools also moves objects.

◎ Assignment 5

n Lesson 2

n Lesson 3

n Make logos using basic shape tools that match sample on website.

03/11 - Lecture 6

※Illustrator Basic※

Illustrations

Ø Artwork created with vectors.

Ø ;

Outline Formats

Ø Apple develops “Truetype”.

Ø Adobe and Microsoft extend “T

Ø S

Where is the Font?

Ø Only font name are saved in documents. Not the actual font files.

Ø Printers are asked if they have the font available, if not a subject is sent to printer.

Ø PDFs may embed or rasterize fonts inside document.

Ø InDesign Package ….

WWW Woes

Ø Fonts are not embedded in Web pages.

Ø H1??( font-family Verdana. Arial, san-serif.) Cascade to a generic font family.

Ø www………com

Ø Font Downloading is work in progress. Legal/ Aesthetics.

Ø Image Replacement for precision. Bad for ADA requirements.

03/13- Lecture

※Illustrator Basic※

s

Ø s.

Ø font

How not to use the Pen tool

Ø Don’t use too many

Assignment 6

Visual Steps

Ø

03/18 - Lecture

※I※

Color Vision

Ø Cones in eye detect wavelength.

Ø L cone – Mostly reds.

Ø S cone – Violets.

Ø Rods – low intensity light.

Color Spaces

Ø A Color Space is a way to describe colors.

Ø “Gamut” is the range of colors a device can produce or detect.

Ø Primary Colors – Red / Yellow / Blue.

Ø Pantone Swatches – Color Space but not Color Model.

Ø CIE(法國公司) L*a*b – Ideal visible color model.

RGB

Ø Red Green Blue.

Ø Additive Colors.

Ø Describes what colors to be emitted to get a color.

Ø Color Space for computer monitors.

Ø RGBA = RGB with Alpha (Transparency).

CMYK

Ø Cyan Magenta Yellow Key (Black).

Ø Subtractive Colors.

Ø Describes what inks to use to reflect the desired color.

Ø Used in color…….

Ø ………….

HSV

Ø Hue Saturation(飽和) Value.

Ø HSB HSL are similar.

Ø Common Artist color space.

Ø Hue range 0 – 360 degrees.

Ø Saturation & Value range 0 – 100%.

Computer Numbers

Ø Computer store information in Bits. 0 or 1.

Ø 3 bits can store 8 possible values

000 001 010 011 100 101 110 111

Ø A …

Ø ……

Ø ….

More Computer Numbers

Ø 32 Bit Floats – Floating Point.

Ø Used 23 bits for fraction, 8 for Exponent, 1 for the sign.

Ø Positive Range [ 2………………

Ø …………..

RGB Truecolor

Ø A pixel’s RGB values store in 24 bits.

Ø 3 colors stored as 8 bit integers ( 0 – 255 )

Ø 圖

RGB Issues

Ø 24 bit RGB color model uses absolute color values. Limited Density.

Ø At very dark or very light ranges detail is not available.

Ø 48 bit RGB……………..

CMYK Process

Ø Cyan Magenta Yellow mixed to get color pigments. Pigments have limitations.

Ø Key (Black) ………………

CYMK Issue

Ø Although CYMK values ate percentages they are still absolute colors.

Ø Inks are printed in passes. Top ink can obscure lower inks.

Ø Halftone screening allows better colors at the ……..

03/25- Lecture 8

※Colro 2※

Halftones

Ø EX: BW Printer has a resolution if 600 DPI. Each dot is either black or white.

Ø To get different levels of gray divide up the dots into lines of halftone areas. Actual resolution is 85 to 105 LPI.

LCD Pixel Color

Ø Color are generated by different levels of RGB.

Ø Each pixel is actually 3 squares, one red, one green, one blue.

Ø The eye mixes the colors together.

Gamuts (色域)

Ø The range of colors something can produce or detect.

Ø sRGB & Adobe GGB color spaces define 3 max color values and a white point.

Ø Going from one space to another can loose colors.

More Gamuts

Ø It may look right on the screen but what does it print?

Ø Gmauts for printers are carried based on technology.

Ø Checking for gamut warnings.

Life of a color

Ø Original Pixel (一般紅色玫瑰照片)

Ø Scanned Value (186)

Ø Display Value (186 150<實際>)

Ø Print Value (186 16X???)

Color Sync

Ø How to keep a color the same when scanned, photographed, on monitor, and finally printed.

Ø ICC – Color profiles to convert devices gamuts to L*a*b color space and back.

Ø Vendor provided vs. Self Generated.

HDRI

Ø High Dynamic Range Image(高動態範圍影像)

Ø Uses 32 bit “floats” to keep luminance info for each pixel.

Ø Unlike images in absolute color, HDRI tracks the emission of color beyond visible range.

Making HDRI

Ø (1.3SEC 2.5 SEC 4 SEC 8 SEC 15 SEC)圖片

Ø Take image multiple times at different exposures.

Ø Change in luminance determines emissive colors.

Ø Combine into HDR format file.

Ø 32 Bit color channels (floats) - DEMO

Need to know

Ø Visible Color – Reflective and Emissive.

Ø Color Spaces – L*a*b, GGB, CYMK,HSV

Ø Printing Process Colors – Halftones

Ø Devive Gamuts – Color Sync – Profiles

Ø Benefits of HDRI – Beyond Visible range.

03/27- Lecture 7.5

※Illustrator Color and Layers※

Color Palette

Ø Color Picker

Ø CMYK、RGB、Grayscale

Ø Swatches

Ø Process Colors , Global Colors, Spot Colors, Registration Colors

Pathfinder Palette

Ø Turns basic shapes into more complex shapes.

Ø SHAPES – Add Subtract Intersect Exclude.

Ø PATHFINDER – Divide Trim Merge Crop Outlines Minus-Back

Ø Expand to complete.

Blend Tool

Ø Provide “tween” function between objects.

Ø Adjusts shape and color for each step.

Ø Changes to key objects will update the blend objects.

Blend Options

Ø Specific Distance.

Ø Specific Steps.

Ø Smooth Color.

Blend Path

Ø Use pen tools to add anchors, modify direction lines.

Ø Blend option ……………….

Layer Palette

Ø Visibility and Locked.

Ø Current Layer.

Ø Sub Layers.

Ø Select Objects.

Ø Clipping Mask Button.

Clipping Masks

Ø Source objects below grouped together.

Ø Path to be a clipping area on the top.

Ø Select both groups.

Ø Create Clipping Mask.

Assignment 7

Ø Color and painting lesson 8

Ø Layers-lesson 8

Ø Create an illustration of a modern house

04/7- Lecture 8

※Illustrator Color and Layers※

Ø

Ø