Image Processing, Illustration Image Processing, Illustration (Drawing), Paint Programs, (Drawing), Paint Programs,

and Scanningand Scanning

Dr. Warren C. Weber

Cal Poly Pomona

Image Processing (Manipulation)Image Processing (Manipulation)

• PhotoShop• Change many

characteristics of photographs

• Scan photos directly into Photoshop

• Used by professionals for all types of publications

Crop PhotographsCrop Photographs

• May crop photographs by selecting a portion of the photo and using the “crop” tool.

• The resulting photo eliminates unwanted background areas

Zoom and Alter PixelsZoom and Alter Pixels

• Allows zooming in closely to areas of an image to change individual pixels (picture elements).

• Notice how the left eye was changed to a bright blue.

Change Color, Delete AreasChange Color, Delete Areas

• The colors on this photo have been “saturated” and made a deep tan.

• The jacket area on the lower-right corner has been eliminated and the white shirt blends in.

Filters and Special EffectsFilters and Special Effects• Distortion was

added to this photo using the “twirl” filter.

• Many filters are available for different effects.

• SAVE AS jpeg or png for WEB. SAVE in many formats for presentations.

Illustration (Drawing) ProgramsIllustration (Drawing) Programs

Most Common--

Macromedia Freehand

Adobe Illustrator

Corel Draw

Some combination paint/draw

Drawing Programs Use VectorsDrawing Programs Use Vectors

• Vectors are lines with mathematical representations (Bezier curves)

• “Draw” files may be changed easily. Multiple “undos“

• Drawings” retain their resolution when enlarged

Text, Colors, Patterns in Text, Colors, Patterns in DrawingsDrawings

• The elements of a drawing are easily scaled, rotated, enlarged or reduced.

• Colors may be selectively changed

Selected Paint ProgramsSelected Paint Programs

Painter (Corel)

Paint (anything)

Corel Draw (parts)

PhotoShop (parts)

Painting Simulates the ArtistPainting Simulates the Artist

• Painting is done in BitMap mode (pixel by pixel)

• Once an area is painted, it is difficult to change

• Enlarge a bit map creates distortion

• Some software combines paint and draw

SAVE Draw and Paint with SAVE Draw and Paint with Fewer Colors for WEB sitesFewer Colors for WEB sites

Save As gif (graphic interchange format) or Export as GIF 89a--for simple objects with few colors. 72 dots per inch image size.

Basic Settings: Mode = Indexed Color.Palette = AdaptiveResolution = 8 bits pixelDither = Diffusion.

Save Photos or Many Colors as Save Photos or Many Colors as JPEGs for Web SitesJPEGs for Web Sites

Save As jpeg (Joint Photographic Experts Group) for continuous-tone photos or pictures with many colors.

Use 72 dots per inch image size. Mode = RGB.

Adjust compression level to optimum file save and quality (40%?)

Saving Pictures for Saving Pictures for Presentation SoftwarePresentation Software

1. Use 72 dots per inch

2. SAVE AS a pict, jpeg, gif, png, bmp, tiff, wmp file type. (Check presentation software for compatibility.)

3. May use jpeg compression to reduce size of file (faster loading, lower quality)

4. Use Insert--Picture--from menu to insert the picture in the slide show

GIF GIF (Graphic Interchange Format)(Graphic Interchange Format)

• For simple objects with few colors.

• Saved gifs use the suffix dot gif

• Gifs may be animated

• Gifs result in small files which load fast

Old Photograph Retouched in Old Photograph Retouched in Photoshop, Saved As GIFPhotoshop, Saved As GIF

JPEGJPEGJoint Photographic Experts GroupJoint Photographic Experts Group• For photos with

continuous tones and many colors

• Saved jpegs use the suffix dot jpeg

• Use varying levels of compression to reduce file size

• jpeg generally result in larger files than gifs

Scanning Photos and DrawingsScanning Photos and Drawings1. Open PhotoShop and select Import

(Twain Acquire or PlugIn Scan) from File Menu. Be sure the settings are right.

2. Select Scan on the Scanning Software (may also be previewed)

3. The image appears in PhotoShop4. Apply needed manipulations to photo.

Use image size of 72 dots per inch.5. SAVE AS many formats for presen-

tations, but must be GIF, JPEG, or PNG (Portable Network Graphics) for internet sites. May use compression to reduce file size.

Graphics Packages Graphics Packages Wear Many HatsWear Many Hats