Introduction to Computer Graphics Raster Vs. Vector COMMUNICATION TECHNOLOGY.

Slides:



Advertisements
Similar presentations
Raster Graphics vs. Vector Graphics
Advertisements

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
Graphics and Animation Chapter 8. 8 Graphics in Multimedia Graphics are an element that virtually all multimedia applications include.
Objective 1.  Computer graphics falls into two main categories:  Bitmap images  Vector images.
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.
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.
Objective 1.  Also known as raster images.  Made up of pixels in a grid.  Pixels: tiny dots of individual color that makes up what you see on your.
Raster vs Vector and Image Resolution By Josh Gallagan.
Components Text Text--Processing Software A Word Processor is a software application that provides the user with the tools to create and edit text.
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.
Digital Images. Scanned or digitally captured image Image created on computer using graphics software.
Introduction to Graphic Arts Technology PRINT Versus WEB.
Graphic Images 101. Painted on a grid Drawn mathematically.
Working with Graphics. Objectives Understand bitmap and vector graphics Place a graphic into a frame Work with the content indicator Transform frame contents.
Minard Saladino By:. Introduction: Illustrator is a vector-based imaging program. Unlike PhotoShop, which deals in pixels (raster images), this one deals.
Computer Image Dr Jimmy Lam CAD for Fashion and Textiles.
Objective Understand concepts used to create digital graphics. Course Weight : 15% Part Three : Concepts of Digital Graphics.
Bitmap Vs. Vector Graphics. To create effective artwork, you need to understand some basic concepts about vector graphics versus bitmap images, resolution,
SOFTWARE TYPES Word processing Page layout Paint Draw.
TYPES OF GRAPHICS TECHNOLOGICAL DESIGN. GRAPHIC DESIGN DEFINITION Visual problem solving that utilizes shapes, images, text, color, etc. to communicate.
Graphics and Animation Multimedia Projects Part 2.
GRAPHICS. Topic Outline What is graphic. Resolution. Types of graphics. Using graphic in multimedia applications.
Photoshop Photoshop works with bitmapped, digitized images (that is, continuous-tone images that have been converted into a series of small squares, or.
ADOBE PHOTOSHOP VECTOR VS RASTER. Pixel A pixel is the fundamental unit of an image in Photoshop. It is a small square block of color. An image often.
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.
Digital Imaging 101 Ann Ware
Raster Graphics 2.01 Investigate graphic image design.
File Types. Terms Multimedia- the integration of text, sound, video and/or animation into a document Letters, brochures, newsletters, web pages or presentations.
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
Information Technology Images: Types, Resolution and Techniques.
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.
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.
Digital Graphics for Computer Games Pixels Types of Digital Graphics (Raster and Vector) Compression.
Graphics Basic Concepts 1.  A graphic is an image or visual representation of an object.  A visual representation such as a photo, illustration or diagram.
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
2.01 Understand Digital Raster Graphics
Digital Imaging 101 Ann Ware.
Vector (Shapes) vs. Raster (Pixels)
Types of Graphics Technological Design.
2.01 Understand Digital Raster Graphics
Introduction to raster graphics
Introduction To Photo Editing SHIELA MAE A. AQUINO SRNHS.
2.01 Investigate graphic image design.
Bitmap vs. Vector.
Graphics Basics Ellen Eyth.
A computer display is made up of small squares, called pixels.
Digital Images.
Digital Images.
Graphics and Animation
1.01 Investigate graphic types and file formats.
Graphics Basic Concepts.
2.01 Understand Digital Raster Graphics
Digital Media Objective
2.01 Investigate graphic image design.
Final Study Guide Arts & Communications.
2.01 Understand Digital Raster Graphics
Vector (Shapes) vs. Raster (Pixels)
2.01 Investigate graphic image design.
Graphics and Animation
2.01 Investigate graphic image design.
Presentation transcript:

Introduction to Computer Graphics Raster Vs. Vector COMMUNICATION TECHNOLOGY

Intro to Computer Graphics Computers have radically changed how graphics, photos and printed materials are produced. What once took a highly trained artist many hours to produce with specialized equipment can now be done much easier using computer software.

Raster Graphics (write blue text) Graphics are produced using a grid of small squares known as pixels. Each pixel is assigned a specific colour value and location. When editing a raster graphics (ex. Digital photo), you are actually editing pixels rather than objects or shapes (Photoshop) Pixels can be seen by zooming in on a digital image (tiny squares).

Raster Graphics (write blue text) Raster graphics are generally larger files than vector images. Images lose quality (become “ pixelated ”) if enlarged more than 20% of the original size.

Vector Graphics (write blue text) Drawing programs such as CorelDraw and Adobe Illustrator produce vector graphics. These types of graphics are made of lines and curves defined by mathematical objects called vectors ( geometric characteristics).

Vector Graphics (write blue text) A vector graphic can be moved or resized without losing quality and file sizes are generally smaller than raster graphics. Best choice for creating type or logos where crisp outlines are needed since clarity is not lost when scaled/resized.

Common Image Files (write blue text) BMP: Bitmap is the standard Windows image format GIF: Graphics Interchange Format; designed to minimize file size and download (electronic transfer) time

Common Image Files (write blue text) JPEG: Joint Photographic Experts Group; compresses file size by selectively discarding data, unlike GIF format, JPEG retains colour information. TIFF: Tagged-Image File Format ; used to exchange files between applications and computer platforms ; “flexible” bitmap image supported by virtually all paint, image editing, and page-layout applications.

Resolution (write blue text) Resolution is how many pixels or dots make up the image you see. On a monitor, resolution is measured in pixels per inch. Screen resolution is 72 ppi.

Resolution (write blue text) Print resolution is measured in dots per inch. Print resolution should be at least 150 dpi. For high quality printing, images should be 300 dpi or greater. Print resolution depends on the printing press being used (Offset, Web etc.).