Digital Imaging Utah State University Extension Eric Hawley.

Slides:



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

Unit 30- Digital Graphics THEORY P2 and D2
L.Ghadah R. Hadba CT1514-L1.  Computer Graphics :refers to processing of creating a new image from Geometry, Lighting parameters, Materials and Textures.Using.
Droddy.  “Pixel” is short for two words: Picture and Element. Pixels (tiny squares) combine to form the image the human eye perceives Too small for the.
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.
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.
Digital Still Images ETT June Multimedia Assets Still Images Audio Video.
2.01 Understand Digital Raster Graphics
Graphics in the web Digital Media: Communication and Design
Welcome to a New Quarter Class Rules and Responsibilities What will be learning? 106-Static and Dynamic Visualization 105-Synthesize Data for SciVis Video-Real.
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.
File Formats The most common image file formats, the most important for cameras, printing, scanning, and internet use, are JPG, TIF, PNG, and GIF.
File Formats By Jack Turner. Raster (Bitmap) Raster or bitmap is a dot matrix data structure, containing columns of dots and rows, of a graphics image.
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.
Prepared by George Holt Digital Photography BITMAP GRAPHIC ESSENTIALS.
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.
All About File Formats Mr. Butler John Jay High School Department of Technology.
Presentation Design: Graphics. More About Color “Bit depth” of colors -- This is based on the smallest unit of information that a computer understands.
Common file formats  Lesson Objective: Understanding common file formats and their differences.  Learning Outcome:  Describe the type of files which.
Digital Image Formats: An Explanation Guilford County SciVis V
File Formats Different applications (programs) store data in different formats. Applications support some file formats and not others. Open…, Save…, Save.
Bitmap Graphics. Bitmap Basics Bitmap Graphic Bitmap Graphic Paint Software Paint Software.
 JPEG is a standardized image compression mechanism.  JPEG stands for Joint Photographic Experts Group.  JPEG is designed for compressing either full-
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,
Multimedia. What is a graphic?  A graphic can be a: Chart Drawing Painting Photograph Logo Navigation button Diagram.
Things to Remember When working with digital images.
Using the Sony DSC-P52 Camera Sunday, December 06, 2015.
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.
Graphic definitions Summary of Chapter 10 of the Non-designer’s web book by Robin Williams and John Tollet. Pages ( ) Miss Mary Victor.
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
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.
Digital File Formats By Ali Aslam. JPEG JPEG Stands for Joint Photographic Experts Group. JPEG uses a lossy compression routine. Lossy compression means.
Lesson 2: Introduction to Digital Imaging Digital Photography MITSAA IAP 2003 Rob Zehner.
HTTP transaction with Graphics HTML file + two graphics files.
Image File Formats Harrow Computer Club – Wed, 1 Dec 2010 Bob Watson MA CMath MIMA MBCS.
Digital Image Formats: An Explanation Guilford County SciVis V
Part 1 File Formats Definition: A file format is a way to write the code of information for storage of an electronic file on a computer. Different software.
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.
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.
Common Bitmap Image File Types
2.01 Understand Digital Raster Graphics
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,
2.01 Understand Digital Raster Graphics
Image Formats.
File Formats.
2.01 Investigate graphic image design.
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 Media Primer" Yue-Ling Wong, Copyright (c)2013 by Pearson Education, Inc. All rights reserved.
A computer display is made up of small squares, called pixels.
Image File Size and File Compression
Digital Image Formats: An Explanation
1.01 Investigate graphic types and file formats.
Graphics Basic Concepts.
2.01 Understand Digital Raster Graphics
Terms 1 Terms 2 Terms 3 Terms 4 Terms 5 1pt 1 pt 1 pt 1pt 1 pt 2 pt
2.01 Investigate graphic image design.
2.01 Understand Digital Raster Graphics
2.01 Investigate graphic image design.
"Digital Media Primer" Yue-Ling Wong, Copyright (c)2013 by Pearson Education, Inc. All rights reserved.
2.01 Investigate graphic image design.
Presentation transcript:

Digital Imaging Utah State University Extension Eric Hawley

“Agenda” Digital Camera features, terms, and technologies Digital Camera features, terms, and technologies Transferring images from camera to computer Transferring images from camera to computer “Developing” digital images: “Developing” digital images: –Understanding resolution and image size (How do you get a 5x7 image?) Editing, transforming, and processing images Editing, transforming, and processing images Understanding and working with different image file formats Understanding and working with different image file formats How to adjust an image for different applications (such as web, , archival and print) How to adjust an image for different applications (such as web, , archival and print) –Editing “blemishes” –Adjusting color balance, contrast, brightness, etc. –Batch tools – making similar changes to a large group of photos (Using Photoshop and Photoshop Elements)

