1. Part A Multimedia Production Rico Yu

2. Part A Multimedia Production Ch.1 Text Ch.2 Graphics Ch.3 Sound Ch.4 Animations Ch.5 Video

3. Multimedia Text Graphics Audio information Animation Videos

4. Graphics Bitmaps Vector graphics Reference: What are bitmap and vector graphics, and how are they different?

5. Bitmaps A. Sources of Bitmap Graphics Scanner Digital Camera Screen Captures

6. Bitmaps Digitisation Devices for digitisation: Scanner Digital Camera Analog singalDigital Form

7. Bitmaps B. Comparing to Vector Graphics 1. Easy to create 2. Supported by all browser 3. More realistic

8. Bitmaps C. Image Resolution also called “Image Size” measured in pixels References: HKCityUHKCityU, Adobe PhotoshopAdobe Photoshop

9. Bitmaps C. Image Resolution 1.Aspect Ratio - Computer screen mostly have this ratio Aspect Ratio = Horizontal side: vertical side = 1024 : 768 = 4 : 3

10. Bitmaps C. Image Resolution 2.Digital Camera Effective number of pixels = largest picture can obtained Effective # of pixelsLargest picture 2.0M1414 x 1414 3.2M1789 x 1789 4.0M2000 x 2000 5.0M2236 x 2236

11. Bitmaps C. Image Resolution 3.Printed Size - Print resolution - measured by dpi ( dot per inch) - 300 dpi (minimum ) Minimum Image Pixel = Size of output x 300

12. Bitmaps Passport Photo 2” x 1.5” 600 x 450 pixels

13. Bitmaps 3R Photo 5” x 3.5” 1500 x 1050 pixels

14. Bitmaps D. Colour depth - determine the number of possible colours for each pixel Colour depth Combinatio n No. of possible colours for each pixel e.g. of use 1-bit (B/W)2 1 = 22 (Black and White)OCR 8-bit (color)2 8 = 256256 colourLine arts 12-bit (color)2 12 = 40964096 colourPhone mon. 24-bit (true color) 2 24 = 16,777,216 >16M colourColor photo

15. Bitmaps E. Graphic file size Size of bitmap graphics without compression = Image resolution x colour depth (in byte)

16. Bitmaps 1-bit black and white File size = 640 x 480 x 1 bit = 307,200 / 8 bytes = 38,400 / 1,024 kB = 37.5 kB

17. Bitmaps 8-bit colour File size = 640 x 480 x 8 bit = 2,457,600 / 8 bytes = 307,200 / 1,024 kB = 300 kB

18. Bitmaps 24-bit colour File size = 640 x 480 x 24 bit = 7,372,800 / 8 bytes = 921,600 / 1,024 kB = 900 kB

19. Bitmaps F. Compression of bitmap graphics - reduce storage space - speed up transmission Compression ratio = Initial file size : Final file size Compression ratio  File size 

20. Bitmaps F. Compression of bitmap graphics Lossy compression eliminates unnecessary bits of information, like indistinguishable colours higher compression  poorer quality CAN’T get original file back Low compression High compression

21. Bitmaps F. Compression of bitmap graphics Lossless compression algorithm apply onto the image  reduce file size same in reverse (enlarge) CAN’T control compression ratio Reverse without loss

22. Bitmaps G. Various Forms of bitmap graphics 1. JPG (Joint Photographic Experts Group) 24-bit colour, suitable for photos and complex graphics used in digital camera lossy compression NOT work in cartoons  Image may lose clarity ( 清晰 ) and sharpness ( 鮮明 ) Reference: What is JPEG graphics file format?

23. Bitmaps G. Various Forms of bitmap graphics 2. GIF (Graphics Interchange Format) 256 colours Better than JPG if images with only a few distinct colours, such as drawing Supports transparency lossless compression Reference: What is GIF graphics file format?

24. Bitmaps G. Various Forms of bitmap graphics 3. PNG (Portable Network Graphics) Similar to GIF 256 colours 5 - 25 % < GIF files Reference: What is PNG graphics file format? Article Reading: What is the difference between JPEG, GIF and PNG?

25. Vector Graphics A. File Size Depends on the complexity of the picture Independent of the size of the picture i.e. not the scale of picture < Less complexity More complexity

26. Vector Graphics B. Creation Basic shapes, like lines, triangles, circles and rectangle Software: Corel ® Draw Adobe ® Illustrator Macromedia ® Flash Macromedia ® Freehand Microsoft ® Word PowerPoint Limited Tools

27. Vector Graphics C. Converting Vector Graphics into Bitmap Graphics use vector-based graphic to export Screen capture can’t edit

28. Vector Graphics D. Limitations with suitable plug-in e.g. Flash ® player