Digital Still Images ETT 555 14 June 2004. Multimedia Assets Still Images Audio Video.

Slides:

Advertisements

Similar presentations

Raster graphics. Colour depth 01 1 bit pr pixel = 2 combinations (2 1 ): 2 bits pr pixel = 4 combinations (2 2 ): bits pr pixel = 16 combinations(2.

Advertisements

A Digital Imaging Primer Nick Dvoracek Instructional Resources Center University of Wisconsin Oshkosh.

Multimedia for the Web: Creating Digital Excitement Multimedia Element -- Graphics.

Graphics CS 121 Concepts of Computing II. What is a graphic? n A rectangular image. n Stored in a file of its own, or … … embedded in another data file.

Image Editing Basics Resolution Screen resolution Printer resolution.

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.

ETT 429 Spring 2007 Digital Photography/Scanners.

2.01 Understand Digital Raster Graphics

Copyright © 2006 by The McGraw-Hill Companies, Inc. All rights reserved. McGraw-Hill Technology Education Copyright © 2006 by The McGraw-Hill Companies,

The University of Adelaide Picture Perfect: Image Formats and Resolution Peter Murdoch March 2014 PREPARING GOOD LOOKING DOCUMENTS.

8.2 PICTURE IT Graphic Types and Their Uses. What Are Graphics?  Graphics are pictures/images  They could be images taken on a digital camera or scanned.

Ann Ware Digital Imaging 101. Digital Image Categories BITMAPVECTOR A bitmap is an image created with pixels (small squares of color) The number of pixels.

Raster vs Vector and Image Resolution By Josh Gallagan.

Graphic File Formats. Objectives Understand the difference between two major categories of computer graphic images Investigate the differences between.

File Formats The most common image file formats, the most important for cameras, printing, scanning, and internet use, are JPG, TIF, PNG, and GIF.

Introduction to Computers Section 11A. home Types of Graphics File Bitmap Vector.

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.

Graphic Images 101. Painted on a grid Drawn mathematically.

Prepared by George Holt Digital Photography BITMAP GRAPHIC ESSENTIALS.

GRAPHICS/IMAGES INFSCI Source: Learning Web Design by Jennifer Niederst RobbinsJennifer Niederst Robbins Creating Images:  Scanning  Be aware.

CS 1308 Computer Literacy and the Internet. Creating Digital Pictures  A traditional photograph is an analog representation of an image.  Digitizing.

Digital Imaging Utah State University Extension Eric Hawley.

Multimedia Specification Design and Production 2012 / Semester 1 / L4 Lecturer: Dr. Nikos Gazepidis

Digital Imaging Raster (Bitmapped) Images. 1. How they work…  Image data is stored in literal “map”  Each pixel (picture element) is measured for its.

XP Practical PC, 3e Chapter 13 1 Working with Graphics.

Getting the Basics Graphics for the Web McIntyre, Period 2 Kellogg, Period 5.

GRAPHICAL MEDIA 1. ScannerScanner Graphics Sources 2.

1 Enhancing Your Teaching with the Effective Use of Digital Images Richard P. Usatine, MD Nancy B. Clark, MEd For STFM Annual Conference, September 2003,

Multimedia Elements II Graphics, Digital Video. UIT - Multimedia Production2 Multimedia Elements Multimedia elements include: Text Graphics Animation.

Digital Darkroom I Theresa L. Ford. Objectives Basic Digital Image Terminology Screen Display of Pictures –Why are pictures too big for the screen? –Why.

Computer Concepts 2014 Chapter 8 Digital Media. 8 Chapter Contents  Section B: Bitmap Graphics  Section C: Vector and 3-D Graphics Chapter 8: Digital.

Section 8.1 Create a custom theme Design a color scheme Use shared borders Section 8.2 Identify types of graphics Identify and compare graphic formats.

Chapter 14 Working with Graphics. 2Practical PC 5 th Edition Chapter 14 Getting Started In this Chapter, you will learn: − About different graphics you.

© Anthony J. Nowakowski, Ph.D. GRAPHICAL MEDIA EDC 601 Instructional Technologies © Anthony J. Nowakowski, Ph.D. “Graphics help to display and to clarify.

Bitmap Graphics. Bitmap Basics Bitmap Graphic Bitmap Graphic Paint Software Paint Software.

Chapter 2 File Format Objectives (1 of 2) Identify the difference between vector based graphics and bitmap-based graphics Clarify bitmap and vector graphic.

Digital Imaging 101 Ann Ware. Digital Image Categories BITMAP  A vector is created by using a series of mathematically defined lines and curves rather.

Digital Imaging 101 Ann Ware

Chapter 3 Image Files © 2013 Cengage Learning. All Rights Reserved. May not be scanned, copied or duplicated, or posted to a publicly accessible website,

Raster Graphics 2.01 Investigate graphic image design.

File Types. Terms Multimedia- the integration of text, sound, video and/or animation into a document Letters, brochures, newsletters, web pages or presentations.

Chapter 8B Graphics and Multimedia. 8B-2 Graphic File Formats Bitmapped images –Most common image type –Also called raster images –Image is drawn using.

By: Catyana Brown Information Technology in a Global Society: Multimedia.

Image File Formats Harrow Computer Club – Wed, 1 Dec 2010 Bob Watson MA CMath MIMA MBCS.

13 June – Session : Graphics Different types of Graphics for the web Features of image editing software Good practice for image editing.

2.01 Understand Digital Raster Graphics

Basic Digital Imaging For PE 266 Technology in HPER.

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.

Chapter 14 Working with Graphics

BITMAPPED IMAGES & VECTOR DRAWN GRAPHICS

Section 8.1 Section 8.2 Create a custom theme Design a color scheme

2.01 Understand Digital Raster Graphics

2.01 Understand Digital Raster Graphics

Digital Imaging 101 Ann Ware.

Chapter 13 Working with Graphics

2.01 Understand Digital Raster Graphics

2.01 Investigate graphic image design.

Graphics: Production Methods, software, & Hardware

Chapter 3 Image Files © 2017 Cengage Learning®. May not be scanned, copied or duplicated, or posted to a publicly accessible website, in whole or in part.

Digital Images.

Chapter 3:- Graphics Eyad Alshareef Eyad Alshareef.

LET’S LEARN ABOUT GRAPHICS!

1.01 Investigate graphic types and file formats.

2.01 Understand Digital Raster Graphics

2.01 Investigate graphic image design.

2.01 Understand Digital Raster Graphics

2.01 Investigate graphic image design.

2.01 Investigate graphic image design.

Presentation transcript:

Digital Still Images ETT June 2004

Multimedia Assets Still Images Audio Video

Digital Images Uses Multimedia projects Prints Web CBL ?

Digital Image Categories “Artsy” “Artsy” Drawings (create) Drawings (create) Clip art (get, don’t create) Clip art (get, don’t create) Regular Regular Animated Animated “Realistic” “Realistic” Photos Photos

Image Technical Details Digital Graphics Types (+ / -) Digital Graphics Types (+ / -) Bitmap (aka “raster”) Bitmap (aka “raster”) = Pixels (picture elements) = Pixels (picture elements) Used for detailed art / photos Used for detailed art / photos Vector Vector =Formulas for component objects =Formulas for component objects Used for clip art, CAD, etc Used for clip art, CAD, etc Cf. fonts Cf. fonts

Digital Image Creation Draw / Paint Software Draw / Paint Software Create drawings, clip art Create drawings, clip art Bitmap or vector Bitmap or vector Time consuming Time consuming Need artistic talent Need artistic talent Tools, e.g. graphics tablets Tools, e.g. graphics tablets Examples: Paint, Freehand Examples: Paint, Freehand

Digital Image Creation Direct “Copies” Direct “Copies” Scanner (prints, slides, strips) Scanner (prints, slides, strips) Digital cameras Digital cameras Digitizing boards (video) Digitizing boards (video) Bitmaps only Bitmaps only

Digital Image Creation “Borrow” from web pages “Borrow” from web pages Right-click; save (target) as... Right-click; save (target) as... Legal issues? Legal issues? See copyright section on web See copyright section on web

Digital Image Manipulation Graphics software “Fix” problems “Fix” problems Light / dark Light / dark Color Color “Retouch” (hair, red eye, etc.) “Retouch” (hair, red eye, etc.) Add interest Add interest Special effects (“filters”) Special effects (“filters”) Combine for “new” images Combine for “new” images

Still Image Hardware Digital Camera Precursors “Xapshot” (analog) Apple QuickTake

Still Image Hardware Digital Camera Features Resolution (megapixels) How many do you need? Zoom type and ratio Optical vs Digital More __X is better

Still Image Hardware Digital Camera Features Storage medium Capacity Flexibility Speed of save Card types Transfer to computer methods Cable (issues) Card reader

Still Image Hardware Scanner Types / Features Flat bed Bed size Transparency Adapters ADF Sheet Convenient, but limited Slide Auto feeder?

Still Image Hardware Scanner Features Interface method Early Now Scanners & Resolution What do you “need”?

Digital Image Size Factors Physical Size (on screen) Physical Size (on screen) Initial size (in/cm, if scanned) Initial size (in/cm, if scanned) Screen resolution (variable) Screen resolution (variable) Image resolution (variable) Image resolution (variable) Scaling (not all software has) Scaling (not all software has) MS Viewer = Y MS Viewer = Y PowerPoint = Y/N PowerPoint = Y/N Browsers = N Browsers = N

Digital Image Size Factors Physical Size (printer output) Physical Size (printer output) Image file dimensions Image file dimensions Printer resolution (dpi) Printer resolution (dpi) Printer vs image resolution Printer vs image resolution Software “scaling” Software “scaling” Your software Your software Photo finishers Photo finishers

Digital Image Size Factors Physical Size (screen, print) Physical Size (screen, print) File Size File Size Image pixel dimensions Image pixel dimensions Color depth (1-24 bits) Color depth (1-24 bits) Calculate base examples File format impact File format impact Compression Compression Preserve a HQ original Preserve a HQ original

Impact of File Size

Digital Image Size Factors Physical Size Physical Size File Size File Size Graphic file formats (examples) Graphic file formats (examples) jpg, gif, bmp, png = bitmaps jpg, gif, bmp, png = bitmaps tif, tga, bmp = top quality tif, tga, bmp = top quality wmf, cgm = vector wmf, cgm = vector pcx/pct/pict = obsolete pcx/pct/pict = obsolete

Format Characteristics Color potential “true” color (24-bit) B&W (gray scale, 8-bit) Line art (B or W, 1-bit) File size “Raw” Compression In digital cameras = “quality”

Format Characteristics ( JPG Full, subtle color Compact, but “lossy” GIF Limited color (#, areas) B&W (gray scale) Compact & lossless PNG ( May equal quality of tif Flexibility of color depth, etc Not patented (as gif is)

Format Characteristics TIF Full color Limited compression BMP Full color Little/no compression

Format Characteristics WMF Vector Microsoft clip art CGM Some clip art PCX Old clip art format

Typical Format Choices For best prints / “archive” tif bmp psd (Photoshop) For on-screen display gif jpg png

Working with Image Formats Load image Manipulate Original Quality is the KEY Crop / Resize / Orientation Colors / Brightness / Contrast Color Depth Effects (“filters”) Save as... (choose format)

Assignment & Demos