grafika komputerowa

18
grafika komputerowa grafika komputerowa czyli jak to się dzieje, że czyli jak to się dzieje, że coś widzimy coś widzimy i nawet wydaje się nam i nawet wydaje się nam bardziej prawdziwe od bardziej prawdziwe od rzeczywistości rzeczywistości

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 Presentation

Transcript of grafika komputerowa

Page 1: grafika komputerowa

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

rastrowarastrowawektorowawektorowa

krzywe Bezierakrzywe Bezierapostscriptpostscript

grafika 3Dgrafika 3D

Page 3: grafika komputerowa

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

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

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

krzywe Bezierakrzywe Beziera

Page 7: grafika komputerowa

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

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

addytywna synteza koloruaddytywna synteza kolorumodel RGBmodel RGB

Page 10: grafika komputerowa

sześcian RGBsześcian RGB

Page 11: grafika komputerowa

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

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

diagram chromatyczności CIEdiagram chromatyczności CIE

Page 14: grafika komputerowa

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

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

korekcja tonalna bitmapkorekcja tonalna bitmap

jasnośćjasnośćkontrastkontrasthistogramyhistogramykorekcje nieliniowekorekcje nieliniowekrzywe odwzorowań szarościkrzywe odwzorowań szarości

Page 17: grafika komputerowa

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

dobry balansdobry balans