grafika komputerowa
DESCRIPTION
grafika komputerowa. czyli jak to się dzieje, że coś widzimy i nawet wydaje się nam bardziej prawdziwe od rzeczywistości. rastrowa wektorowa krzywe Beziera postscript grafika 3D. raster. tablica punktów (pikseli) o pewnej wysokości (ilości wierszy) i szerokości (ilość kolumn). - PowerPoint PPT PresentationTRANSCRIPT
![Page 1: grafika komputerowa](https://reader036.vdocuments.mx/reader036/viewer/2022062309/56815055550346895dbe548a/html5/thumbnails/1.jpg)
grafika komputerowagrafika komputerowa
czyli jak to się dzieje, że coś widzimyczyli jak to się dzieje, że coś widzimyi nawet wydaje się nam bardziej i nawet wydaje się nam bardziej
prawdziwe od rzeczywistościprawdziwe od rzeczywistości
![Page 2: grafika komputerowa](https://reader036.vdocuments.mx/reader036/viewer/2022062309/56815055550346895dbe548a/html5/thumbnails/2.jpg)
rastrowarastrowawektorowawektorowa
krzywe Bezierakrzywe Bezierapostscriptpostscript
grafika 3Dgrafika 3D
![Page 3: grafika komputerowa](https://reader036.vdocuments.mx/reader036/viewer/2022062309/56815055550346895dbe548a/html5/thumbnails/3.jpg)
rasterraster
tablica punktów (pikseli) tablica punktów (pikseli) o pewnejo pewnejwysokości (ilości wysokości (ilości wierszy)wierszy)i szerokościi szerokości(ilość kolumn)(ilość kolumn)
ilość informacji = wiersze * kolumny * kolor
![Page 4: grafika komputerowa](https://reader036.vdocuments.mx/reader036/viewer/2022062309/56815055550346895dbe548a/html5/thumbnails/4.jpg)
zdjęcie 10 zdjęcie 10 ×× 15 15
4” * 600 *6” * 600 * 3 =2400 * 3600 * 3 =8 640000 * 3 = 25 920000 ≈ 26MB
potrzebujemy kompresji
![Page 5: grafika komputerowa](https://reader036.vdocuments.mx/reader036/viewer/2022062309/56815055550346895dbe548a/html5/thumbnails/5.jpg)
stopień kompresji jpgstopień kompresji jpga wielkość plikua wielkość pliku
0
1
2
3
4
5
6
0 20 40 60 80 100
stopień kompresji
wie
lko
ść p
liku
[M
B] wielkość bitmapy
24,476 MB
![Page 6: grafika komputerowa](https://reader036.vdocuments.mx/reader036/viewer/2022062309/56815055550346895dbe548a/html5/thumbnails/6.jpg)
krzywe Bezierakrzywe Beziera
![Page 7: grafika komputerowa](https://reader036.vdocuments.mx/reader036/viewer/2022062309/56815055550346895dbe548a/html5/thumbnails/7.jpg)
postscriptpostscript
uniwersalny język do programowania drukarek i monitorów. Stworzyła go firma Adobe Systems. Pliki w postscripcie składają się z poleceń podobnych do poleceń programów pisanych w innych językach. Pliki postscriptu można oglądać tak jak normalne pliki ASCII. Interpreter Postscriptu korzystając z poleceń w tym języku opisujących grafikę i czcionki w sposób wektorowy.
![Page 8: grafika komputerowa](https://reader036.vdocuments.mx/reader036/viewer/2022062309/56815055550346895dbe548a/html5/thumbnails/8.jpg)
naturalny model barwnaturalny model barw
Oko ludzkie odbiera kolor dzięki stymulacji Oko ludzkie odbiera kolor dzięki stymulacji trzech wizualnych pigmentów w stożkach trzech wizualnych pigmentów w stożkach siatkówki.siatkówki.
630 nm (barwa czerwona)630 nm (barwa czerwona)530 nm (barwa zielona) 530 nm (barwa zielona) 450 nm (barwa niebieska).450 nm (barwa niebieska).
porównanie natężeń światła poszczególnych porównanie natężeń światła poszczególnych barw składowych prowadzi do syntezy koloru barw składowych prowadzi do syntezy koloru przez mózg ludzkiprzez mózg ludzki
model barw RGB.model barw RGB.
![Page 9: grafika komputerowa](https://reader036.vdocuments.mx/reader036/viewer/2022062309/56815055550346895dbe548a/html5/thumbnails/9.jpg)
addytywna synteza koloruaddytywna synteza kolorumodel RGBmodel RGB
![Page 10: grafika komputerowa](https://reader036.vdocuments.mx/reader036/viewer/2022062309/56815055550346895dbe548a/html5/thumbnails/10.jpg)
sześcian RGBsześcian RGB
![Page 11: grafika komputerowa](https://reader036.vdocuments.mx/reader036/viewer/2022062309/56815055550346895dbe548a/html5/thumbnails/11.jpg)
bajty a kolorbajty a kolor
1 bit czrno-biały1 bit czrno-biały8 bit 256 kolorów z palety8 bit 256 kolorów z palety24 bit (3*8 bit) – true color24 bit (3*8 bit) – true color32 bit CMYK32 bit CMYK32 bit (3*12 bit)32 bit (3*12 bit)48 bit (3*16 bit)48 bit (3*16 bit)
![Page 12: grafika komputerowa](https://reader036.vdocuments.mx/reader036/viewer/2022062309/56815055550346895dbe548a/html5/thumbnails/12.jpg)
substraktywna synteza kolorów – substraktywna synteza kolorów – model CMY(K)model CMY(K)
Cyan (morski)Cyan (morski) Magenta (turkusowy)Magenta (turkusowy) Yellow (żółty)Yellow (żółty) BalcK (czarny)BalcK (czarny)
![Page 13: grafika komputerowa](https://reader036.vdocuments.mx/reader036/viewer/2022062309/56815055550346895dbe548a/html5/thumbnails/13.jpg)
diagram chromatyczności CIEdiagram chromatyczności CIE
![Page 14: grafika komputerowa](https://reader036.vdocuments.mx/reader036/viewer/2022062309/56815055550346895dbe548a/html5/thumbnails/14.jpg)
od RGB do CIEod RGB do CIE
funkcje barw podstawowych spełniają trzy funkcje barw podstawowych spełniają trzy fikcyjne barwy fikcyjne barwy XX, , YY, , ZZ, położone poza , położone poza zakresem barw widmowych.zakresem barw widmowych.Y – luminancja, X, Z – kodowanie barwyY – luminancja, X, Z – kodowanie barwy
X X = 0= 0, , 490490R R + 0+ 0, , 310310G G + 0+ 0, , 200200B,B,
Y Y = 0= 0, , 177177R R + 0+ 0, , 812812G G + 0+ 0, , 011011B,B,
Z Z = 0= 0, , 000000R R + 0+ 0, , 010010G G + 0+ 0, , 990990B,B,
![Page 15: grafika komputerowa](https://reader036.vdocuments.mx/reader036/viewer/2022062309/56815055550346895dbe548a/html5/thumbnails/15.jpg)
inne modeleinne modele
YIQ - model barw opracowany przez (NTSC) YIQ - model barw opracowany przez (NTSC) oparty na modelu CIE XYZ.oparty na modelu CIE XYZ.
HSV - barwa spektralna + ilośc bieliHSV - barwa spektralna + ilośc bielii czerni i czerni Hue Hue (spektrum), (spektrum), Saturation Saturation (nasycenie) (nasycenie) oraz oraz Value Value (wartość).(wartość).
HLS - HLS - H H (Hue - spektrum), (Hue - spektrum), L L (Lightness - (Lightness - jasność) oraz jasność) oraz S S (Saturation - nasycenie).(Saturation - nasycenie).
Model L*a*b – Luminancja, Model L*a*b – Luminancja, a -a - przejście od przejście od zieleni do czerwieni, zieleni do czerwieni, b -b - przejście od barwy przejście od barwy niebieskiej do żółtej. Niezależność od sprzętu.niebieskiej do żółtej. Niezależność od sprzętu.
![Page 16: grafika komputerowa](https://reader036.vdocuments.mx/reader036/viewer/2022062309/56815055550346895dbe548a/html5/thumbnails/16.jpg)
korekcja tonalna bitmapkorekcja tonalna bitmap
jasnośćjasnośćkontrastkontrasthistogramyhistogramykorekcje nieliniowekorekcje nieliniowekrzywe odwzorowań szarościkrzywe odwzorowań szarości
![Page 17: grafika komputerowa](https://reader036.vdocuments.mx/reader036/viewer/2022062309/56815055550346895dbe548a/html5/thumbnails/17.jpg)
histogramhistogram
Histogram -wykres słupkowy Histogram -wykres słupkowy przedstawiający liczbę punktów przedstawiający liczbę punktów próbkowania w zależności od poziomu próbkowania w zależności od poziomu szarości.szarości.
balansowanie kolorów lub ich składowychbalansowanie kolorów lub ich składowychoszacowania szumówoszacowania szumów
![Page 18: grafika komputerowa](https://reader036.vdocuments.mx/reader036/viewer/2022062309/56815055550346895dbe548a/html5/thumbnails/18.jpg)
dobry balansdobry balans