Things that Don’t Go Away There are always two people in every picture: the photographer and the viewer. ~Ansel Adams There are always two people in every picture: the photographer and the viewer. ~Ansel Adams No photographer is as good as the simplest camera. ~Edward Steichen No photographer is as good as the simplest camera. ~Edward Steichen I hate cameras. They are so much more sure than I am about everything. ~John Steinbeck I hate cameras. They are so much more sure than I am about everything. ~John Steinbeck Buying a Nikon doesn't make you a photographer. It makes you a Nikon owner. ~Author Unknown Buying a Nikon doesn't make you a photographer. It makes you a Nikon owner. ~Author Unknown

“Post Photographic” Skills Getting files off of the camera or scanner Getting files off of the camera or scanner Archiving Archiving Choosing and adjusting image file type Choosing and adjusting image file type Editing Editing Scaling size/resolution for web/ Scaling size/resolution for web/ Scaling size/resolution for print Scaling size/resolution for print

Terms and Concepts Pixels Pixels Image Resolution Image Resolution “Output” or “Physical” Image Size “Output” or “Physical” Image Size Color Depth Color Depth File Formats File Formats

To the drawing board…

Back from the drawing board… File Formats

“Web Friendly” File Formats JPEG images (*.jpg, *.jpeg, *.jpe, *.jfif) - many compression levels (lossy) JPEG images (*.jpg, *.jpeg, *.jpe, *.jfif) - many compression levels (lossy) CompuServe images (*.gif) - compression format: LZW (lossless) CompuServe images (*.gif) - compression format: LZW (lossless) - special: interlaced, non-interlaced Portable network graphic images (*.png) - compression format: LZ77 Portable network graphic images (*.png) - compression format: LZ77

JPEG/JPG “Photographical” JPEG is designed for compressing either full-color or grey-scale digital images of "natural", real-world scenes. It does not work so well on non-realistic images, such as cartoons or line drawings. JPEG is designed for compressing either full-color or grey-scale digital images of "natural", real-world scenes. It does not work so well on non-realistic images, such as cartoons or line drawings. Remember, the 'P' in JPEG stands for 'Photographic'. It was designed to be used to compress photographic image data. Remember, the 'P' in JPEG stands for 'Photographic'. It was designed to be used to compress photographic image data. (Joint Photographic Experts Group)

GIF “Solid colors and lines” GIF images can contain a maximum of 256 colors (8 bits) or less… (Graphics Interchange Format) GIF images can contain a maximum of 256 colors (8 bits) or less… (Graphics Interchange Format) …if you create a GIF image of a red arrow, you can customize the file to have only two colors, red and white.

PNG PNG: Essentially ‘Extended’ GIF Images. PNG: Essentially ‘Extended’ GIF Images. Allows for up to 24-bit color including control of opacity. Saving, restoring and re-saving a PNG image will not degrade its quality. PNG does not support animation like GIF does. “Patent-Free” Allows for up to 24-bit color including control of opacity. Saving, restoring and re-saving a PNG image will not degrade its quality. PNG does not support animation like GIF does. “Patent-Free”

“Edit Friendly” Uncompressed or lossless compression Uncompressed or lossless compression –Saved, edited, saved, edited without penalty –Good for archives… (Why?)

“Edit Friendly” (web poor) file formats (Either uncompressed or lossless compression) TIFF images (*.tif, *.tiff) TIFF images (*.tif, *.tiff) - uncompressed (Compressed: packed bits, LZW*, CCITT T.4, Deflate, new style JPEG…) Standard Windows bitmap images (*.bmp) - uncompressed Standard Windows bitmap images (*.bmp) - uncompressed Photoshop images (*.psd, *.pdd) - uncompressed Photoshop images (*.psd, *.pdd) - uncompressed RAW images (*.raw) RAW images (*.raw) - shockingly uncompressed

Four Steps to “Preparing” Digital Photos

Step A. Archive “important” photos in their BIRTHDAY SUITS. (native, un-edited, un- resaved, happy, naked state) Archive “important” photos in their BIRTHDAY SUITS. (native, un-edited, un- resaved, happy, naked state) (Meaning, make a copy and DON’T work on the copy…) (Meaning, make a copy and DON’T work on the copy…)

Step B If you will be doing lots of If you will be doing lots of saving, editing, saving, editing… saving, editing, saving, editing… FIRST, convert to a lossless or un-compressed form.

Step C Edit and Adjust Edit and Adjust –For appropriate pixel size –Cropping, color, orientation –Any other editing

Step D. Save in the desired production format… Save in the desired production format…Done!

On to software… Picasa2 Picasa2 Windows XP Windows XP –Filing System, Picture Details, Viewing… Irfanview Irfanview Photoshop Elements or CS Photoshop Elements or CS