Graphic Images 101. Painted on a grid Drawn mathematically.

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.

Digital Still Images ETT June Multimedia Assets Still Images Audio Video.

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,

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 Computers Section 11A. home Types of Graphics File Bitmap Vector.

Introduction to Computer Graphics Raster Vs. Vector TGJ 2OI St. Christopher C.S.S. 4 Introduction to Computer Graphics.ppt.

Dedicated Vector and Bitmap editing software.

Multimedia Specification Design and Production 2012 / Semester 1 / L4 Lecturer: Dr. Nikos Gazepidis

Pixels, Resolution and File Types Using Digital Media in the Classroom START.

Presentation Design: Graphics. More About Color “Bit depth” of colors -- This is based on the smallest unit of information that a computer understands.

 Scaling an image is resizing the image in a graphic editing software so it is the proper size before adding it to a site.  Important NOTE: If you insert.

TYPES OF GRAPHICS TECHNOLOGICAL DESIGN. GRAPHIC DESIGN DEFINITION Visual problem solving that utilizes shapes, images, text, color, etc. to communicate.

Multimedia Elements II Graphics, Digital Video. UIT - Multimedia Production2 Multimedia Elements Multimedia elements include: Text Graphics Animation.

MILLIONAIRE SCOREBOARD $100 $200 $300 $500 $1,000 $2,000 $4,000 $8,000 $16,000 $32,000 $64,000 $125,000 $250,000 $500,000 $1 MILLION Click the $ for.

GRAPHICS. Topic Outline What is graphic. Resolution. Types of graphics. Using graphic in multimedia applications.

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.

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.

Digital Imaging 101 Ann Ware

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.

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.

Raster vs. Vector 2.02 Understand Digital Vector Graphics.

Lesson 9: Web Graphics. Objectives Distinguish between vector and raster graphic types Identify and choose appropriate image file formats, including browser-compatibility.

2.01 Understand Digital Raster Graphics

Basic Digital Imaging For PE 266 Technology in HPER.

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.02 Understand Digital Vector Graphics

2.01 Understand Digital Raster Graphics

Common Bitmap Image File Types

2.01 Understand Digital Raster Graphics

Digital Imaging 101 Ann Ware.

Vector (Shapes) vs. Raster (Pixels)

Graphics and Multimedia

2.02 Understand Digital Vector Graphics

Types of Graphics Technological Design.

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.

McGraw-Hill Technology Education

LET’S LEARN ABOUT GRAPHICS!

1.01 Investigate graphic types and file formats.

2.02 Understand Digital Vector Graphics

Graphics Basic Concepts.

2.01 Understand Digital Raster Graphics

Digital Media Objective

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.02 Understand Digital Vector Graphics

2.02 Understand Digital Vector Graphics

2.01 Investigate graphic image design.

Presentation transcript:

Graphic Images 101

Painted on a grid Drawn mathematically

Categories of Graphics BITMAP an image created with pixels— small squares of color; quality determined by resolution; resizing distorts the image; also known as a raster graphic object is drawn mathematically; resizing recalculates the formula; no loss of quality VECTOR

Vectors Vector graphics are DRAWN, not painted. Vectors retain quality when resized The drawing tools in Publisher, PowerPoint, PhotoShop and Word create vectors. Adobe Illustrator is a drawing program

Clip Art Windows metafiles. If you can take the image apart, you may well be working with a metafile. The file format is.wmf. A metafile is a Microsoft version of a vector graphic

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

Types of Bitmaps.bmp.jpg.gif.tif.png

.bmp Largest graphic file size,generally not compressed Supports 16.7 million colors Files created in PAINT are typically bitmaps Do not send as attachments

.jpg Best choice for photos Compressed file format Supports 16.7 million colors Appropriate for web pages Does not support transparency

.gif Compressed file format Supports: –Transparency –Animations –256 colors Appropriate for web pages Best choice for graphic images

.tif Not compressed—large file size Supports 16.7 million colors Can be used for photographs Not appropriate for web pages or attachments

.png Compressed file format Supports: –Transparency –16.7 million colors –Animation Excellent for photos

.bmp 4.21 MB.gif 657 KB.jpg 360 KB.tif 4.21 MB

Bitmap Software To create: use a painting program, digital camera, scanner To edit: use a digital imaging program like Photoshop, GIMP, Picassa.