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.

Slides:



Advertisements
Similar presentations
Pixels and Digital Images Yrd. Doc. Dr. Ahmet Sayar Kocaeli Universitesi Bilgisayar Muhendisligi Ileri Bilgisayar Grafikleri.
Advertisements

2.01 Investigate graphic image design.
Introduction to Computer Graphics Raster Vs. Vector COMMUNICATION TECHNOLOGY.
Multimedia Mr. Sanchez.
L.Ghadah R. Hadba CT1514-L1.  Computer Graphics :refers to processing of creating a new image from Geometry, Lighting parameters, Materials and Textures.Using.
2.02 Understand Digital Vector 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.
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.
Manipulating Images Image A visual representation of something that is seen in real life. It can be two-dimensional or three-dimensional A visual representation.
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.
Introduction to Graphic Arts Technology PRINT Versus WEB.
BITMAP & VECTOR GRAPHICS Art Fundamentals of Graphic Design.
Chapter 3 Survival Techniques. Goals Discover that being an Illustrator artist is more than just knowing the tools Develop a basic understanding of the.
Graphic Images 101. Painted on a grid Drawn mathematically.
SOFTWARE TYPES Word processing Page layout Paint Draw.
CS- 375 Graphics and Human Computer Interaction Lecture 1: 12/4/1435 Fundamental Techniques in Graphics Lecturer: Kawther Abas.
File Formats Different applications (programs) store data in different formats. Applications support some file formats and not others. Open…, Save…, Save.
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.
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.
Digital Image Editing Presented by John Hohn. File Formats JPEG – Joint Photographic Experts Group PNP – Portable Network Graphics GIF – Graphic Interchange.
21 st Century Technology. Painting Uses Pixels Quality of image Changes Drawing Uses Vectors or Lines Quality of Image Does NOT Change.
Raster vs. Vector 2.02 Understand Digital Vector Graphics.
Digital Graphics Vocabulary Texas State University CI5363 Florence Yang.
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.
Bitmap vs. Vector How computers work with photographs and drawings.
2.02 Understand Digital Vector Graphics
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.
2.01 Understand Digital Raster Graphics
Digital Imaging 101 Ann Ware.
Vector (Shapes) vs. Raster (Pixels)
2.02 Understand Digital Vector Graphics
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,
Introduction to Graphics
Web Graphics 101 Web Image File Formats Image Optimization
2.01 Understand Digital Raster Graphics
Introduction to raster graphics
Introduction To Photo Editing SHIELA MAE A. AQUINO SRNHS.
RESEARCH AND APPLY GRAPHIC DESIGN TECHNIQUES #3
Bitmap vs. Vector.
Graphics Basics Ellen Eyth.
Image File Size and File Compression
2.02 Understand Digital Vector Graphics
Using GRAPHICS Bristol Community College CIS 13 Business Creativity Sources: Conference for Desktop Publisher and Others.
Chapter 3:- Graphics Eyad Alshareef Eyad Alshareef.
2.02 Understand Digital Vector Graphics
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 Understand Digital Raster Graphics
Vector (Shapes) vs. Raster (Pixels)
2.02 Understand Digital Vector Graphics
2.02 Understand Digital Vector Graphics
"Digital Media Primer" Yue-Ling Wong, Copyright (c)2013 by Pearson Education, Inc. All rights reserved.
2.02 Understand Digital Vector Graphics
Presentation transcript:

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 artwork (also known as bitmaps) :  are composed of lots of small dots. This lends itself to photographic or artistic effects because color gradations can be made very smooth in a bitmap format. However, bitmap images lose their clarity when they are increased in size because the dots get bigger. Take an image that's 10 pixels wide by 10 pixels high, stretch it to 100 x 100 pixels and it looks like it's made of big squares. Graphic Interchange Format (.GIF) Joint Photographers Expert Group (.JPEG,.JPG) Tagged Image File Format (.TIFF,.TIF) Encapuslated PostScript (.EPS)* File Formats :

Vector artwork (sometimes called line art)  this kind of artwork is made up of lines and filled areas only, which are mathematically drawn and calculated (hence the term vector) by the software you use. They can be stretched in size without losing any clarity or sharpness. Because of their mathematical origins, vector images are readily scalable without distortion.  For vector image editing, use either Adobe Illustrator or Macromedia Freehand. Either program will also allow users to import raster images into their vector files. Illustrator (.AI)* Encapuslated PostScript (.EPS)* PostScript (.PS)* Windows Meta File (.WMF) File Formats : * Both Illustrator AI and EPS formats allow users to place raster images within a vector file. The raster image is not converted to vector format; rather it is simply embedded in the vector file, and is rendered in raster format.

Vector/Raster When and Why?  If you are working with mainly solid color objects, manipulated text or many small objects, the clear answer is that a VECTOR program will save you time.  If you are working with complicated drop shadows, or other 3D effects, texture or photographs, RASTER is the correct choice. For photo work, only a raster program makes sense. Vector programs make short work of manipulated text and any solid color work.

TIFF to the rescue  Many times vector programs do not have the power to rasterize images with good results  TIF is a raster program, widely used in print work, that supports 24 bit color without degrading quality. You can expect better results with this format than with uncompressed JPG files.  Export as TIF and then open in a raster program to convert to GIF or JPG. Exported directly to 72 dpi JPG Exported at 300 dpi in TIFF format. Opened in Photoshop to reduce resolution and optimize: 9.63kb

Going the other way - TRACE When you have learned to work well with a vector program, and are comfortable drawing and editing nodes in paths, you can import the raster image and place it on its own layer. 1.Reduce the opacity of the layer to fade the image back (if available), or draw a semitransparent white rectangle over the image. 2.Lock the layer containing the image to be traced. 3.Trace the objects on a new layer. Tracing partially completed. The blue outline shows one area that has been traced – this area is now a vector object. Note: Incorporate the raster image into the vector image if you are not going to need to resize the image.