Vector Graphics 2.02 Understand Digital Vector Graphics.

Slides:



Advertisements
Similar presentations
2.01 Investigate graphic image design.
Advertisements

Introduction to Computer Graphics Raster Vs. Vector COMMUNICATION TECHNOLOGY.
Copyright © Texas Education Agency, All rights reserved. Images and other multimedia content used with permission. 1 Telling a Story: Introduction.
Introduction to Illustrator. With the release of Illustrator, Adobe has completed a tightly integrated trio of applications (Photoshop, InDesign and now.
SWE 423: Multimedia Systems Chapter 4: Graphics and Images.
2.01 Understand Digital Raster Graphics
2.02 Understand Digital Vector Graphics
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.
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.
Introduction to Computer Graphics Raster Vs. Vector TGJ 2OI St. Christopher C.S.S. 4 Introduction to Computer Graphics.ppt.
File Formats Different applications (programs) store data in different formats. Applications support some file formats and not others. Open…, Save…, Save.
JRN 440 Adv. Online Journalism Vector file formats for print and projected Wednesday, 2/22/12.
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.
Graphics: Creating Images Chapter 8, Exploring the Digital Domain.
Dedicated Vector and Bitmap editing software.
1 Creating Web Graphics Outline 2.1 Graphics Types 2.2 Vector Graphics 2.3Bitmapped Graphics 2.4Graphics for the Web 2.5 GIF (Graphics Interchange Format)
JRN 302: Introduction to Graphics and Visual Communication - Raster and Vector Files Tuesday, 9/8/15.
Multimedia Elements II Graphics, Digital Video. UIT - Multimedia Production2 Multimedia Elements Multimedia elements include: Text Graphics Animation.
Adobe Illustrator CS? Is a graphic design software - it is the industry's premier vector- drawing environment for creating graphics that scale across media.
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.
Digital Imaging 101 Ann Ware
Aim: What is Illustrator? Mr. Spaterella Technology Feb. 22.
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.
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.
Vector Graphics 2.02 Understand Digital Vector Graphics.
Bitmap vs. Vector How computers work with photographs and drawings.
CONTENT INCLUDED IN POSTERS THAT WOULD BE DISPLAYED IN A GYM AND METHODS BY WHICH THESE POSTERS CAN BE CREATED.
2.02 Understand Digital Vector Graphics
2.01 Understand Digital Raster Graphics
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
2.02 Vector Graphics Test Review
4 Importing Graphics Desktop Publishing: Chapter 4
2.01 Understand Digital Raster Graphics
CSI-447: Multimedia Systems
Bitmap vs. Vector.
2.02 Understand Digital Vector Graphics
Chapter 3:- Graphics Eyad Alshareef Eyad Alshareef.
Illustrator Interface
Digital Images.
2.02 Understand Digital Vector Graphics
2.01 Investigate graphic image design.
1.01 Investigate graphic types and file formats.
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 Understand Digital Raster Graphics
Vector (Shapes) vs. Raster (Pixels)
Introducing Adobe Illustrator
2.01 Investigate graphic image design.
2.02 Understand Digital Vector Graphics
2.02 Understand Digital Vector Graphics
2.02 Understand Digital Vector Graphics
Presentation transcript:

Vector Graphics 2.02 Understand Digital Vector Graphics

Graphics that are based on mathematical formulas that define lines, shapes, and curves. Are comprised of paths connected by anchor points. Can be 2D or 3D. Edited in draw programs. Vector Graphics

Examples More examples Original Image Resized Image Shapes that make up the image.

Uses of Vector Graphics Graphics that will be scaled (or resized) Architectural drawings, CAD programs, flow charts. Logos that will be scaled (resized) without loss of quality. Illustrations and clip art. Graphics on websites. Small file size allows for quick load times. Fonts and specialized text effects

Advantages of Vectors Scalable – able to change size easily Resolution Independent - Regardless of how much the image is enlarged or reduced, the image definition and quality remain the same. Editability - since each vector is made up of separate and distinct objects, each can be edited independently at any time. Small File Sizes - easily transferred over the Internet.

Disadvantages of Vectors Lower color quality than raster images. They do not support as many colors. Not good for photographic images. Limited in the type of effects that can be applied. Can be time consuming to create. Click to see an example.

Vector Graphics Software Adobe Illustrator Inkscape CorelDraw DXF AutoCAD Xara Xtreme 7

AI – Adobe Illustrator Native file format for Adobe Illustrator. Industry standard used by developers of vector graphics. Used to create, save, and archive original artwork. Common Vector File Formats

EPS – Encapsulated Postscript Developed by Adobe but supported by most programs. Graphics developers generally save a copy of the AI file in EPS format because it can be opened by computers running different operating systems. Most common interchange format for the print industry due to its portability. Meta Graphic – can contain both raster and vector data. Shapes in vector graphics can be filled with textures and patterns that are raster graphics. 9

Common Vector File Formats SVG – Scalable Vector Graphics Standard format created by W3C. Versatile, all-purpose vector format. Works well with web page design. WMF – Windows Metafile Microsoft created format for raster and vector. Common format for windows clipart.

You can identify a vector image by looking at its edges — a vector image will always appear smooth no matter how large you make it or how close you zoom in. 11

Vector vs Raster DASvector_v_raster.php3http:// DASvector_v_raster.php3 12

Let’s work with the wmf file format…fun