Image processing Skills: none IT concepts: image processing program, operation, data type, image file type, data compression This work is licensed under.

Slides:



Advertisements
Similar presentations
Raster Graphics 2.01 Investigate graphic image design.
Advertisements

Data import and export Skills: none IT concepts: data import and export, common data format This work is licensed under a Creative Commons Attribution-Noncommercial-
Image characteristics Skills: none IT concepts: image characteristics: size, shape (aspect ratio), number of pixels, resolution and file type, pixel This.
Image characteristics
Skills: image processing work flow Concepts: history of image processing, evolution of technology from prototype to mainstream, image processing programs,
Skills: compressing an image using Paint.net Concepts: none This work is licensed under a Creative Commons Attribution-Noncommercial-Share Alike 3.0 License.
Skills: none Concepts: the amount of information in an image This work is licensed under a Creative Commons Attribution-Noncommercial-Share Alike 3.0 License.
Multimedia for the Web: Creating Digital Excitement Multimedia Element -- Graphics.
Audacity setup, installing the LAME MP3 encoder Skills: configure Audacity IT concepts: none This work is licensed under a Creative Commons Attribution-Noncommercial-
Using Paint.net Skills: change view, rotate, select a portion of, crop, resize, change contrast, filter an image, undo an operation IT concepts: pixel,
An image processing session Skills: change view (zoom in or out), rotate, select a portion, crop, resize, change contrast, filter, compress IT concepts:
Image Processing, Illustration (Drawing), Paint Programs, and Scanning Dr. Warren C. Weber Cal Poly Pomona.
Nice Calm Scene. (You’ll need it.). Skills Getting files off of the camera or scanner Getting files off of the camera or scanner Archiving Archiving Choosing.
An image processing session Skills: change view, rotate, select a portion of, crop, resize, change contrast, filter an image, undo an operation IT concepts:
Information loss in compression Skills: none IT concepts: lossy and lossless compression This work is licensed under a Creative Commons Attribution-Noncommercial-
ETT 429 Spring 2007 Digital Photography/Scanners.
Copying Web images (the right mouse button is your friend) Skills: Copy a Web image, see the properties of a Web image, use the right mouse button IT concepts:
Image compression Skills: none IT concepts: effect of image compression This work is licensed under a Creative Commons Attribution-Noncommercial- Share.
What is image processing? Skills: choosing an image processing program IT concepts: historical context for image processing, image processing programs,
Skills: none Concepts: application, network versus stand-alone application, client, server, application versus system program This work is licensed under.
Including images in Web pages Skills: use the tag IT concepts: none This work is licensed under a Creative Commons Attribution-Noncommercial- Share Alike.
Copying Web images Skills: Copy a Web image, see the properties of a Web image IT concepts: none This work is licensed under a Creative Commons Attribution-Noncommercial-
2.01 Understand Digital Raster Graphics
What is image processing? Skills: choosing an image processing program IT concepts: historical context for image processing, image processing programs,
Copyright © 2006 by The McGraw-Hill Companies, Inc. All rights reserved. McGraw-Hill Technology Education Copyright © 2006 by The McGraw-Hill Companies,
Lesson 7—Part 1 Working with Graphics
HYPERTEXT MARKUP LANGUAGE (HTML) Vijaya K Pandey.
Multimedia Elements – Text and Graphics. Text in Multimedia Applications Of all multimedia elements, text is the easiest to manipulate General guidelines:
File Formats Different applications (programs) store data in different formats. Applications support some file formats and not others. Open…, Save…, Save.
Internet as a resource tutorial – part steps, 3 different actions 1. Search content 2. Use Text 3. Use Images.
Computer Skills /1436 Department of Computer Science Foundation Year Program Umm Alqura University, Makkah Place photo here 1.
GRAPHICS/IMAGES INFSCI Source: Learning Web Design by Jennifer Niederst RobbinsJennifer Niederst Robbins Creating Images:  Scanning  Be aware.
Lesson 7—Part 1 Working with Graphics Prepared 3/5/11.
Skills: none Concepts: introduction to and history of speech (with and without text) and music processing, audio file formats, the audio processing workflow,
Digital Imaging Utah State University Extension Eric Hawley.
Copyright © Texas Education Agency, All rights reserved.1 Introduction to Scanners Principles of Information Technology.
Presentation Design: Graphics. More About Color “Bit depth” of colors -- This is based on the smallest unit of information that a computer understands.
Internet as a resource tutorial – part steps, 3 different actions 1. Search content 2. Use Text 3. Use Images.
HTML presentation Graphics H format H data compression H size H creating or finding H publishing.
Unit 1: Task 1 By Abbie Llewellyn. Vector Graphic Software (Corel Draw) Computer graphics can be classified into two different categories: raster graphics.
A BCDE.
Project Two Adding Web Pages, Links, and Images Define and set a home page Add pages to a Web site Describe Dreamweaver's image accessibility features.
Lesson 7 Working with Graphics. * Insert pictures from files * Insert picture from Microsoft Clip Art Collections * Resize and reposition a picture *
Raster Graphics 2.01 Investigate graphic image design.
Computer Graphics Unit 23 Computer Graphics. Computer Graphics Computer generated imagery can be categorized into several different types: Vector or Bitmap.
Chapter 8B Graphics and Multimedia. 8B-2 Graphic File Formats Bitmapped images –Most common image type –Also called raster images –Image is drawn using.
© UNT in partnership with TEA1 Introduction to Scanners Principles of Information Technology.
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.
CONTENT INCLUDED IN POSTERS THAT WOULD BE DISPLAYED IN A GYM AND METHODS BY WHICH THESE POSTERS CAN BE CREATED.
2.01 Understand Digital Raster Graphics
File Formats Different applications (programs) store data in different formats. Applications support some file formats and not others. Open…, Save…, Save.
2.01 Understand Digital Raster Graphics
Introduction to Scanners
2.01 Understand Digital Raster Graphics
Introduction to raster graphics
Image Formats.
Basic Knowledge of Web creation
Sci Vis I Exam Review Unit 6 File Formats.
2.01 Investigate graphic image design.
JPG vs GIF vs PNG What is the difference?
A computer display is made up of small squares, called pixels.
1.01 Investigate graphic types and file formats.
2.01 Understand Digital Raster Graphics
2.01 Investigate graphic image design.
Final Study Guide Arts & Communications.
2.01 Understand Digital Raster Graphics
2.01 Investigate graphic image design.
Lesson 7—Part 1 Working with Graphics
2.01 Investigate graphic image design.
Image processing Skills: none
Presentation transcript:

