Intro / Bitmap vs. Vector Objects
Subtitles of the Movie
Let's talk a little bit about the differences between vector and bitmap graphics. Computers display graphics in either vector or a bitmap format. And understanding the difference between the two formats helps you understand programs like Fireworks, which contain both vector and bitmap tools and is capable of opening or importing both formats. Vector graphics describes the images using lines and curves called vectors, that include color and position information. For example, this image of a square may be described as a series of points, the results of which is the square's outline. The square's color is determined by the color of the outline or the stroke, and the color of the area enclosed by the outline, or the fill. In this case we have no stroke whatsoever. We can change that by modifying the properties here within our property inspector; I'll go ahead and change the outline. So now we have a lighter blue in as the fill and a darker, make this a little more prominent, make it black, and a blacker outline stroke surrounding the vector object. When you edit a vector graphic, you modify the properties of the lines and curves that describe its shape. Vector graphics are resolution independent. Which means you can move, resize, reshape or change the color of a vector graphic. As well as display it on output devices or varying resolutions without changing the quality of its appearance. Bitmap graphics however, are comprised of dots called pixels arranged in a grid. Your computer screen is a large grid of pixels. In a bitmap version of this frog, the image would be determine by the location and color value of each pixel in this grid. Each dot is assigned a color; when viewed at the correct resolution the dots fit together like tiles in a mosaic to form the image. However, if we zoom in on this area of over canvas, we can see that our image of the frog quickly breaks down. And now we can easily see each individual pixel. The same is not true however for vector graphic. No matter how much we zoom, in we still see the vector graphic as the way (it) appeared in the normal resolution. When you edit a bitmap graphic, you modify pixels rather then lines and curves. This bitmap graphics are resolution dependent, which means that the data describing the image is fixed to a grid of a particular size. Enlarging a bitmap graphic can make the image's edges raged as we have just seen. As pixels are redistributed within the grid. Displaying a bitmap graphic on an output device with a lower resolution than the image itself can also degrade the image's quality. Fireworks is ideally suited to handle both vector and bitmap images; it's a quite versatile in creating, editing, and optimizing web graphics. You can create and edit both bitmap and vector images, design web effects such rollovers and pop-up menus. Crop and optimize graphics to reduce their file size, and save time by automating repetitive tasks. When a document is complete you can export it as a JPEG, GIF or other file format. Along with the HTML files containing the HTML tables and JavaScript code for use on the web. You can also export a file type specific to another application such as Photoshop or Macromedia Flash, if you want to continue working in the other application. In the Fireworks tool panel you'll find distinct sections containing vector and bi map drawing and editing tools. In Fireworks MX the tool you choose determines whether the object you create is a vector or bitmap object. For example, if you choose the pen tool from the vector section of the tools panel, you can begin drawing vector paths by plotting points. Choosing the brush tool, you can drag to paint a particular bitmap object. If you choose the text tool you can again typing text. g the brush tool, you can drag to paint a particular bitmap object. If you choose the text tool you can again typing text.
Tutorial Information
| Course: | Macromedia Fireworks MX |
| Author: | Scott Doucet |
| SKU: | 33407 |
| ISBN: | 1932072179 |
| Release Date: | 2003-01-08 |
| Duration: | 6 hrs / 81 lessons |
| Captions: | For Online University members only |
| Compatibility: |
Vista/XP/2000, OS X, Linux QuickTime 7, Flash 8 |
VTC Sign up & Benefits
- Unlimited Access
- 81,350 Video Tutorials (20,800 free)
- Video Available as Flash or QuickTime
- Over 782 Courses
- $30 for One Month Access
- Multi-User Discounts Available
United States 