GRAPHICAL MEDIA 1. ScannerScanner Graphics Sources 2.
-
Upload
brittany-howard -
Category
Documents
-
view
218 -
download
2
Transcript of GRAPHICAL MEDIA 1. ScannerScanner Graphics Sources 2.
GRAPHICALMEDIA
1
• Scanner
Graphics Sources Graphics Sources
2
Graphics Sources Graphics Sources• Scanner
• Digital/Video Camera or Cell Phone
3
Graphics Sources Graphics Sources
CreatedCreated
“Borrowed”“Borrowed”
• Video Capture
• Screen Capture
• Scanner
• Digital/Video Camera or Cell Phone
• InternetRight-click on graphicRight-click on graphic
Print Screenvs.
Alt-Print Screen
Print Screenvs.
Alt-Print Screen
4
Color ColorAdditive Color
light – RGBmonitor
Subtractive Color paint – CYMKprinter
5
Color Mixer
1 black & 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 File Size Considerations
# of bits # of colors uses
Color depth (# of bits)
6
Color
depth
7
Graphics File Formats Graphics File Formats
· GIF & JPeG (PNG) (Internet & Camera)
· BMP & TIFf (Universal & Camera)
· Others PCX , TGA, WMF, ... Clip art
8
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
use an adaptive palette
Some solutions:
256 – a necessary evil???
10
use an adaptive palette
Some solutions:
256 – a necessary evil???
11
12
use dithering
use an adaptive palette
Some solutions:
256 – a necessary evil???
1 black & 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 File Size Considerations
# of bits # of colors uses
Color depth (# of bits)
Image size (# of pixels)
13
8004:3
600
800 x 600 = 480,000 pixels
480,000 x 1 byte = 480,000 bytes480,000 x 2 bytes = 960,000 bytes480,000 x 3 bytes = 1,440,000 bytes
ResolutionVideos
14
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
ResolutionMy Computer
15
1920
1200
600
800
16
17
As reported in: http://www.w3schools.com/browsers/browsers_resolution_higher.asp
1 black & 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 File Size Considerations
# of bits # of colors uses
Color depth (# of bits)
Image size (# of pixels)
compressed vs. uncompressedcompressed vs. uncompressed18
pixel x - andpixel y -
pixels x & y -
jpeg
19
20
bmp
1096 x 777 x 3 = 2,495 kbytes21
gif
568 kbytes22
jpeg
193 kbytes23
bmp gif jpg
Image Comparisons
24
GRAPHICSSOFTWARE
25
Paint
Draw
vs.
26
Graphics SoftwareGraphics SoftwareIn my work with graphics software, I have performed these three basic functions:
1. Converting from one file format to another
2. Editing the contrast, brightness, and color or hue
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
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.
Paint Shop Pro (www.jasc.com) - editor and converter for BMP, JPG, GIF, PPM, PCX, TIFF, DIB, and TGA files.
Free Graphics SoftwareFree Graphics Software
28
$$$ Graphics Software$$$ Graphics Software
Adobe Photoshop (CS5 - $699/199)
Adobe Illustrator (CS5 - $599)
Corel Draw (Suite X5 - $399)
29
For this course, we will learn how to integrate existing images into VB programs.
30
PictureBox
31
PictureBox
32
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.
In VB, let’s look at the effect on two images using each of the SizeMode options.
34
35This was shot with a 15 Megapixel camera and is NOT full size!
36
This is the image in PhotoShop displayed at 25% of its size.
37
This is the image in PhotoShop displayed at 100% of its size.
38
Normal
Center
Normal100%
Normal100%
39
CenterImage100%
CenterImage100%
40
StretchImage<100%
StretchImage<100%
Zoom<100%
Zoom<100%
41
AutoSize100%
AutoSize100%
42
Normal100%
Original100%
StretchImage >100%
Zoom>100%
43
Center100%
Original100%
AutoSize100%
Read the Description
of Assigment-8
44