Image Processing, Illustration (Drawing), Paint Programs, and Scanning Dr. Warren C. Weber Cal Poly Pomona.

Slides:



Advertisements
Similar presentations
Introduction to Computer Graphics Raster Vs. Vector COMMUNICATION TECHNOLOGY.
Advertisements

L.Ghadah R. Hadba CT1514-L1.  Computer Graphics :refers to processing of creating a new image from Geometry, Lighting parameters, Materials and Textures.Using.
Objectives Define photo editing software
Multimedia for the Web: Creating Digital Excitement Multimedia Element -- Graphics.
ETT 429 Spring 2007 Digital Photography/Scanners.
Graphics and Animation Chapter 8. 8 Graphics in Multimedia Graphics are an element that virtually all multimedia applications include.
Photoshop: Designing Graphics for the Web Christine Vucinich & Vicki Weidler ITS Training Services 224 B Computer Building University Park, PA 16802
V Obtained from a summer workshop in Guildford County July, 2014
Introduction to Computer Graphics Raster Vs. Vector TGJ 2OI St. Christopher C.S.S. 4 Introduction to Computer Graphics.ppt.
Part A Multimedia Production Rico Yu. Part A Multimedia Production Ch.1 Text Ch.2 Graphics Ch.3 Sound Ch.4 Animations Ch.5 Video.
Digital Images. Scanned or digitally captured image Image created on computer using graphics software.
Multimedia Elements – Text and Graphics. Text in Multimedia Applications Of all multimedia elements, text is the easiest to manipulate General guidelines:
 Scanned or digitally captured image  Image created on computer using graphics software.
GRAPHICS/IMAGES INFSCI Source: Learning Web Design by Jennifer Niederst RobbinsJennifer Niederst Robbins Creating Images:  Scanning  Be aware.
File Formats COM 366 Web Design & Layout. Native file format –Format native to software program –.psd > PhotoShop default Preserves layers –Use “Save.
File Formats About graphic file formats And image compression.
Module Code: CU0001NI Technical Information on Digital Images Week -2.
Image Storage Bitmapped Graphics – in which an image is represented as a collection of dots Vector Graphics – in which an image is represented as a set.
Presentation Design: Graphics. More About Color “Bit depth” of colors -- This is based on the smallest unit of information that a computer understands.
SOFTWARE TYPES Word processing Page layout Paint Draw.
Graphics and Animation Multimedia Projects Part 2.
Multimedia Elements II Graphics, Digital Video. UIT - Multimedia Production2 Multimedia Elements Multimedia elements include: Text Graphics Animation.
GRAPHICS. Topic Outline What is graphic. Resolution. Types of graphics. Using graphic in multimedia applications.
Multimedia Elements –Graphics. Graphics in Multimedia Applications.
Graphics workshop Library and Information Services University of St Andrews.
ADOBE PHOTOSHOP VECTOR VS RASTER. Pixel A pixel is the fundamental unit of an image in Photoshop. It is a small square block of color. An image often.
File Formats and Vector Graphics. File Types Images and data are stored in files. Each software application uses different native file types and file.
Bitmap Graphics. Bitmap Basics Bitmap Graphic Bitmap Graphic Paint Software Paint Software.
Unit 1: Task 1 By Abbie Llewellyn. Vector Graphic Software (Corel Draw) Computer graphics can be classified into two different categories: raster graphics.
Graphics & Images What File Format Do I Use?. Graphics & Images …..are visual images presented on some form of media (drawings, print, web, digital video)
Chapter 3 Image Files © 2013 Cengage Learning. All Rights Reserved. May not be scanned, copied or duplicated, or posted to a publicly accessible website,
 Scanned or digitally captured image  Image created on computer using graphics software.
Multimedia. What is a graphic?  A graphic can be a: Chart Drawing Painting Photograph Logo Navigation button Diagram.
Adobe Photoshop CS5 – Illustrated Unit A: Getting Started with Photoshop CS5.
Mirjana Devetakovic, M.Sc. CAAD - Images Beograd, 2011.
Raster Graphics 2.01 Investigate graphic image design.
Image File Formats. What is an Image File Format? Image file formats are standard way of organizing and storing of image files. Image files are composed.
Graphics Concepts Presentation
Exploring Web Design Chapter 1. Objectives Develop a new perspective of the WWW Learn what makes a website good or bad Discover how to apply objective.
Digital Image Editing Presented by John Hohn. File Formats JPEG – Joint Photographic Experts Group PNP – Portable Network Graphics GIF – Graphic Interchange.
8 Graphics Digital Media I. What is a graphic? A graphic can be a:  Chart  Drawing  Painting  Photograph  Logo  Navigation button  Diagram.
Image File Formats Harrow Computer Club – Wed, 1 Dec 2010 Bob Watson MA CMath MIMA MBCS.
Graphics and Image Data Representations 1. Q1 How images are represented in a computer system? 2.
Photoshop. Photoshop works with bitmapped, digitized images (that is, continuous-tone images that have been converted into a series of small squares,
Adobe Photoshop CS4 – Illustrated Unit A: Getting Started with Photoshop CS4.
13 June – Session : Graphics Different types of Graphics for the web Features of image editing software Good practice for image editing.
Understanding Images. Pixels pixels Every image is made up of very small squares called pixels, and each pixel represents a color or shade. Pixels within.
Photoshop CS6 – Nelson Unit 3: Photoshop CS6. Objectives Define photo editing software Start Photoshop and view the workspace Use the Zoom tool and the.
BITMAPPED IMAGES & VECTOR DRAWN GRAPHICS
2.01 Understand Digital Raster Graphics
2.01 Understand Digital Raster Graphics
Getting Started with Adobe Photoshop CS6
Chapter 3 Image Files © 2013 Cengage Learning. All Rights Reserved. May not be scanned, copied or duplicated, or posted to a publicly accessible website,
Web Graphics By Chris Harding.
Vector vs. Bitmap.
2.01 Understand Digital Raster Graphics
Introduction to raster graphics
2.01 Investigate graphic image design.
Graphics Basics Ellen Eyth.
Using GRAPHICS Bristol Community College CIS 13 Business Creativity Sources: Conference for Desktop Publisher and Others.
Digital Images.
Graphics and Animation
1.01 Investigate graphic types and file formats.
Graphics Basic Concepts.
2.01 Understand Digital Raster Graphics
2.01 Investigate graphic image design.
2.01 Understand Digital Raster Graphics
2.01 Investigate graphic image design.
Graphics and Animation
2.01 Investigate graphic image design.
Presentation transcript:

Image Processing, Illustration (Drawing), Paint Programs, and Scanning Dr. Warren C. Weber Cal Poly Pomona

Image Processing (Manipulation) PhotoShop Change many characteristics of photographs Scan photos directly into Photoshop Used by professionals for all types of publications

Crop 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 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 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 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) Programs Most Common-- Macromedia Freehand Adobe Illustrator Corel Draw Some combination paint/draw

Drawing 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 Drawings The elements of a drawing are easily scaled, rotated, enlarged or reduced. Colors may be selectively changed

Selected Paint Programs Painter (Corel) Paint (anything) Corel Draw (parts) PhotoShop (parts)

Painting 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 Fewer 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 = Adaptive Resolution = 8 bits pixel Dither = Diffusion.

Save Photos or Many Colors as JPEGs 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 Presentation 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 (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 Photoshop, Saved As GIF

JPEG Joint 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 Drawings 1. 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 PhotoShop 4. 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 Wear Many Hats