Working with Image Files Aaron Fuegi SCV Visualization Workshop – Fall 2008.

Slides:



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

Introduction to Computer Graphics Raster Vs. Vector COMMUNICATION TECHNOLOGY.
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.
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.
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.
Working with Image Files Aaron Fuegi IS&T Scientific Visualization Tutorial – Spring 2010.
Digital Still Images ETT June Multimedia Assets Still Images Audio Video.
2.01 Understand Digital Raster Graphics
Introduction to Computer Graphics
How Images are Represented Bitmap images (Dots used to draw the image) Monochrome images 8 bit grey scale images 24 bit colour Colour lookup tables Vector.
Manipulating Images Image A visual representation of something that is seen in real life. It can be two-dimensional or three-dimensional A visual representation.
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.
V Obtained from a summer workshop in Guildford County July, 2014
File Types, Sizes & Dots Per Inch (dpi) Best practices applied to Photoshop file formats when creating media-specific documents. Bit Depth is the number.
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.
Web Design, 4 th Edition 5 Typography and Images.
Chapter 14-Designing for the World Wide Web. Overview Introducing multimedia on the Web. Designing text for the Web. Creating images for the Web. Adding.
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.
Web Design, 5 th Edition 5 Typography and Images.
Tutorial 2: Working with Image Files. Objectives Session 2.1 Learn about file formats and their uses Change file type, file size, and resolution Examine.
Digital Imaging Utah State University Extension Eric Hawley.
Digital Imaging Raster (Bitmapped) Images. 1. How they work…  Image data is stored in literal “map”  Each pixel (picture element) is measured for its.
BFTAW BDPA Workshop Introduction to GIMP Chris
BFTAW BDPA Workshop Introduction to GIMP Chris
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.
Chapter 11 Fluency with Information Technology 4 th edition by Lawrence Snyder (slides by Deborah Woodall : 1.
Photoshop Software Rasterized, file formats, and printing choices.
Foundations of Web Design I Photoshop CS5 Michael Daniel
GRAPHICAL MEDIA 1. ScannerScanner Graphics Sources 2.
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.
Raster Graphics. An image is considered to be made up of small picture elements (pixels). Constructing a raster image requires setting the color of each.
© Anthony J. Nowakowski, Ph.D. GRAPHICAL MEDIA EDC 601 Instructional Technologies © Anthony J. Nowakowski, Ph.D. “Graphics help to display and to clarify.
File Formats and Vector Graphics. File Types Images and data are stored in files. Each software application uses different native file types and file.
(59003)
Things to Remember When working with digital images.
Raster Graphics 2.01 Investigate graphic image design.
Introduction to Photoshop® Travis A. Engelhaupt, Class Files:
Digital Graphics for Computer Games Pixels Types of Digital Graphics (Raster and Vector) Compression.
Digital Images and Digital Cameras take notes in your journal.
Lesson 2: Introduction to Digital Imaging Digital Photography MITSAA IAP 2003 Rob Zehner.
Vocabulary Worksheet Answers
Scanner Scanner Introduction: Scanner is an input device. It reads the graphical images or line art or text from the source and converts.
2.01 Understand Digital Raster Graphics
Digital Basics Quiz Preparation. Basic Digital Image Concepts Aliasing & Anti‐aliasing Resolution Compression Raster & Vector Color mode & Image mode.
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 / Illustrator Workshop
BITMAPPED IMAGES & VECTOR DRAWN GRAPHICS
2.01 Understand Digital Raster Graphics
Common Bitmap Image File Types
2.01 Understand Digital Raster Graphics
DIGITAL MEDIA FOUNDATIONS
2.01 Understand Digital Raster Graphics
2.01 Investigate graphic image design.
Image File Size and File Compression
1.01 Investigate graphic types and file formats.
Outline Image formats and basic operations Image representation
2.01 Understand Digital Raster Graphics
MED 2001 Advanced Media Production
2.01 Investigate graphic image design.
Nuts and Bolts of Digital Imaging
2.01 Understand Digital Raster Graphics
Basic Concepts of Digital Imaging
timo. fi (59003) www. biocenter
2.01 Investigate graphic image design.
2.01 Investigate graphic image design.
Presentation transcript:

Working with Image Files Aaron Fuegi SCV Visualization Workshop – Fall 2008

Working with Image Files - Topics Image Files –Compression, Resolution, Formats, etc... –Applications Batch processing –Working with image sets or sequences Movies –MPEG, DVD Publications –Resolution –Color space SCV Visualization Workshop – Fall 2008

Image Files P SCV Visualization Workshop – Fall 2008 PPM Image File – 24 bit color, 3 pixels by 3 pixels

Image Files - Issues Compression –None, Lossless, or Lossy –Huge difference – 100 to 1 file size Image Size/Resolution –Pixels vs. DPI (Dots per inch) –Web or Printing Web support – JPEG, PNG, GIF Color Depth –24bit vs. 8bit – much less of an issue than it used to be SCV Visualization Workshop – Fall 2008

Image Files - Formats JPEG – Web, 24bit, Lossy, Small file size PNG – Web, 24bit GIF – Web, 8bit, Color lookup table TIFF, RGB, PPM – 24bit, Large file size, High quality PSD – Photoshop’s format –Editable text, Layers, etc… RAW – Digital camera formats, multiple MANY others SCV Visualization Workshop – Fall 2008

Image Files - Applications Viewing, Resizing, Manipulating Images Adobe Photoshop –Windows/Macintosh –GUI, Very powerful, Expensive –Most popular general image editing package XV –Mostly an image viewer but some editing capability –GUI, Linux, Free, Easy to use, No longer being updated ImageMagick –Command-line tools –Linux, Free SCV Visualization Workshop – Fall 2008

Adobe Photoshop SCV Visualization Workshop – Fall 2008

XV

ImageMagick Add a blue border around image (expand?, replace?, shrink?) –convert -border 10x10 -bordercolor "#6699ff" fan.png fan2.png Add a caption/attribution –convert -font helvetica -fill red -pointsize 14 -draw 'text 446,404 fan2.png fan3.png SCV Visualization Workshop – Fall 2008

ImageMagick - Tools Convert –Convert image formats. –Many image transformations available – scale, rotate, text, artistic filters Display Import –Screen capture under Linux Identify –Find out characteristics of image Composite –Composite multiple images together SCV Visualization Workshop – Fall 2008

Batch Processing Working with a set or sequence of images –All images generally must be the same size Adobe Photoshop –Recording and applying actions Perl (or another computer language) –Extremely flexible but requires programming background or help –Augments command-line tools such as ImageMagick SCV Visualization Workshop – Fall 2008

Movies ImageMagick (Animated GIFs only) –convert -delay 20 –loop 0 file*.gif anim.gif –animate anim.gif Adobe Premiere –Movies –Displaying on computer or DVD? –Formats – QuickTime or AVI Adobe Encore –DVDs –Menus, Controls, Chapters, etc… SCV Visualization Workshop – Fall 2008

Images in Publications Resolution –Web – generally around 100 DPI –Print – generally 600 DPI – match journal specifications Re-render image at very large scale. Do not just scale up. File Format –Use a lossless 24-bit color format such as TIFF or PNG Color Space –Web – RGB (standard) –Print – CMYK Printing –Color gamut – Additive vs. subtractive color SCV Visualization Workshop – Fall 2008

Working with Image Files - Questions? Aaron Fuegi SCV Visualization Workshop – Fall 2008