Download presentation
Presentation is loading. Please wait.
1
Color and Images
2
Color The natural colors we see and the colors we see on computer monitors are different. ______ -natural ______ -monitor
3
Color - CMYK C____, M______, Y______, _______K Four color process
Reflective color- light from sun (or bulb) hits an object & color is reflected to our eyes ____________________ *CYAN, MAGENTA, YELLOW, BLACK *PRINT DOCUMENTS Up to 331 dots of color per inch! Large dots on Bill boards
4
Color - RGB “Monitor” color R____, G_____, B_____
TV, video, computer monitors Straight from light source; not reflective “RGB values” = intensity of colors _________________ code- 6 numbers *RED, GREEN, AND BLUE *HEXIDECIMAL CODE VALUES OR HEXIDECIMAL
5
Color - Netscape Composer
RGB Values Netscape Composer - used to make web pages (in class)
6
Color - Dreamweaver Hexadecimal Code
7
Bitmapped (pixel-based, _______, raster, Photoshop)
Vector (math-based, object-oriented, draw, Illustrator) Paint program: You can edit individual pixels Clip art images…pixel-based can be altered pixel by pixel Draw program: You can easily resize, insert text and use layers
8
Images - File format What we will use on our webpages
.______- we say jay-peg .______ .JPG .GIF Acronyms
9
Images- JPEG Joint Photographic Experts Group Cross platform
Compressed (lossy - data removed) Maximum of 16.7 million colors Cannot be transparent, interlaced or _______________ __________, images with subtle color changes, _________, lighting, etc. *ANIMATED PHOTOS, DEPTH .JPG are good for shadows, shading,
10
Images -GIF Graphic Interchange Format Cross platform
Compressed (lossless - no data removed) Indexed color -maximum of 256 colors Can be transparent, interlaced and ________________ Simple illustrations, ______, cartoons Clip art, cartoons, animation *ANIMATED LOGOS Huge difference in no. of colors available (compared to .JPG)
11
File size vs. Picture size
File Size-how much _____________ is used by the file ex. 30kb Picture Size-the _________ of the image ex. 150 pixels wide Both important for ________ of download Resize and/or change resolution DISK SPACE DIMENSIONS SPEED Website: 30kb or less so it doesn’t take as long for pics to download on a site. Photo Shop can resize/change resolution of picture - resolution changes the file size but not the PICTURE size
12
Accessibility ____________ labels -text that will show as image is downloading or in place of images ALTERNATE LABELS A sentence or a word that describes the picture. If a person cannot see the Pic, it may still be accessible.
13
“Web-ified” Images Goal is to get maximum ____________ for minimum ______________ Make sure your image is on ___________ otherwise your link will not work Do NOT ________ or _______ your image once you have placed it on your web page. Maximum IMAGE Minimum QUALITY Make sure image is on the SERVER Do not RENAME or MOVE your image once you have placed it
Similar presentations
© 2024 SlidePlayer.com. Inc.
All rights reserved.