week 3 -angeline,gayatheri

difference between vector and bitmap graphics

Graphic images that have been process by computer can be divided into two that are bitmap graphic and vector graphic.Vector graphics are drawn to the computer screen using lines that is described by the location two endpoint using Cartesan coordinates.

While,Bitmap is a simple information matrix describing individual dots that sare the smallest elements of resolutions of a computer screen or other display or printing devices. Generally bitmap graphics are images that are scanned into the computer or taken by a camera but drawings made by Illustrator software are saved as vector graphics.

Bitmap graphics are more concentrated on colours and have higher resolution.On the other hand, vector graphics are easy to scale without losing it's quality because of it's low resolution.

Background
bitmap graphics are suitable to be use in this area as it is more colourful and presentable. In the coporate world, bitmap graphics are used as presentation background as it is more professional.

Buttons
For buttons vector graphics are better to be used as it is low in resolution and loads faster than bitmap graphics.

Icons
vector graphics are better to be used in icons as it is low in resolution . And vector graphic is easier to load plus it's size can be adjusted without losing it's image quality or resolution.

Texts
vector graphics are used in text because text are simple graphics.And it only needs low resolution to show it's purpose

week 3 -sarah,sam,daniel

The difference between a bitmap and vector graphic is that the bitmap tool is used to capture screen images and scanning images. On the other hand, the vector graphics is used for 2-D and 3-D drawings.

The different graphic elements like, bitmap and vector tool is designated for different uses for example, on backgrounds, buttons, icons, or text. The bitmap tool is applied on backgrounds because the picture elements, known as pixels are used to store the color information that represent varying shades of color and vector is not designed to do that.

For buttons as well as icons, the vector tool is used to give clarity to it's shape so that quality can be shown, otherwise the icon or button may appear shabby. Lastly, the vector tool once again is used on text so that no matter what font size is being used, the text is still clear.

week 3 -adriel,amanda,nicole

All image files can be categorized into two kinds, Bitmap and Vector graphics. These two differs in the way computers analyze their content.

Bitmap graphics are mapped into a grid. The size of the grid is based on the image's resolution. For example, a bitmap-based image of 1 inch x 1 inch with a 600 dpi resolution would be defined by a grid of 600 x 600 pixels. Hence, a bitmap-based image is like a mosaic of pixels with each pixel holding a specific color value. Bitmap are more suitable for photo-realistic images that require complex color variations. Each bitmap-based image is mapped to a non-flexible grid therefore it is not scalable. If a bitmap-based image were to be enlarged, it would lose its sharpness. All edges within the image would appear to be jagged and appear lossy. File names for bitmap-based images usually consist of extensions such as *.PSD, *.JPG, *GIF, *.TIF, or *.BMP.

Vector graphics generally contain well-defined elements such as curves and shapes of various colors. These elements can either be pure graphics, western alphabets or Asian characters. Each element is defined mathematically by the computer. For example, if a vector-based image contains a red dot, then information such as the location of the circle's center point, the length of its radius, and the color, red, would be the essential information for this image file. File names for vector-based images usually consist of extensions such as *.EPS, *.AI, *CDR, or *.DWG.

The advantages of bitmap are that you can make and edit much more detailed images and restoring an image from disk requires very little computation. However it requires more computer memory for file storage while vector objects require less storage than bitmap, scale and rotate with very little loss of detail and manipulate each object separately, even when on the same layer. Vector is unable to display photo-realistic images such as a photograph because images of this type generally do not contain well-defined shapes and curves. Vector is more suitable for illustration that require precise measurements as images appear lossless.
As for the five different graphic elements we might use in a project, which is for example-creating a web page, it includes a background for the web page, a header, a site map, navigations like drop downs and links, buttons and icons and also text and graphic images. Images like group photos of web design team or an illustration photo will be created using Bitmaps. Bitmaps also help create icons and buttons needed. Meanwhile, vectors will help us create legible fonts, text and numbers that will attract viewers and audience.

So for the background, buttons, and icons, the sensible choice would be to use bitmap images. This is because background images are already in bitmap images and to convert it to vector images would not only be useless but it will also lose its quality. As background pictures must be clear, quality cannot be compromised.

As for the buttons and icons both will be in bitmap. However, for buttons vector images can also be used. But for this project a bitmap graphic would be better suited because when in a webpage, graphics that seem real are more susceptible to be seen as buttons that can be clicked on as opposed to vector graphics that though may be used as buttons may not lead users to believe it is clickable. Icons will also utilize bitmap graphics as it adds more depth and realism into it for those that will be seeing and interacting with them; which in essence is what icons need to convey above all. An icon that is a vector graphic may not be as convincing as it not as clear.

As for text vector graphics will be used. Texts within a webpage are the content, meaning they are what you are trying to communicate to users. As such they cannot be fancy and too flashy in style like the background or the icons. They must look normal and to have them as bitmap graphics will not be suitable as it will make the webpage bigger in size which which consequently means longer load time for users who view the page.

week 3 -sim pin,canaan,alvin

Difference between bitmap and vector graphics
Bitmap

