Digital Image Editing ASSH Computer Training 03

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.
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.
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.
Digital Still Images ETT June Multimedia Assets Still Images Audio Video.
2.01 Understand Digital Raster Graphics
Desktop Publishing Carnegie-Mellon University Spring 2001 Dave Watterson Art Director, GATF
File Formats The most common image file formats, the most important for cameras, printing, scanning, and internet use, are JPG, TIF, PNG, and GIF.
Photoshop: Designing Graphics for the Web Christine Vucinich & Vicki Weidler ITS Training Services 224 B Computer Building University Park, PA 16802
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.
Introduction to Graphic Arts Technology PRINT Versus WEB.
Understanding Web Graphics Web Design Section 5-4 Part or all of this lesson was adapted from the University of Washington’s “Web Design & Development.
Week 6 Digital Photography File Formats October 14, 2005.
Prepared by George Holt Digital Photography BITMAP GRAPHIC ESSENTIALS.
Chpater 3 Resolution, File Formats and Storage. Introduction There are two factors that determine the quality of the picture you take; The resolution.
Faculty of Sciences and Social Sciences HOPE Website Development Graphics Stewart Blakeway FML 213
Digital Imaging Utah State University Extension Eric Hawley.
Foundations of Web Design I Photoshop CS5 Michael Daniel
What is Digital Photography? Lesson One Mrs. Johnson Winter/Spring 2012 Digital Photography Course.
Digital Cameras And Digital Information. How a Camera works Light passes through the lens Shutter opens for an instant Film is exposed to light Film is.
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.
Graphics workshop Library and Information Services University of St Andrews.
File Formats Different applications (programs) store data in different formats. Applications support some file formats and not others. Open…, Save…, Save.
Photoshop Photoshop works with bitmapped, digitized images (that is, continuous-tone images that have been converted into a series of small squares, or.
PhotoshopPhotoshop. Photoshop What is Photoshop? An image editing program used to create and modify digital images What is a digital image? – A picture.
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.
Color and Images. Color The natural colors we see and the colors we see on computer monitors are different. CMYK -natural RGB -monitor.
Multimedia. What is a graphic?  A graphic can be a: Chart Drawing Painting Photograph Logo Navigation button Diagram.
Digital Photography Multimedia I. 1)Check to see if the battery is charged. 2)Check to see if memory has space. 3)Check to see if the camera’s date is.
Using the Sony DSC-P52 Camera Sunday, December 06, 2015.
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
Digital Image Editing Presented by John Hohn. File Formats JPEG – Joint Photographic Experts Group PNP – Portable Network Graphics GIF – Graphic Interchange.
Introduction to Images & Graphics JMA260. Objectives Images introduction Photoshop.
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.
Image Editing Vocabulary Words Pioneer Library System Norman Public Library Nancy Rimassa, Trainer Thanks to Wikipedia ( help.
Photoshop Basics: Extended Instructor: Vicki Weidler Assistant: Joaquin Obieta.
Graphics and Image Data Representations 1. Q1 How images are represented in a computer system? 2.
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.
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
Understanding Web Graphics
2.01 Understand Digital Raster Graphics
Image Formats.
PROPERTY OF PIMA COUNTY JTED, 2010
Introduction To Photo Editing SHIELA MAE A. AQUINO SRNHS.
File Formats.
2.01 Investigate graphic image design.
1.01 Investigate graphic types and file formats.
Graphics Basic Concepts.
2.01 Understand Digital Raster Graphics
MED 2001 Advanced Media Production
2.01 Investigate graphic image design.
2.01 Understand Digital Raster Graphics
Color and Images.
2.01 Investigate graphic image design.
2.01 Investigate graphic image design.
Presentation transcript:

Digital Image Editing ASSH Computer Training 03 Friday, 4 October 2002 4:30-6:30 pm Amy L. Ladd MD Michael Hausman MD

Goals for this Course Convince yourself your digital camera and your new computer were worth it --and enjoy using them Review basics of cameras, scanners, and printers (Appendix A) Understand compression and file formats (Appendix B) Handle digital images Use basic, advanced Photoshop tools Understand concepts of image storage Prepare images for email and the web

Photoshop 6.0 for course Photoshop 7.0, 5.5, 5.0, 4.0 okay Photoshop Elements, too Demo (download): can’t save images Others--YOYO

Cameras etc. Memory cards PC card readers Printers Scanners Compact Flash SmartMedia Sony Stick PC card readers Printers Scanners “Keep in mind that in spite of its advanced technology, the computer is still just a computer. It’s not omnipotent. It’s not human. It’s just a machine. It has its limitations. Accept computers for the amazing tools they are, but don’t give them power over you.” --Simplify Your Work Life Daily Calendar, 20 August 2002

Image Formats JPEG (Joint Photographic Experts Group) image.jpg “Lossy” but efficient and useful Standard--need good excuse not to use GIF (Graphics Interchange Format) “Lossless” good for transparencies and web Corrupts easily PSD (Photoshop Document) For Layers and special effects TIFF (Tagged Image File Format) Uncompressed, print quality Rarely use image.jpg image.gif image.psd image.tif

JPEG features Compresses and expands well Great for all imaging needs Closing image Sampling (“quality”) Great for all imaging needs Open vs. Compressed 2-10x difference

Digital Jargon Pixel = Picture Element ppi = Pixel per Inch a “box” of information Red, Green, Blue Shape, orientation ppi = Pixel per Inch 72 ppi most monitors (96ppi) dpi = Dot per Inch Dot = “blob” or box No encoded information Printers (Monitors) Image = Mosaic of pixels

Resolution Resolution Recommended File Size dpi vs ppi dpi (dots per inch) = monitors and printers FIXED ppi (pixels per inch) = digital images VARIABLE Recommended File Size Images: Print (300 ppi) PowerPoint (150 ppi) Email (72 ppi)

Pixels vs. Vectors Pixels: Bitmap (boxes) Vectors: Mathematical lines and curves

Pixel Pundits (How to waste space) Pixel # defined with raw image Can’t create more pixel information But . . . can increase file size unwittingly

Overview: Download and Save Download images Via card reader, cable, etc Open Photoshop Edit Save Store

Specific Tasks Rotate Reverse Undo Grayscale Label Advanced: layers Edit effects Save for web Save for print or PowerPoint Store

Image 1: X-ray Grayscale Rotate Reverse Undo Save and name

Image 2: X-ray askew Grayscale Rotate arbitrary Crop Name and save Create smaller derivative Save for web

Image 3: Color Print Image Change image size Change Resolution Fiddle with Resolution Save and name

Image 4: Annotated Image Rotate image Check Image size and Resolution Label features (Layers) Text Arrow Undo and edit Save psd (Photoshop Document) Flatten and save jpg

PowerPoint Frustrations

Save for PowerPoint Larger than Web Smaller than Print Compress to ≤ 1 MB open (≤ 300 K closed) Resolution/Size 72 ppi = 6 x 8” (432 x 576 pixels) 729 K 150 ppi = 3 x 4” (450 x 600) 792 K

Add Picture in PowerPoint Slide Layout Feature for Add Picture Doesn’t give you sense of the image size Doesn’t let you animate (appear, disappear) in same sequence with other images

Filing and Storage Derivative System Native image unedited for print (wrist1.tif) Native image compressed (wrist1.jpg) Edited image for web (wrist1a.jpg) Annotated image for print with layers (wrist1b.psd) Annotated image for print with layers flattened (wrist1b.jpg)

Storage Nesting Folders Images Images Work Images Work 2002 Images Work April 2002 Madelung’s [Images]

Web Display Automated Task Web Photo Gallery Upload Folder to Server

Additional Images Advanced Editing Improve imperfections Clone stamp Contrast/Auto Contrast Balance/Auto Balance Dodge/Burn

Image 6: Advanced Editing Framing Matte Vignette Two-tone Subject Eliminate junk Grayscale Color Balance

Conclusions Save, Save, Save Be Parsimonious Compose a Good Picture Ockham’s Razor (Law of Parsimony) “Entities are not to be multiplied beyond necessity" ---William of Ockham (1285-1347) Conclusions Save, Save, Save Make Derivatives but Save original or early copy Use Undo and History palette Save in the format you need Print Web PowerPoint Be Parsimonious Crop, Crop, Crop Eliminate Duplicates Use simple names Compose a Good Picture

Questions

Thank you