1. Lecture Week 4
Images

2. An image or graphic is worth a thousand words.
Think of where images/graphics can be used? (list as much as you can).

3. Images can be used:
As a backdrop behind text to create a pictorial framework for the text.
As a background for the content.
As an icon to represent options that can be selected.
As a trigger to select can launch other multimedia objects or events.
As direct attention.
To add emphasis.
To illustrate concepts.
To present information in fast and efficient way.
To provide persistence and consistent understanding to a different person.
To create lasting impression or establishing mood.

4. Please take out a blank sheet of A4 paper (or provided by lecturer).
Instruction: While listening to today’s lecture, I want you to really FOCUS & THINK…then answer questions below:
Q1: What are the most important points from the day’s lesson?
Q2: What is the most confusing idea in the lesson?
Q3: What do you LIKE most from today’s class?
Q4: What do you HATE most from today’s class?
Q5: List FIVE most important point that you can remember from today’s lesson.

5. Graphics Application
The demand for images is essential whereby it is required in daily life.
eg. Architect, Engineer, Designer etc.
In industrial sectors: Engineer uses computer graphics for modeling, product design and prototyping.
Media, journalist, advertiser uses a lot of graphics element in their work to make more interesting.
Electrician use graphics in designing circuit boards and diagrams.

6. Vector-drawn graphics 3-D drawing and rendering
Types of Images
2 types of still images:
Bitmaps
Vector-drawn graphics
3-D drawing and rendering
GRAPHIC
VECTOR
BITMAP

7. Bitmap
- 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.

8. Bitmaps are an image format suited for creation of:
- Photo-realistic images
- Complex drawings
- Images that require fine detail

9. Bitmap - Bitmapped images are known as paint graphics.
- A bitmap is made up of individual dots or picture elements known as pixels.
- Bitmapped images can have varying bit and color depths.

10. Binary Combinations for Describing a Color
Bitmap
Dithered to 1-bit.
Two colors, black and white.
Dithered to 4-bit gray-scale.
16 shades of gray.
Binary Combinations for Describing a Color 2 x
Dithered to 8-bit gray-scale shades of gray.
Dithered to 4 bits.
16 colors.
Dithered to 8 bits.
Adaptive palette of 256 colors.
24 bits depth.
Millions of colors.

11. Bitmap - Using clip art galleries - Using bitmap software
Bitmaps images can be
inserted by:
- Using clip art galleries
- Using bitmap software
- Capturing and editing images
- Scanning images

12. Using clip art galleries
- A clip art gallery is an assortment of graphics, photographs, sound, and video.
- Clip art is a popular alternative for users who do not want to create their own images.
- Clip art collections are available on CD-ROMs and on the Internet.

13. Examples of industry-standard programs for bitmap painting and editing are:
Adobe’s Photoshop.
Corel’s Painter and CorelDraw.

14. Capturing and editing images
Capturing and storing images directly from the screen is another way to assemble images for multimedia.
The PRINT SCREEN key in Windows or the COMMAND- SHIFT- 3 key combination on the Macintosh copies the screen image to the clipboard.

15. Image editing programs enable the user to:
- Enhance and make composite images.
- Alter and distort images.
- Add and delete elements.
- Morph (manipulate still images to create animated transformations).

16. Vector-drawn images are used in the following areas:
- Computer-aided design (CAD) programs
- Graphic artists designing for the print media
- 3D animation programs
- Applications requiring drawing of graphic shapes

17. Vector
Drawing software such as Adobe Illustrator can save vector graphics in SVG format.

18. How vector-drawn images work
- A vector is a line that is described by the location of its two end points.
- Vector drawing makes use of Cartesian coordinates.
- Cartesian coordinates are numbers that describe a point in two or three-dimensional space as the intersection of the X, Y, and Z axes.

19. 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.
- Vector images cannot be used for photorealistic images.

20. Vector-drawn images versus bitmaps (continued)
- Vector images require a plug-in for Web-based display.
- Bitmaps are not easily scalable and resizable.
- Bitmaps can be converted to vector images using auto- tracing.

21. Q: Which type of still images (vector or bitmap) do you think is better? And Why?
Instruction: Think pared share activity
Discuss with your pair (who seat besides you) … 1 minutes
 Share with the rest of class members your thought….2 minutes

22. Any Question?
Thank You..