Raster Graphics 2.01 Investigate graphic image design.

Slides:



Advertisements
Similar presentations
Introduction to Computer Graphics Raster Vs. Vector COMMUNICATION TECHNOLOGY.
Advertisements

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.
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
Graphics and Animation Chapter 8. 8 Graphics in Multimedia Graphics are an element that virtually all multimedia applications include.
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.
Introduction to Computers Section 11A. home Types of Graphics File Bitmap Vector.
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.
Introduction to Computer Graphics Raster Vs. Vector TGJ 2OI St. Christopher C.S.S. 4 Introduction to Computer Graphics.ppt.
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.
Lesson 7—Part 1 Working with Graphics
Zinnia Bell. RAWimages are image files that have not yet processed, they contain minimally processed data from the image sensor of either a image scanner,
Prepared by George Holt Digital Photography BITMAP GRAPHIC ESSENTIALS.
WEB GRAPHICS. The Pixel Computer displays are comprised of rows and columns of pixels. Pixels are indivisible. Some common screen resolutions are:, 600.
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.
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.
Digital Image: Representation & Processing (2/2) Lecture-3
SOFTWARE TYPES Word processing Page layout Paint Draw.
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.
2D Graphics Theory & Principles. Single Point Smallest addressable area on screen or digital image.
PowerPoint: Images Randy Graff UF HSC IT Center
File Formats and Vector Graphics. File Types Images and data are stored in files. Each software application uses different native file types and file.
Bitmap Graphics. Bitmap Basics Bitmap Graphic Bitmap Graphic Paint Software Paint Software.
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
Graphics & Images What File Format Do I Use?. Graphics & Images …..are visual images presented on some form of media (drawings, print, web, digital video)
$1 Million $500,000 $250,000 $125,000 $64,000 $32,000 $16,000 $8,000 $4,000 $2,000 $1,000 $500 $300 $200 $
Things to Remember When working with digital images.
FILE TYPES FOR WEB DESIGN 1 HOW SHOULD I SAVE?. GRAPHICS INTERCHANGE FORMAT (GIF) Best used for flat-color, sharp-edged art or text Clip art, logos Compression.
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.
21 st Century Technology. Painting Uses Pixels Quality of image Changes Drawing Uses Vectors or Lines Quality of Image Does NOT Change.
Digital Graphics for Computer Games Pixels Types of Digital Graphics (Raster and Vector) Compression.
Image File Formats Harrow Computer Club – Wed, 1 Dec 2010 Bob Watson MA CMath MIMA MBCS.
Scanner Scanner Introduction: Scanner is an input device. It reads the graphical images or line art or text from the source and converts.
Ms Taylor. L.I. 1.I will learn about Vector and Raster graphics 2.I will learn about the advantages and disadvantages of both types of graphics 3.I will.
2.01 Understand Digital Raster Graphics
2.01 Understand Digital Raster Graphics
2.01 Understand Digital Raster Graphics
Digital Imaging 101 Ann Ware.
Higher Graphic Communication
Introduction to Graphics
2.01 Understand Digital Raster Graphics
Introduction to raster graphics
Image Formats.
Sci Vis I Exam Review Unit 6 File Formats.
File Formats.
2.01 Investigate graphic image design.
Graphics Basics Ellen Eyth.
A computer display is made up of small squares, called pixels.
Digital Images.
Chapter 3:- Graphics Eyad Alshareef Eyad Alshareef.
Graphics and Animation
1.01 Investigate graphic types and file formats.
Graphics Basic Concepts.
2.01 Understand Digital Raster Graphics
2.01 Investigate graphic image design.
Final Study Guide Arts & Communications.
2.01 Understand Digital Raster Graphics
2.01 Investigate graphic image design.
Lesson 7—Part 1 Working with Graphics
Graphics and Animation
2.01 Investigate graphic image design.
Presentation transcript:

Raster Graphics 2.01 Investigate graphic image design.

Raster Graphics Also called bitmap graphics Consist of grids of tiny dots called pixels Have a fixed resolution and cannot be resized without altering image quality Edited in paint programs Bitmap enlargement Notice the pixels Image source:

Common Raster Formats GIF JPEG BMP PNG TIFF

GIF – Graphics Interchange Format Animation – Standard format for animation on the Internet. Transparency – yes Lossless compression Colors = 256 (8-bit) Most common format for: Text Clip art, animations, icons, logos Simple diagrams, line drawings Graphics with large blocks of a single color Graphics with transparent areas Images displayed on computer screens and on websites. Animated Gif

JPEG – Joint Photographic Experts Group X Animation – No X Transparency – No Lossy compression Colors – 16.7 M (24-bit) High quality but larger file size than a GIF Commonly Used For: Desktop publishing photographs Photographs and natural artwork Scanned photographs ing photographs Digital camera photographs

BMP - Bitmap X Animation – No X Transparency – No Uncompressed 256 colors Large file size - not well suited for transfer across the Internet or for print publications Commonly Used For: Editing raster graphics Creating icons and wallpaper On-screen display Icons

PNG – Portable Network Graphics X Animation – no Transparency – yes Lossless compression 256 colors Not suited for photographs Commonly Used For: Replacing GIF and TIFF images Online viewing of images See examples at ut.com/od/freedownloa ds/l/blfreepng07.htm ut.com/od/freedownloa ds/l/blfreepng07.htm

TIFF – Tagged Image File Format X Animation – No X Transparency – No Available in compressed and un-compressed formats Compressed is advised Colors – 16 M (24-bit) Commonly Used For: Storage container for faxes and other digital images To store raw bitmap data by some programs and devices such as scanners High resolution printing Desktop Publishing images