Basic Concepts of Computer Graphics Software (Part 1) Web Animation and Graphics (MIT3449) Bavy LI

Prepared by: Bavy LIBasic Concepts of CGS2 Assessment Scheme Continue Assessment [100%]  around 4 Assignments – 20%  Laboratory (several hands-on) – 30%  Individual Project Topic Title and Description – 5% Log-Sheet Checking – 5% Photoshop Usage – 15% Flash Usage – 10% Presentation – 5% Evaluation Report – 5%

Prepared by: Bavy LIBasic Concepts of CGS3 Major Textbooks – 1 Photoshop CS for Windows and Macintosh: Visual Quick Guide  Weinmann and Lourekas  ct.asp?isbn= X&rl=1 ct.asp?isbn= X&rl=1

Prepared by: Bavy LIBasic Concepts of CGS4 Major Textbooks – 2 Macromedia Flash MX for Windows and Macintosh: Visual Quick Guide  Katherine Ulrich 

Prepared by: Bavy LIBasic Concepts of CGS5 To launch Photoshop in Macintosh open the Adobe Photoshop CS folder drag the Adobe Photoshop CS application icon into the dock click the Adobe Photoshop icon in the dock

Prepared by: Bavy LIBasic Concepts of CGS6 Basic Layout of Photoshop CS Refer to document  vqs-chapter01.pdf

Prepared by: Bavy LIBasic Concepts of CGS7 Concept of Pixel Photoshop image is a bitmap  A layer of dots (pixel) of different shades or colors on a rectangular grid  Each pixel represents a color or shade  Pixels can be edited individually  Photoshop is ideal for producing painterly, photographic, or photorealistic images

Prepared by: Bavy LIBasic Concepts of CGS8 RGB vs. CMYK color – 1 Red, Green and Blue (RGB) lights are used to display a color image on a monitor – combine them to produce white light. The primary inks used in four-color process printing are cyan (C), magenta (M), yellow (Y), and black (K).

Prepared by: Bavy LIBasic Concepts of CGS9 RGB vs. CMYK color – 2 When choosing colors in Photoshop via the Color Picker or Color Palette, the color models can be  Grayscale  RGB  HSB (hue-saturation-brightness)  CMYK  Lab (lightness, a-component, and b- component)

Prepared by: Bavy LIBasic Concepts of CGS10 Channels – 1 Every Photoshop image is a composite of one or more semitransparent, colored-light overlays, called channels.  Photoshop > Preferences > Display & Cursor  check the Color Channels in Color box

Prepared by: Bavy LIBasic Concepts of CGS11 Channels – 2 Color adjustment can be made to an individual channel. Color modifications are normally made and displayed in the multi-channel, composite image. Special grayscale channels that are used for saving selections as masks, called Alpha Channels

Prepared by: Bavy LIBasic Concepts of CGS12 Image Modes – 1 An image can be converted to, displayed in, and edited in any one of eight image modes  Bitmap, Grayscale, Duotone, Indexed Color, RGB Color, CMYK Color, Lab Color, or Multichannel  Image > Mode > …

Prepared by: Bavy LIBasic Concepts of CGS13 Image Modes – 2 Color accuracy may diminish if an image is converted back and forth between different color modes. To preview rather than change the color mode of an image,  View > Proof Setup in conjunction with View > Proof Colors

Prepared by: Bavy LIBasic Concepts of CGS14 Blending Modes Refer to online link,  modes.htm