Image processing Skills: none IT concepts: image processing program, operation, data type, image file type, data compression This work is licensed under a Creative Commons Attribution-Noncommercial- Share Alike 3.0 License.

Image processing in context

Internet concepts –Applications –Technology –Implications for Individuals Organizations Society Internet skills –Application development –Content creation Text Images Audio Video

When data types went mainstream DecadeData Type 1950sNumeric 1960sAlphanumeric 1970sText 1980sImages, speech 1990sMusic, low-quality video 2000sHigh-quality video

Image processing in 1954 Ivan Sutherland operating Sketchpad, an early example of interactive, personal computing with a graphical user interface, but it ran on a multimillion dollar computer.

Image processing examples

Subtle retouching of a photo 1.Crow's feet made softer 2.Whites of her eyes brightened 3.Flyaway strands hairs on the top of her head removed 4.Teeth slightly whitened 5.Skin smoothed out and given a soft glow 6.Blemish removed from her collarbone 7.Lines around her neck softened and the carotid artery in her neck erased

Not so subtle From worth1000.com

Abraham Lincoln’s head on John Calhoun’s body You don’t need a computer, but it makes it a lot easier.

Image processing operations and programs

Word and image processing operations Select text Cut text Copy text Move text Delete text Change fonts Change text size Change text color Change footnote style Check spelling Compress a text file Etc. etc. Select a portion of the image Crop an image Copy a portion of an image Move a portion of an image Delete a portion of an image Resize an image Rotate an image Change image brightness Change image contrast Change colors Compress an image file Etc. etc. Text dataImage data Can you think of other word and image processing operations?

Popular programs Microsoft Word (proprietary, desktop) Open Office (open source, desktop) Google Docs (network) Adobe photoshop (proprietary, desktop) Paint.net (open source, desktop) Photoshop.com (network) There are many other image processing programs, and they are often included with cameras. Can you think of other examples? Word processingImage processing

Which image processor should you use? Photoshop – used by most professional photographers and designers Paint.net – many features and is fine for this class and most work Gimp – open source program with the features of Photoshop Paint – is free with Windows, but is lame. Network image processors – not ready for prime time, but keep watching Any other that you have already and are familiar with To get these and others, see the resources section at:

Image processing file types

Flat versus photographic images Logos and other images with a limited color palette Photographic images with continuous tone variation

Common Internet image file types.gif: Graphic Interchange Format, used for logos, cartoons, and other flat art with up to 256 different colors.png: Portable Network Graphics, gif replacement (more colors), cannot do animation.bmp: Microsoft Bitmap, an uncompressed format used for photographic images.jpeg (or.jpg): Joint Photographers Expert Group, a compressible format used for photographic images Compression – making the file smaller, but reducing image quality – more later.

Flat versus photographic images.png or.gif if animation or compatibility is an issue.jpg or.bmp if file size is not an issue

Processing different file types Nearly every image processing program can handle the common image file types. You can use your image processing program to convert from one type to another. See this article or Wikipedia for more information.this article