1. a simple information matrix describing individual dots that are the smallest elements or resolution of computer screen and display.
2. Be created by using bitmap painting and editing software.
3. Provide tools for art effects, including Corel Photopaint, Adobe Photoshop, and Microsoft Photo Editor.

Vector

1. a drawn object described and drawn to the computer screen by using line that is described by location two endpoint.
2. Be created by using vector drawing software.
3. 2 types vector drawings, such as 2D and 3D drawings, including CorelDraw and Macromedia Freehand.
   

Describe different graphic elements
Background – Bitmap
The shades of color in bitmap pictures are depending on the numbers of bit required to carry the color information.

Buttons – Vector
Vector drawings can be made up of many individual lines and objects.

Icons – Vector
Vector objects are easily scalable without losing resolution or image quality.

Text – Bitmap
The images consists of a matrix of individual dots or pixels that all have their own color.

week 3 -Facilitator

Vector and Bitmaps

The follwing links are the answers for week 3 assessment

The differences between bitmap and vector graphics
http://www.prepressure.com/image/bitmapvector.htm
http://www.prepressure.com/image/bitmapvector2.htm
http://www.eastbywest.com/pub/vectorbitmap/

Four different graphic elements

Background-Bitmap files are more suitable for photo-realistic images that require complex color variations, and it shows more details.

Buttons- For web buttons, vector files are more suitable. It is because of the size of vector graphic is much more smaller compare to bitmap graphics.

Icons-Vector files are easy to be create and it is scalable without losing its quality.

Text-Vector files are more suitable for text illustrations that require precise measurements (lines, curves, boxes and shapes)


Extra notes (From "Multimedia:Making It Work" 6th edition, by Tay Vaughan)

The capabilities and limitations of bitmap images

1. Bitmaps are an image type most appropriate for photo-realistic images and complex drawings requiring fine details
2. Limitation of bitmapped images include large files sizes and the inability to scale or resize the image easily while maintaining quality
3. A bitmap is a simple information matrix describing the individual dots of an image, called pixels
4. The image’s bit-depth determines the number of colors that can be displayed by an individual pixel
5. You can grab a bitmap image from a screen, scan it with a scanner, download it from a website, or capture it from a video capture device
6. You can then manipulate and adjust many of its properties, and cut and paste among many bitmaps using specialized image-editing programs
7. When you import a color or gray-scale bitmap from the Macintosh to Windows, the colors will seem darker and richer

The capabilities and the limitations of vector images

1. Vector images are most appropriate for lines, boxes, circles, polygons, and other graphic shapes that can be mathematically expressed in angles, coordinates, and distances
2. A vector object can be filled with color and patterns, and you can select it as a single object
3. Vector-drawn objects use a fraction of the memory space required to describe and store the same object in bitmap form
4. For the Web, pages that use vector graphics in plug-ins such as Flash download faster and, when used for animation, draw faster than bitmaps
5. Most drawing programs can export a vector drawing as a bitmap
6. Converting bitmaps to vector-drawn objects is difficult; however, autotracing programs can compute the bounds of shapes and colors in bitmapped images and then derive the polygon object that describes those bounds
7. Vector images require a plug-in (such as a Flash player) for display on a web page
8. Vector images cannot be used for photo-realistic images

week 3 assessment

Discuss the difference between bitmap and vector graphics. Describe four different graphic elements you might use in a project, for example, the background, buttons, icons, or text. Would you use a vector tool or a bitmap tool for each element? Why?

week 2- sim pin,alvin,canaan

There are many font design software packages which are commonly used nowadays. One of the popular font design software is Font Creator. The latest version of this software is Font Creator Home Edition 5.0.

Font Creator Home Edition 5.0 is a powerful application that puts font creation within the grasp of the average. This is suitable for the PC user, graphic designers, and typographers. This software gives you all the tools you need to make new fonts and edit existing fonts. Users can make their own handwriting font or add signatures, logos, and symbols to existing fonts.

MainType is one of the function in Font Creator Home Edition 5.0. It is the only drag and drop font manager. It offers a straightforward and easy-to-use interface to help you find, preview, organize, install, and print the fonts. MainType can also helps the users in saving time because it is the fastest and easiest way to maintain the fonts.

Another functions in this software are useful too. For example, the editor allows users easily to select and modify the entire charavter set of any TrueType font and fonts based on OpenType font technology. This function includes the ability to convert images to outlines. Thus, it enable users to create fonts with their own signature, logo, and handwriting.

Few of new contour operations are provided, like union, intersection, exclusion, and knife. These operations greatly simplify and speed up the design process. Besides, other new features include the ablility to add selected characters or entire character sets with their mappings. It is used to automically calculate ascender and decender values and to show comparison glyphs in the glyph edit window also. This feature can complete over a thousand characters in a few seconds.

Font Creator Home Edition 5.0 is popular nowadays. The advanced validation features make the design process easy and help you avoid common mistakes. Font Creator provided the tools for the users. For those who wants to create and distribute royalty-free fonts, a designer who needs a unique font, a business person who needs to add a euro sign, logo, or signature to an existing font, or a home user who wants to make a font based on their own handwriting.