investigating graphic image design
TRANSCRIPT
![Page 1: Investigating Graphic Image Design](https://reader033.vdocument.in/reader033/viewer/2022052915/58f9aa61760da3da068b7875/html5/thumbnails/1.jpg)
Investigating Graphic Image Design
![Page 2: Investigating Graphic Image Design](https://reader033.vdocument.in/reader033/viewer/2022052915/58f9aa61760da3da068b7875/html5/thumbnails/2.jpg)
Graphics Anything on the page that is not actual text, from simple line drawings to fully active images found on the World Wide Web.
![Page 3: Investigating Graphic Image Design](https://reader033.vdocument.in/reader033/viewer/2022052915/58f9aa61760da3da068b7875/html5/thumbnails/3.jpg)
Graphics Two main types of
![Page 4: Investigating Graphic Image Design](https://reader033.vdocument.in/reader033/viewer/2022052915/58f9aa61760da3da068b7875/html5/thumbnails/4.jpg)
Raster An image that is made with a rectangular grid of pixels, or points of color, viewable via a monitor, paper, or other display medium. Raster images are stored in image files with varying formats
https://flic.kr/p/bCUcM6
![Page 5: Investigating Graphic Image Design](https://reader033.vdocument.in/reader033/viewer/2022052915/58f9aa61760da3da068b7875/html5/thumbnails/5.jpg)
Vector The use of geometrical primitives such as points, lines, curves, and shapes or polygons—all of which are based on mathematical expressions—to represent images in computer graphics.
https://flic.kr/p/bCUcM6
![Page 6: Investigating Graphic Image Design](https://reader033.vdocument.in/reader033/viewer/2022052915/58f9aa61760da3da068b7875/html5/thumbnails/6.jpg)
Graphic Factors Affect ing
Format
![Page 7: Investigating Graphic Image Design](https://reader033.vdocument.in/reader033/viewer/2022052915/58f9aa61760da3da068b7875/html5/thumbnails/7.jpg)
Color Depth The number of colors per pixel that can be contained in an image. Measured in “Bit Color.”
https://flic.kr/p/bCUcM6
![Page 8: Investigating Graphic Image Design](https://reader033.vdocument.in/reader033/viewer/2022052915/58f9aa61760da3da068b7875/html5/thumbnails/8.jpg)
Color Depth The number of colors per pixel that can be contained in an image. Measured in “Bit Color.”
https://flic.kr/p/bCUcM6
1 Bit (2 = 2 Colors) 1
![Page 9: Investigating Graphic Image Design](https://reader033.vdocument.in/reader033/viewer/2022052915/58f9aa61760da3da068b7875/html5/thumbnails/9.jpg)
Color Depth The number of colors per pixel that can be contained in an image. Measured in “Bit Color.”
https://flic.kr/p/bCUcM6
1 Bit (2 = 2 Colors) 1
2 Bit (2 = 4 Colors) 2
![Page 10: Investigating Graphic Image Design](https://reader033.vdocument.in/reader033/viewer/2022052915/58f9aa61760da3da068b7875/html5/thumbnails/10.jpg)
Color Depth The number of colors per pixel that can be contained in an image. Measured in “Bit Color.”
https://flic.kr/p/bCUcM6
1 Bit (2 = 2 Colors) 1
2 Bit (2 = 4 Colors) 2
8 Bit (2 = 256 Colors) 8
![Page 11: Investigating Graphic Image Design](https://reader033.vdocument.in/reader033/viewer/2022052915/58f9aa61760da3da068b7875/html5/thumbnails/11.jpg)
Color Depth The number of colors per pixel that can be contained in an image. Measured in “Bit Color.”
https://flic.kr/p/bCUcM6
1 Bit (2 = 2 Colors) 1
2 Bit (2 = 4 Colors) 2
8 Bit (2 = 256 Colors) 8
12 Bit (2 = 4096 Colors) 12
![Page 12: Investigating Graphic Image Design](https://reader033.vdocument.in/reader033/viewer/2022052915/58f9aa61760da3da068b7875/html5/thumbnails/12.jpg)
Color Depth The number of colors per pixel that can be contained in an image. Measured in “Bit Color.”
https://flic.kr/p/bCUcM6
1 Bit (2 = 2 Colors) 1
2 Bit (2 = 4 Colors) 2
8 Bit (2 = 256 Colors) 8
12 Bit (2 = 4096 Colors) 12
16 Bit (2 = 65,536 Colors) 16
![Page 13: Investigating Graphic Image Design](https://reader033.vdocument.in/reader033/viewer/2022052915/58f9aa61760da3da068b7875/html5/thumbnails/13.jpg)
E x a m p l e s o f C o l o r D e p t h Original Nintendo used an
8 bit color depth
![Page 14: Investigating Graphic Image Design](https://reader033.vdocument.in/reader033/viewer/2022052915/58f9aa61760da3da068b7875/html5/thumbnails/14.jpg)
E x a m p l e s o f C o l o r D e p t h Super Nintendo used a
15 bit color depth
![Page 15: Investigating Graphic Image Design](https://reader033.vdocument.in/reader033/viewer/2022052915/58f9aa61760da3da068b7875/html5/thumbnails/15.jpg)
E x a m p l e s o f C o l o r D e p t h Modern video games use
24 bit color depth and above.
![Page 16: Investigating Graphic Image Design](https://reader033.vdocument.in/reader033/viewer/2022052915/58f9aa61760da3da068b7875/html5/thumbnails/16.jpg)
Compression How an image is saved in order to reduce the file size.
https://flic.kr/p/rwL2R
![Page 17: Investigating Graphic Image Design](https://reader033.vdocument.in/reader033/viewer/2022052915/58f9aa61760da3da068b7875/html5/thumbnails/17.jpg)
Compression Reduces file size without losing any pixel data
Lossless
![Page 18: Investigating Graphic Image Design](https://reader033.vdocument.in/reader033/viewer/2022052915/58f9aa61760da3da068b7875/html5/thumbnails/18.jpg)
Compression As the file size is reduced pixel data is lost
Lossy
![Page 19: Investigating Graphic Image Design](https://reader033.vdocument.in/reader033/viewer/2022052915/58f9aa61760da3da068b7875/html5/thumbnails/19.jpg)
Portability How easily you can open, modify, and view the files on computers using different operating systems, software and browsers.
![Page 20: Investigating Graphic Image Design](https://reader033.vdocument.in/reader033/viewer/2022052915/58f9aa61760da3da068b7875/html5/thumbnails/20.jpg)
Transparency Allows the background color of an image to be “eliminated” or made transparent so that the background behind the image can be seen.
vs.