Account Log In - Home/Outlines - Books - Contact Us - Support - Employment -

Photoshop

Digital Graphics

Vector Graphics

Object oriented or vector graphics refers to images based on mathematical calculations that are represented by paths. Vector graphics are typically more versatile than bitmap or resolution-dependent graphics because they are scalable and generate smaller file sizes.

Vector graphics are referred to as resolution-independent because they do not plot images on a pixel-by-pixel basis and so are not tied into a monitor's resolution. Vector images describe images in terms of shapes, lines, curves, points, colours, length, etc. These images rely only on the resolution of an output device (like a printer for example) to determine their final resolution. Some common vector-based applications are Macromedia Freehand, Adobe Illustrator, and Macromedia Flash. Examples of images suitable for vector graphics are logos and type.

To create a one-inch black and white circle with a bitmap image, you might have a grid of dots one inch down and one inch across, with 72 dots per inch. This gives you about 5000 dots to play with (72x72=5184 pixels). Regardless of the pattern of pixels (circle, square, checkerboard), this raw file will always be the same number of bytes before compression. If you enlarge how that image is displayed on the screen, it will appear jagged and distorted. (The example here has been enlarged 400% to show the imaginary pixel grid.)

72x72 pixel bitmap enlarged 4X

vector image To create that same one-inch black and white circle as a vector graphic, you would define the center point of the circle, the radius, and the colour. That's about it. If you want to make it larger, change the value of the radius; the file size will not get larger and the image will not distort. This is an advantage of vector graphics. However, they are not useful for complex images such as photographs. The advantage there goes to bitmaps.

While Photoshop primarily outputs bitmap images, it also has the ability to create vector shapes that you can modify and scale while editing your images with no loss of quality.

You can view an example of a Flash vector file vs. a bitmap file here.

Vector Graphics Summary

Coming Soon:

Jun 27
Microsoft Office Word 2007 - Tips for Small Business
Jun 27
Microsoft Office Excel 2007 - Tips for Small Business
Jun 27
Microsoft Office PowerPoint 2007 - Tips for Small Business
Aug 21
Facebook for Business
Sep 10
ISSD 24 - Web 2.0 Technology
Sep 17
ISSD 24 - Ajax


Photoshop - TOC - Introduction - Books -
Digital Graphics - Links - Questions -
1 - 2 - 3 - 4 - 5 - 6 - 7 - 8 - 9 - [ A ] -

Photoshop - TOC - Introduction - Books -
Digital Graphics - Links - Questions -
1 - 2 - 3 - 4 - 5 - 6 - 7 - 8 - 9 - [ A ] -