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.

Slides:



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

Unit 30- Digital Graphics THEORY P2 and D2
Web Design Vocab 3 PNG, JPG, GIF, MP3, MPEG.
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.
2.01 Understand Digital Raster Graphics
Graphics in the web Digital Media: Communication and Design
Guilford County SciVis V106.01
V Obtained from a Guildford County workshop-Summer, 2014.
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.
Graphics Ms. Brewer Spring Bellwork Edmodo – log on! Quiz? Take it if you need to! Policies and Procedures Powerpoint in Shared Folder! Get to Know.
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.
Digital Imaging Utah State University Extension Eric Hawley.
Multimedia Specification Design and Production 2012 / Semester 1 / L4 Lecturer: Dr. Nikos Gazepidis
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.
Presentation Design: Graphics. More About Color “Bit depth” of colors -- This is based on the smallest unit of information that a computer understands.
SOFTWARE TYPES Word processing Page layout Paint Draw.
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.
Multimedia File FormatsGraphics JPG, GIF, TIF, PSD, WMF, BMP, PNG, RAW.
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.
 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
Things to Remember When working with digital images.
Image formats Characteristics © Adolf Knoll, National Library of the Czech Republic.
Using the Sony DSC-P52 Camera Sunday, December 06, 2015.
Raster Graphics 2.01 Investigate graphic image design.
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.
Digital File Formats By Ali Aslam. JPEG JPEG Stands for Joint Photographic Experts Group. JPEG uses a lossy compression routine. Lossy compression means.
Digital Graphics for Computer Games Pixels Types of Digital Graphics (Raster and Vector) Compression.
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
Image File Formats Which one is right for me?. The Only Three Image Formats Your Will Ever Need: Names Jpg “Joint Photographic Experts Group” Png “Portable.
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
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.
Chapter 3 Graphics and Image Data Representations
Sci Vis I Exam Review Unit 6 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.
Digital Images.
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:

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 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…

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

Step A. Archive your important photos in their BIRTHDAY SUITS. (native, un-edited, un- resaved, happy, naked state) Archive your 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…

Terms Pixels Pixels Image Resolution Image Resolution Image Size Image Size Color Depth Color Depth File Formats File Formats

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

On to software…