Digital Imaging 101 Ann Ware

Slides:



Advertisements
Similar presentations
2.01 Investigate graphic image design.
Advertisements

Introduction to Computer Graphics Raster Vs. Vector COMMUNICATION TECHNOLOGY.
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.
2.01 Understand Digital Raster Graphics
2.02 Understand Digital Vector Graphics
Copyright © 2006 by The McGraw-Hill Companies, Inc. All rights reserved. McGraw-Hill Technology Education Copyright © 2006 by The McGraw-Hill Companies,
Introduction to Computer Graphics
Vector Graphics 2.02 Understand Digital Vector Graphics.
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.
Raster vs Vector and Image Resolution By Josh Gallagan.
Graphic File Formats. Objectives Understand the difference between two major categories of computer graphic images Investigate the differences between.
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.
Graphic Images 101. Painted on a grid Drawn mathematically.
Multimedia Specification Design and Production 2012 / Semester 1 / L4 Lecturer: Dr. Nikos Gazepidis
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.
SOFTWARE TYPES Word processing Page layout Paint Draw.
Photoshop Photoshop works with bitmapped, digitized images (that is, continuous-tone images that have been converted into a series of small squares, or.
2D Graphics Theory & Principles. Single Point Smallest addressable area on screen or digital image.
File Formats and Vector Graphics. File Types Images and data are stored in files. Each software application uses different native file types and file.
Chapter 2 File Format Objectives (1 of 2) Identify the difference between vector based graphics and bitmap-based graphics Clarify bitmap and vector graphic.
Vector vs. Raster Objectives:
Digital Imaging 101 Ann Ware. Digital Image Categories BITMAP  A vector is created by using a series of mathematically defined lines and curves rather.
Unit 1: Task 1 By Abbie Llewellyn. Vector Graphic Software (Corel Draw) Computer graphics can be classified into two different categories: raster graphics.
Chapter 2 File Format Objectives (1 of 2) Identify the difference between vector based graphics and bitmap-based graphics Clarify 3 types of vector programs.
Chapter 3 Image Files © 2013 Cengage Learning. All Rights Reserved. May not be scanned, copied or duplicated, or posted to a publicly accessible website,
Raster Graphics 2.01 Investigate graphic image design.
Computer Graphics Unit 23 Computer Graphics. Computer Graphics Computer generated imagery can be categorized into several different types: Vector or Bitmap.
File Types. Terms Multimedia- the integration of text, sound, video and/or animation into a document Letters, brochures, newsletters, web pages or presentations.
Chapter 8B Graphics and Multimedia. 8B-2 Graphic File Formats Bitmapped images –Most common image type –Also called raster images –Image is drawn using.
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.
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.
Vector vs. Raster What’s the difference between vector and raster file formats? The real difference between the two formats is how they are used.
Vector Graphics 2.02 Understand Digital Vector Graphics.
2.02 Understand Digital Vector Graphics
2.01 Understand Digital Raster Graphics
Multimedia Subject: Informatics of Technology II year
2.01 Understand Digital Raster Graphics
Digital Imaging 101 Ann Ware.
Vector (Shapes) vs. Raster (Pixels)
Digital Illustration Chapter 6 File format.
2.02 Understand Digital Vector Graphics
2.01 Investigate graphic image design.
2.02 Understand Digital Vector 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,
4 Importing Graphics Desktop Publishing: Chapter 4
Introduction to Graphics
2.01 Understand Digital Raster Graphics
Introduction to raster graphics
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.
2.02 Understand Digital Vector Graphics
Chapter 3:- Graphics Eyad Alshareef Eyad Alshareef.
1.01 Investigate graphic types and file formats.
2.02 Understand Digital Vector Graphics
Graphics Basic Concepts.
1.01 Investigate graphic types and file formats.
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
Vector (Shapes) vs. Raster (Pixels)
2.01 Investigate graphic image design.
2.01 Investigate graphic image design.
2.02 Understand Digital Vector Graphics
2.02 Understand Digital Vector Graphics
2.02 Understand Digital Vector Graphics
2.01 Investigate graphic image design.
Presentation transcript:

Digital Imaging 101 Ann Ware DC II Unit 3 Graphics Editing_Digital Imaging_Use with Worksheet

Digital Image Categories BITMAP VECTOR A vector is created by using a series of mathematically defined lines and curves rather than pixels When a vector is resized, the formula is recalculated The image will have the same quality—no matter what size Also called draw-type graphics A bitmap is an image composed of pixels with a fixed resolution The number of pixels in an image determines the quality of the image (resolution) Resizing can result in pixelation A bitmap is also known as a raster graphic DC II Unit 3 Graphics Editing_Digital Imaging_Use with Worksheet

Bitmap Vector Painted on a grid Drawn mathematically Click on the bitmap circle and it will link to the lily. The section enlarged in the corner of the lily is from the center of the lily. Vector Drawn mathematically DC II Unit 3 Graphics Editing_Digital Imaging_Use with Worksheet

Bitmap Software Bitmap images can be created with a digital camera, scanner, or by using a painting program like Paint, Photoshop. To edit a bitmap image use a digital imaging program like Photoshop, GIMP, Picasa, PhotoScape Definition: Painting software — a program used to create bitmap images; useful in creating original art because it provides the tools used by artists (such as brushes and pens)

Most Common Bitmaps BMP—Bitmap JPEG—Joint Photographic Experts Group GIF—Graphics Interchange Format TIFF—Tagged Image File Format PNG—Portable Network Graphic

.bmp Largest graphic file size, generally not compressed Supports 16.7 million colors Not appropriate for the web or email attachments DC II Unit 3 Graphics Editing_Digital Imaging_Use with Worksheet

.jpg Best choice for photos Compressed file format (lossy) Supports 16.7 million colors Does NOT support transparency or animation Appropriate for web pages Definition: lossy compression—A compression formula that reduces the size of a file by removing certain pixels.

.gif Compressed file format (lossless) Supports: Transparency Animations 256 colors Appropriate for web pages Best choice for graphic images Definition: lossless compression—a compression formula that reduces the file size without data loss

.tif Not compressed—large file size Supports 16.7 million colors With certain software, TIFF files can support transparency Does not support animation Can be used for photographs Not appropriate for web pages or attachments

.png Compressed file format (lossless) Supports: Excellent for photos 16.7 million colors Transparency Animation Excellent for photos

.bmp 4.21 MB .gif 657 KB File conversion—The process of saving a file in a different file format than its current format; example: converting a JPEG to a TIFF This image was saved in four different file formats. Can you tell the difference? The top right file is a gif—notice the difference in the sky color. Gifs can only handle 256 colors. The other file formats can handle 16 million. .jpg 360 KB .tif 4.21 MB DC II Unit 3 Graphics Editing_Digital Imaging_Use with Worksheet

Vector Software Vector software is described as drawing software—vectors are DRAWN, not painted. Adobe Illustrator and Corel Draw are drawing programs Vectors can be created using the drawing/shape tools in Publisher, PowerPoint, Word or PhotoShop. Definition: Drawing software—a program used to create vector graphics; provides for freehand as well as geometric shapes

Common Vector File Formats .wmf – Windows Metafile .ai – Adobe Illustrator .eps – Encapsulated Postscript .svg – Scalable Vector Graphic .pdf – Portable Document Format

Metafiles Most clip art in the Office gallery are metafiles and have the file extension .wmf If you can ungroup an image and edit it, you are probably working with a metafile. Metafiles are a Microsoft vector image

Times New Roman Times New Roman Other vectors Graphs / charts (Excel) Scalable fonts Times New Roman

What does it mean to rasterize a vector What does it mean to rasterize a vector? What does it mean to vectorize a raster?