1. GRAPHICAL MEDIA 1

2. ScannerScanner Graphics Sources 2

3. ScannerScanner Digital/Video Camera or Cell PhoneDigital/Video Camera or Cell Phone 3

4. Graphics Sources Created “Borrowed” Video Capture Screen Capture Scanner Digital/Video Camera or Cell Phone Internet Right-click on graphic Print Screen vs. Alt-Print Screen Print Screen vs. Alt-Print Screen 4

5. Color Additive Color light – RGB monitor Subtractive Color paint – CYMK printer 5 Color Mixer

6. 1black & white line drawings 2 4 posters 4 16 sketches 8 256 low-quality photographs 16 65,536 high-quality photographs 24 16,777,216 professional-quality photographs 32 4,294,967,296 I have no idea where this is used File Size Considerations # of bits # of colors uses Color depth Color depth (# of bits) 6

7. Colordepth 7

8. Graphics File Formats  GIF & JPeG (PNG) (Internet & Camera)  BMP & TIFf (Universal & Camera)  Others PCX, TGA, WMF,... Clip art 8

9. Some projectors are only capable of displaying 256 colors. 256 – a necessary evil??? This is the maximum color depth for GIFs (one of the main graphics Web file formats). The original color depth was 256 colors, and there is a carryover from them. 9

10. use an adaptive palette Some solutions: 256 – a necessary evil??? 10

11. use an adaptive palette Some solutions: 256 – a necessary evil??? 11

12. 12 use dithering use an adaptive palette Some solutions: 256 – a necessary evil???

13. 1black & white line drawings 2 4 posters 4 16 sketches 8 256 low-quality photographs 16 65,536 high-quality photographs 24 16,777,216 professional-quality photographs 32 4,294,967,296 I have no idea where this is used File Size Considerations # of bits # of colors uses Color depth Color depth (# of bits) Image size Image size (# of pixels) 13

14. 8004:3 600 800 x 600 = 480,000 pixels 480,000 x 1 byte = 480,000 bytes 480,000 x 2 bytes = 960,000 bytes 480,000 x 3 bytes = 1,440,000 bytes Resolution Videos 14

15. 192016:9 1200 1920 x 1200 = 2,304,000 pixels 2,304,000 x 1 byte = 2,304,000 bytes 2,304,000 x 2 bytes = 4,608,000 bytes 2,304,000 x 3 bytes = 6,912,000 bytes Resolution My Computer 15

16. 1920 1200 600 800 16

17. 17 As reported in: http://www.w3schools.com/browsers/browsers_resolution_higher.asp http://www.w3schools.com/browsers/browsers_resolution_higher.asp

18. 1black & white line drawings 2 4 posters 4 16 sketches 8 256 low-quality photographs 16 65,536 high-quality photographs 24 16,777,216 professional-quality photographs 32 4,294,967,296 I have no idea where this is used File Size Considerations # of bits # of colors uses Color depth Color depth (# of bits) Image size Image size (# of pixels) compressed vs. uncompressed 18

19. pixel x - and and pixel y - pixels x & y - jpeg 19

20. 20

21. bmp 1096 x 777 x 3 = 2,495 kbytes 21

22. gif 568 kbytes 22

23. jpeg 193 kbytes 23

24. bmpgifjpg Image Comparisons 24

25. GRAPHICSSOFTWARE 25

26. Paint Draw vs. 26

27. Graphics Software In my work with graphics software, I have performed these three basic functions: 1. Converting from one file format to another 1. Converting from one file format to another 2. Editing the contrast, brightness, and color or hue 2. Editing the contrast, brightness, and color or hue 3. Changing the content of the graphic 3. Changing the content of the graphic (Note: These are not always found in a single software package. (Note: These are not always found in a single software package. 27

28. Paint (Windows) - editor and converter for BMP, JPG, GIF,PCD, PCX, TIFF, DIB, and TGA files. Lview Pro (www.lview.com) - editor and converter for BMP, JPG, GIF, PPM, PCX, TIFF, DIB, and TGA files. (www.lview.com) Paint Shop Pro (www.jasc.com) - editor and converter for BMP, JPG, GIF, PPM, PCX, TIFF, DIB, and TGA files.(www.jasc.com) Free Graphics Software 28

29. $$$ Graphics Software Adobe Photoshop Adobe Photoshop (CS5 - $699/199) Adobe Illustrator Adobe Illustrator (CS5 - $599) Corel Draw Corel Draw (Suite X5 - $399) 29

30. For this course, we will learn how to integrate existing images into VB programs. 30

31. PictureBox 31

32. PictureBox 32

33. PictureBox 33 By default, in Normal mode, the Image is positioned in the upper-left corner of the PictureBox, and any part of the image that is too big for the PictureBox is clipped. Using the StretchImage value causes the image to stretch or shrink to fit the PictureBox, which may distort the image. Using the Zoom value causes the image to be stretched or shrunk to fit the PictureBox; however, the aspect ratio in the original is maintained. Using the AutoSize value causes the control to resize to always fit the image. Using the CenterImage value causes the image to be centered in the client area. By default, in Normal mode, the Image is positioned in the upper-left corner of the PictureBox, and any part of the image that is too big for the PictureBox is clipped. Using the StretchImage value causes the image to stretch or shrink to fit the PictureBox, which may distort the image. Using the Zoom value causes the image to be stretched or shrunk to fit the PictureBox; however, the aspect ratio in the original is maintained. Using the AutoSize value causes the control to resize to always fit the image. Using the CenterImage value causes the image to be centered in the client area.

34. In VB, let’s look at the effect on two images using each of the SizeMode options. 34

35. 35 This was shot with a 15 Megapixel camera and is NOT full size!

36. 36 This is the image in PhotoShop displayed at 25% of its size.

37. 37 This is the image in PhotoShop displayed at 100% of its size.

38. 38 Normal Center

39. Normal 100% Normal 100% 39 CenterImage 100% CenterImage 100%

40. 40 StretchImage <100% StretchImage <100% Zoom <100% Zoom <100%

41. 41 AutoSize 100% AutoSize 100%

42. 42 Normal 100% Original 100% StretchImage >100% Zoom >100%

43. 43 Center 100% Original 100% AutoSize 100%

44. Read the Description of Assigment-8 44