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※
Ø
Ø
