VECTOR GRAPHICS Brief discussion about vector graphics

Brief discussion about vector graphics

Vector Graphics a method of generating images that uses mathematical descriptions to determine the position, length, and direction in which lines are to be drawn.

a method of generating images that uses mathematical descriptions to determine the position, length, and direction in which lines are to be drawn.

Vector Graphics an alternative to raster graphics

an alternative to raster graphics

THE ANATOMY OF ILLUSTRATION

An ILLUSTRATION is composed of different vector OBJECTS Illustration: Objects:

An ILLUSTRATION is composed of different vector OBJECTS

Each OBJECT have one or more PATHS Paths:

Each OBJECT have one or more PATHS

PATHS are composed of LINE SEGMENTS that usually have ANCHOR POINTS at each end Line Segments and Anchor Points:

PATHS are composed of LINE SEGMENTS that usually have ANCHOR POINTS at each end

Anchor Points … are the fundamental components of any vector image … define the position and curve properties of a line segment Bezier Curve

… are the fundamental components of any vector image

… define the position and curve properties of a line segment

Anchor Points may or may not have CONTROL HANDLES Each Point has one or two Control Handles

Anchor Points may or may not have CONTROL HANDLES

Each Point has one or two Control Handles

Objects Stroke can be applied to the PATH of an object Fill can be applied to the area enclosed by the PATH

Stroke can be applied to the PATH of an object

Fill can be applied to the area enclosed by the PATH

Stroke may have properties such as weight, color, Solid vs. Dashed, Line Caps or Corners Fill may have properties such as Color, Uniform or Gradient, Pattern or Texture

Stroke may have properties such as weight, color, Solid vs. Dashed, Line Caps or Corners

Fill may have properties such as Color, Uniform or Gradient, Pattern or Texture

Common Vector Formats SWF (Shockwave Flash) SVG (Scalable Vector Graphics) AI (Adobe Illustrator) CDR (CorelDRAW) CMX (Corel Exchange) CGM Computer Graphics Metafile DXF AutoCAD WMF Windows Metafile

SWF (Shockwave Flash)

SVG (Scalable Vector Graphics)

AI (Adobe Illustrator)

CDR (CorelDRAW)

CMX (Corel Exchange)

CGM Computer Graphics Metafile

DXF AutoCAD

WMF Windows Metafile

Stroke Examples: Fill Examples: Solid Dashed None Pattern* Linear Gradient Radial Gradient Pattern Texture*

Path and Subpaths Open or Closed Open Closed

Open or Closed

RASTER VS. VECTOR Comparison on the two types of images

Comparison on the two types of images

Raster Image Vector Image

Raster Image

Vector Image

WHEN TO USE VECTOR GRAPHICS?

R e so lut io n I nde pe n den t You can increase and decrease the size of vector images to any degree and your lines will remain crisp and sharp.

You can increase and decrease the size of vector images to any degree and your lines will remain crisp and sharp.

Rasterizing gnizirotceV Vector images can be easily converted into raster images but not vice versa.

Vector images can be easily converted into raster images but not vice versa.

No background Vector objects can be placed over other objects, and the object below will show through. Vector Raster

Vector objects can be placed over other objects, and the object below will show through.

DISADVANTAGES OF VECTOR GRAPHICS

Cartoonish Property They're unsuitable for producing photo-realistic imagery.

They're unsuitable for producing photo-realistic imagery.

TRN Once converted to Bitmap format, it loses all its features.

Once converted to Bitmap format, it loses all its features.

ADOBE ILLUSTRATOR

HISTORY OF ADOBE ILLUSTRATOR

Initial Release Version 2-5 Version 6-10 Versions CS (11) & CS2 (12) Versions CS3 (13)

Initial Release

Version 2-5

Version 6-10

Versions CS (11) & CS2 (12)

Versions CS3 (13)

PARTS OF ADOBE ILLUSTRATOR

Parts Artboard Scratch area Toolbox Pallets

Artboard

Scratch area

Toolbox

Pallets