graphics
TRANSCRIPT
GRAPHICS
Topic Outline
What is graphic.Resolution.Types of graphics.Using graphic in multimedia
applications.
What is Graphic?Pictures of people, places, artwork & photographs.
Diagram of buildings and equipment.
Charts and graphs, curves.Backgrounds, 3D photo.
ResolutionRefer to quality capability of a graphic output device (monitor) or input device (scanner).
Sometimes refer to the number of color that an image can display.
Color ResolutionCalled depth (specifies the
number of bits used in an image file to store color information).8-bit , 28, 256 combination.
8–bit system is called 256-value system.
8-bit display also called as 256-color display.
It use 8 bits( a byte) to display each dot of color (pixel).
24-bit display is 3 byte available to store color value. It display 16 million color value and known as true color.
Graphics in Multimedia Applications
Graphical images - used to add emphasis, direct attention, illustrate concepts, and provide background content
Types of Graphics Two types of graphics:
1) Draw-type graphics or vector graphics – represent an image as a geometric shape
2) Bitmap graphics – represents the image as an array of dots, called pixels
Draw Type/Vector Graphics◦ fail size smaller than bitmap◦ Resize, rotate, no distortion Image is stored as a set of
mathematical equations.Equations define curves, lines and
shapes.Based on drawing elements or
objects.
Draw Type/Vector GraphicsConsist of line drawings include items such as lines, rectangles, ellipses, arcs, curves and etc.
Packages that allow to create vector graphics include :◦CorelDraw.◦Macromedia Freehand.◦ Adobe Illustrator.
Creation of Still Images (continued)Draw Type/Vector Graphics•Used in the following areas:oComputer-aided design (CAD) programs
oGraphic artists designing for the print media
o3-D animation programs
oApplications requiring drawing of graphic shapes
Bitmap GraphicsBitmaps – array of dots or pixels
◦Picture is stored as a set of pixels.
High quality pictures
Photo realistic
Fail size larger than vector graphic
Creation of Still Images (continued)Bitmap Graphics• Bitmap is derived from the words
“bit,” which means the simplest element in which only two digits are used, and “map,” which is a two-dimensional matrix of these bits.
• A bitmap is a data matrix describing the individual dots of an image.
Bitmap Graphics
Color Depth: Determine by how much data in bits is used to determine the number of colors.◦1 bit (21)= 2 colors.◦4 bit (24)= 16 colors.◦8 bit (28)= 256 colors.◦16 bit (216)= 65,536 colors.
◦24 bit (224)= 16,777,216 colors.
Bitmap GraphicsSoftware to
edit bitmapped graphics are◦Adobe
Photoshop◦Windows
Paintbrush◦Fractal Design
Painter
Are images that are made up of a set of bits or pixels and can include images that come from a scanner, a photographs or images captured from a video camcorder or the TV.
Available binary Combinations for Describing a Color
24 bits depth.Millions of colors.
Dithered to 8 bits.Adaptive palette of 256 colors.
Dithered to 4 bits.16 colors.
Dithered to 8-bit gray-scale.256 shades of gray.
Dithered to 4-bit gray-scale.16 shades of gray.
Dithered to 1-bit.Two colors, black and white.
Creation of Still Images (continued)Bitmap Graphics
Creation of Still Images (continued)Vector-drawn images versus bitmaps• Vector images use less memory
space and have a smaller file size as compared to bitmaps.
• For the Web, pages that use vector graphics in plug-ins download faster and, when used for animation, draw faster than bitmaps.
Creation of Still Images (continued)Vector-drawn images versus bitmaps• Vector images cannot be used for
photorealistic images.
• Vector images require a plug-in for Web-based display.
• Bitmaps are not easily scalable and resizable.
More GraphicsClip Art
◦Libraries of clip art are available online
Digitized Pictures◦Pictures are transformed into bitmaps
◦Can be still pictures or moving pictures
Graphic File & ImageBitmap formats.Vector format.Compressed formats.
Graphic Image File Sizes
Image file sizes can become large, you must balance the need for quality images with the need for small file sizes
Bitmap FormatCommon file for graphics.The easiest files to import and export across platforms.
Vector FormatsWindows metafile is a common vector type image which is generated by processing vector commands by graphic functions in the window OS.
File formats include the type of file, sizing, number of objects and the data.
Compressed File FormatCompression file can be used to
reduce the file size, to speed transmission for networked applications or store large numbers of images on CD, others.
Compressed File FormatGraphic Interchange Format (GIF).◦Developed by Compuserve for moving images and popular format in WWW.
◦Limited to 256 colors.◦Include information about the file format, layout of the data, image characteristics (height, width), color depth, color table (palette) and the image data.
Compressed File FormatTagged Image File Format (TIFF)◦Very high compression capability.
◦Good for black and white images.
◦Used extensively in publishing and fax applications.
Compressed File FormatJoint Photographic Experts Groups (JPEG and JPG).◦A 24-bit color image in small size file.
◦Used commonly in WWW.
Image SizesIt refer to height and width of the images and measure in inch, cm, dot or others units.
WIDTH
HEIGHT
Image SizesIt also determine the display form and time requirement to display on the screen.
EX: 640 pixel x 480 pixel. 1280 pixel x 1024 pixel.
Using Graphic for MultimediaPurpose :
◦Images should be useful and meaningful to the application.
◦Avoid images with little relation with the content.
◦Don’t use many images in single display.
Quality :◦Careful with color depth especially
for applications display on lower color capability.
◦Aware with image size and avoid bright color.
Using Graphic for MultimediaCost :
◦Copyright and ownership of graphics will determine who is to be paid.
Graphics SoftwareDrawing programs – used to
create draw-type graphics. Example Adobe Illustrator
Paint programs – used to create bitmap images. Example Paint Shop Pro
Image editing programs – useful in making changes, or applying textures or patterns to existing images. Example Photoshop.
Graphic Image SourcesAlternative image sources
◦Clip art◦Stock photographs◦Video images◦Still images◦Scanned images◦Photo CD’s◦Screen-capture programs
Image Sources and InputScanner :
◦Have the ability to digitize an image opens up a world of graphic sources.
◦Scan images, photo, newspaper articles, magazines pictures and etc.
Digital cameras :◦- Take a photo and download to pc and do editing straight away.
Image Sources and InputThe Web :
◦WWW have a lot of source of images and content.
◦Can be download and edited after request from the owner.
Clip Art :◦Include clip photo, video clips and
animation clip.◦Corels Professional Photos CD-ROM
series and Photodex’s Picture factory series, MetaCreations and Photo Disc and etc.
Clip Art from WebArtToday (Zedcor)
Professional Images http://www.arttoday.com
http://www.barrysclipart.com/http://www.clipart.co.uk/index.sht
mlhttp://www.1clipart.com/http://www.free-clip-art.com/