Grafika Komputerowa. Percepcja wizualna i modele...

38
1 / 38 Grafika Komputerowa. Percepcja wizualna i modele barw Aleksander Denisiuk Polsko-Japo ´ nska Akademia Technik Komputerowych Wydzial Informatyki w Gda ´ nsku ul. Brzegi 55 80-045 Gda ´ nsk [email protected]

Transcript of Grafika Komputerowa. Percepcja wizualna i modele...

Page 1: Grafika Komputerowa. Percepcja wizualna i modele barwusers.pja.edu.pl/~denisjuk/gk/wyklady/g02-barwy.pdfPercepcja wizualna i modele barw Percepcja informacji wizualnej Modele barw

1 / 38

Grafika Komputerowa. Percepcja wizualna i modele

barw

Aleksander Denisiuk

Polsko-Japonska Akademia Technik Komputerowych

Wydział Informatyki w Gdansku

ul. Brzegi 55

80-045 Gdansk

[email protected]

Page 2: Grafika Komputerowa. Percepcja wizualna i modele barwusers.pja.edu.pl/~denisjuk/gk/wyklady/g02-barwy.pdfPercepcja wizualna i modele barw Percepcja informacji wizualnej Modele barw

Percepcja wizualna i modele barw

Percepcja informacji

wizualnej

Modele barw

2 / 38

Najnowsza wersja tego dokumentu dostepna jest pod adresem

http://users.pja.edu.pl/~denisjuk

Page 3: Grafika Komputerowa. Percepcja wizualna i modele barwusers.pja.edu.pl/~denisjuk/gk/wyklady/g02-barwy.pdfPercepcja wizualna i modele barw Percepcja informacji wizualnej Modele barw

Percepcja informacji wizualnej

Percepcja informacji

wizualnej

informacja wizualna

Percepcja barwy

Teoria trzech kolorów

Teoria procesu

przeciwstawnego

Metameryzm

Modele barw

3 / 38

Page 4: Grafika Komputerowa. Percepcja wizualna i modele barwusers.pja.edu.pl/~denisjuk/gk/wyklady/g02-barwy.pdfPercepcja wizualna i modele barw Percepcja informacji wizualnej Modele barw

Percepcja informacji wizualnej

Percepcja informacji

wizualnej

informacja wizualna

Percepcja barwy

Teoria trzech kolorów

Teoria procesu

przeciwstawnego

Metameryzm

Modele barw

4 / 38

� zmysł wzroku

� oko

� receptory: czopki i preciki

� informacja wizualna

� tekstowa

� obrazowa

Page 5: Grafika Komputerowa. Percepcja wizualna i modele barwusers.pja.edu.pl/~denisjuk/gk/wyklady/g02-barwy.pdfPercepcja wizualna i modele barw Percepcja informacji wizualnej Modele barw

Zródło informacji wizualnej

Percepcja informacji

wizualnej

informacja wizualna

Percepcja barwy

Teoria trzech kolorów

Teoria procesu

przeciwstawnego

Metameryzm

Modele barw

5 / 38

� promieniowanie fotonowe, fale elektromagnetyczne

� promieniowanie monochromatyczne

� barwa

Page 6: Grafika Komputerowa. Percepcja wizualna i modele barwusers.pja.edu.pl/~denisjuk/gk/wyklady/g02-barwy.pdfPercepcja wizualna i modele barw Percepcja informacji wizualnej Modele barw

Rozszczepienie i skupienie swiatła

Percepcja informacji

wizualnej

informacja wizualna

Percepcja barwy

Teoria trzech kolorów

Teoria procesu

przeciwstawnego

Metameryzm

Modele barw

6 / 38

� Izaak Newton, 1666 r

Page 7: Grafika Komputerowa. Percepcja wizualna i modele barwusers.pja.edu.pl/~denisjuk/gk/wyklady/g02-barwy.pdfPercepcja wizualna i modele barw Percepcja informacji wizualnej Modele barw

Siedem kolorów

Percepcja informacji

wizualnej

informacja wizualna

Percepcja barwy

Teoria trzech kolorów

Teoria procesu

przeciwstawnego

Metameryzm

Modele barw

7 / 38

� czerwony, 760÷ 620 nm

� pomaranczowy, 620÷ 585 nm

� zółty, 585÷ 575 nm

� zielony, 575÷ 500 nm

� niebieski, 500÷ 445 nm

� granatowy, 445÷ 425 nm

� fioletowy, 425÷ 380 nm

Page 8: Grafika Komputerowa. Percepcja wizualna i modele barwusers.pja.edu.pl/~denisjuk/gk/wyklady/g02-barwy.pdfPercepcja wizualna i modele barw Percepcja informacji wizualnej Modele barw

Barwy proste, złozone i podstawowe

Percepcja informacji

wizualnej

informacja wizualna

Percepcja barwy

Teoria trzech kolorów

Teoria procesu

przeciwstawnego

Metameryzm

Modele barw

8 / 38

� prosta reprezentuje jedna długosc fali

� złozona — poprzez mieszanie barw

� podstawowe — trzy barwy, poprzez mieszanie mozna uzysac

wrazenie dowolnej barwy, a poprzez mieszanie dwóch nie mozna

uzyskac trzeciej

� ludzkie oko nie rozróznia braw prostych od złozonych

Page 9: Grafika Komputerowa. Percepcja wizualna i modele barwusers.pja.edu.pl/~denisjuk/gk/wyklady/g02-barwy.pdfPercepcja wizualna i modele barw Percepcja informacji wizualnej Modele barw

Koło barw

Percepcja informacji

wizualnej

informacja wizualna

Percepcja barwy

Teoria trzech kolorów

Teoria procesu

przeciwstawnego

Metameryzm

Modele barw

9 / 38

Page 10: Grafika Komputerowa. Percepcja wizualna i modele barwusers.pja.edu.pl/~denisjuk/gk/wyklady/g02-barwy.pdfPercepcja wizualna i modele barw Percepcja informacji wizualnej Modele barw

Swiatło pierwotne i wtórne

Percepcja informacji

wizualnej

informacja wizualna

Percepcja barwy

Teoria trzech kolorów

Teoria procesu

przeciwstawnego

Metameryzm

Modele barw

10 / 38

� obiekty samoswiecace sie

� odbijajace lub rozproszajace swiatło na nie padajace

Page 11: Grafika Komputerowa. Percepcja wizualna i modele barwusers.pja.edu.pl/~denisjuk/gk/wyklady/g02-barwy.pdfPercepcja wizualna i modele barw Percepcja informacji wizualnej Modele barw

Percepcja barwy

Percepcja informacji

wizualnej

informacja wizualna

Percepcja barwy

Teoria trzech kolorów

Teoria procesu

przeciwstawnego

Metameryzm

Modele barw

11 / 38

� nosnikiem percepcji wizualnej jest swiatło

� wrazenie wzrokowe wywołuje cały skład widma wpadajacego do oka

� sposób percepcji jest złozona funkcja

Page 12: Grafika Komputerowa. Percepcja wizualna i modele barwusers.pja.edu.pl/~denisjuk/gk/wyklady/g02-barwy.pdfPercepcja wizualna i modele barw Percepcja informacji wizualnej Modele barw

Sposób percepcji brawy zalezy od

Percepcja informacji

wizualnej

informacja wizualna

Percepcja barwy

Teoria trzech kolorów

Teoria procesu

przeciwstawnego

Metameryzm

Modele barw

12 / 38

� własciwosci zródła swiatła

� własciwosci osrdoka i odległosci miedzy zródłem a obiektem

� zdolnosci fizycznych obiektu do odbijania i/lub pochłoniania swiatła

o okreslonej długosci fal

� własciwosci otaczajacych obiektów

� stanu oka i systemu wzrokowego

� charakterystyk transmisyjnych receptorów i osrodków nerwowych

� poprzednich doswiadczen przy obserwowaniu podobnego obiektu

Page 13: Grafika Komputerowa. Percepcja wizualna i modele barwusers.pja.edu.pl/~denisjuk/gk/wyklady/g02-barwy.pdfPercepcja wizualna i modele barw Percepcja informacji wizualnej Modele barw

Wrazenie barwy

Percepcja informacji

wizualnej

informacja wizualna

Percepcja barwy

Teoria trzech kolorów

Teoria procesu

przeciwstawnego

Metameryzm

Modele barw

13 / 38

� nosnikiem wrazen barwnych jest swiatło

� emitowane przez zródło

� padajace na obiekt

� całkowicie odbite

� całkowicie pochłoniete

� czesciowo odbite i czesciowo pochłoniete

Page 14: Grafika Komputerowa. Percepcja wizualna i modele barwusers.pja.edu.pl/~denisjuk/gk/wyklady/g02-barwy.pdfPercepcja wizualna i modele barw Percepcja informacji wizualnej Modele barw

Wzrok i własciwosci widzenia

Percepcja informacji

wizualnej

informacja wizualna

Percepcja barwy

Teoria trzech kolorów

Teoria procesu

przeciwstawnego

Metameryzm

Modele barw

14 / 38

Page 15: Grafika Komputerowa. Percepcja wizualna i modele barwusers.pja.edu.pl/~denisjuk/gk/wyklady/g02-barwy.pdfPercepcja wizualna i modele barw Percepcja informacji wizualnej Modele barw

Receptory

Percepcja informacji

wizualnej

informacja wizualna

Percepcja barwy

Teoria trzech kolorów

Teoria procesu

przeciwstawnego

Metameryzm

Modele barw

15 / 38

� preciki — oswietlenie słabe

� czopki — oswietlenie intensywne, trzy rodzaje

Page 16: Grafika Komputerowa. Percepcja wizualna i modele barwusers.pja.edu.pl/~denisjuk/gk/wyklady/g02-barwy.pdfPercepcja wizualna i modele barw Percepcja informacji wizualnej Modele barw

Teoria trzech kolorów

Percepcja informacji

wizualnej

informacja wizualna

Percepcja barwy

Teoria trzech kolorów

Teoria procesu

przeciwstawnego

Metameryzm

Modele barw

16 / 38

� G. Palmer, 1777

� T. Young, 1801

� Helmholtz, 1850

(R,G,B) 7→ barwa

Page 17: Grafika Komputerowa. Percepcja wizualna i modele barwusers.pja.edu.pl/~denisjuk/gk/wyklady/g02-barwy.pdfPercepcja wizualna i modele barw Percepcja informacji wizualnej Modele barw

Wrazenie barwy

Percepcja informacji

wizualnej

informacja wizualna

Percepcja barwy

Teoria trzech kolorów

Teoria procesu

przeciwstawnego

Metameryzm

Modele barw

17 / 38

� obiekt jest oswietlany przez swiatło

� powierzchnia obiektu pochłania wszystkie składowe oprócz

odpowiadajacych obiektowi, a ten odbija je do detektora

� detektor (oko) odbirea odbite swiatło i sygnalizuje to mózgowi

� mózg wywołuje pewne wrazenie barwne

Page 18: Grafika Komputerowa. Percepcja wizualna i modele barwusers.pja.edu.pl/~denisjuk/gk/wyklady/g02-barwy.pdfPercepcja wizualna i modele barw Percepcja informacji wizualnej Modele barw

Mieszanie barw

Percepcja informacji

wizualnej

informacja wizualna

Percepcja barwy

Teoria trzech kolorów

Teoria procesu

przeciwstawnego

Metameryzm

Modele barw

18 / 38

� synteza addytywna.

� synteza subtraktywna.

(a) (b)

Figure VI.1: (a) The additive olors are red, green, and blue. (b) The

subtra tive olors are yan, magenta, and yellow. See olor plate C.2.

Page 19: Grafika Komputerowa. Percepcja wizualna i modele barwusers.pja.edu.pl/~denisjuk/gk/wyklady/g02-barwy.pdfPercepcja wizualna i modele barw Percepcja informacji wizualnej Modele barw

Teoria procesu przeciwstawnego

Percepcja informacji

wizualnej

informacja wizualna

Percepcja barwy

Teoria trzech kolorów

Teoria procesu

przeciwstawnego

Metameryzm

Modele barw

19 / 38

� Ewald Hering, 1878

ciemny ↔ jasny

R ↔ G

B ↔ Y

Page 20: Grafika Komputerowa. Percepcja wizualna i modele barwusers.pja.edu.pl/~denisjuk/gk/wyklady/g02-barwy.pdfPercepcja wizualna i modele barw Percepcja informacji wizualnej Modele barw

Metameryzm

Percepcja informacji

wizualnej

informacja wizualna

Percepcja barwy

Teoria trzech kolorów

Teoria procesu

przeciwstawnego

Metameryzm

Modele barw

20 / 38

� rózne barwy daja to same barwne wrazenie

� rózny odbiór barwy (np. zawartej w farbie) uzalezniony od rodzaju

swiatła.

� dwie substancje barwiace, ogladane w tym samym oswietleniu,

odczytywane sa jako zblizone, w innym oswietleniu jako rózniace sie

miedzy soba.

Page 21: Grafika Komputerowa. Percepcja wizualna i modele barwusers.pja.edu.pl/~denisjuk/gk/wyklady/g02-barwy.pdfPercepcja wizualna i modele barw Percepcja informacji wizualnej Modele barw

Modele barw

Percepcja informacji

wizualnej

Modele barw

Modele barw

Modele techniczne

Modele percepcyjne

Modele teoretyczne

21 / 38

Page 22: Grafika Komputerowa. Percepcja wizualna i modele barwusers.pja.edu.pl/~denisjuk/gk/wyklady/g02-barwy.pdfPercepcja wizualna i modele barw Percepcja informacji wizualnej Modele barw

Modele barw

Percepcja informacji

wizualnej

Modele barw

Modele barw

Modele techniczne

Modele percepcyjne

Modele teoretyczne

22 / 38

� okreslony trójwymiarowy układ współrzednych barwowych wraz

z widzialnym podzbiorem

� RGB, CMY(K), YUV, YIQ

� HSV, HLS

� CIE

Page 23: Grafika Komputerowa. Percepcja wizualna i modele barwusers.pja.edu.pl/~denisjuk/gk/wyklady/g02-barwy.pdfPercepcja wizualna i modele barw Percepcja informacji wizualnej Modele barw

Model RGB

Percepcja informacji

wizualnej

Modele barw

Modele barw

Modele techniczne

Modele percepcyjne

Modele teoretyczne

23 / 38

� 32 (24) bitów (true color, milions of colors) 8R+ 8G+ 8B + 8α� 16 bitów (high color, thousands of colors) 5R+ 5G+ 5B + 1α� 8 bitów 3R+ 3G+ 2B

Page 24: Grafika Komputerowa. Percepcja wizualna i modele barwusers.pja.edu.pl/~denisjuk/gk/wyklady/g02-barwy.pdfPercepcja wizualna i modele barw Percepcja informacji wizualnej Modele barw

Color Lookup Table

Percepcja informacji

wizualnej

Modele barw

Modele barw

Modele techniczne

Modele percepcyjne

Modele teoretyczne

24 / 38

� CLUT (LUT)

� Barwy indeksowane.

� GIF, PNG k-bitowy index

� kompresja

Page 25: Grafika Komputerowa. Percepcja wizualna i modele barwusers.pja.edu.pl/~denisjuk/gk/wyklady/g02-barwy.pdfPercepcja wizualna i modele barw Percepcja informacji wizualnej Modele barw

Web-safe Colors

Percepcja informacji

wizualnej

Modele barw

Modele barw

Modele techniczne

Modele percepcyjne

Modele teoretyczne

25 / 38

bezpieczna paleta kolorów

Kazda liczba złozona z par 00, 33, 66, 99, CC oraz FF odpowiada barwie

“bezpiecznej”.

63 = 216

Page 26: Grafika Komputerowa. Percepcja wizualna i modele barwusers.pja.edu.pl/~denisjuk/gk/wyklady/g02-barwy.pdfPercepcja wizualna i modele barw Percepcja informacji wizualnej Modele barw

Model CMYK

Percepcja informacji

wizualnej

Modele barw

Modele barw

Modele techniczne

Modele percepcyjne

Modele teoretyczne

26 / 38

C = 1− R

M = 1− G

Y = 1− B

� Proceudra generowania czerni (component colors replacement, ccr)

Page 27: Grafika Komputerowa. Percepcja wizualna i modele barwusers.pja.edu.pl/~denisjuk/gk/wyklady/g02-barwy.pdfPercepcja wizualna i modele barw Percepcja informacji wizualnej Modele barw

Modele telewizyjne

Percepcja informacji

wizualnej

Modele barw

Modele barw

Modele techniczne

Modele percepcyjne

Modele teoretyczne

27 / 38

� YUV

Y

U

V

=

0,299 0,587 0,114−0,14713 −0,28886 0,4360,615 −0,51499 −0,10001

R

G

B

� PAL

Page 28: Grafika Komputerowa. Percepcja wizualna i modele barwusers.pja.edu.pl/~denisjuk/gk/wyklady/g02-barwy.pdfPercepcja wizualna i modele barw Percepcja informacji wizualnej Modele barw

YUV, przykład

Percepcja informacji

wizualnej

Modele barw

Modele barw

Modele techniczne

Modele percepcyjne

Modele teoretyczne

28 / 38

Page 29: Grafika Komputerowa. Percepcja wizualna i modele barwusers.pja.edu.pl/~denisjuk/gk/wyklady/g02-barwy.pdfPercepcja wizualna i modele barw Percepcja informacji wizualnej Modele barw

YIQ

Percepcja informacji

wizualnej

Modele barw

Modele barw

Modele techniczne

Modele percepcyjne

Modele teoretyczne

29 / 38

� Luminance-Inphase-Quadrature

Y

I

Q

=

0,299 0,587 0,1140,596 −0,275 −0,3210,212 −0,528 0,311

R

G

B

� NTSC

Page 30: Grafika Komputerowa. Percepcja wizualna i modele barwusers.pja.edu.pl/~denisjuk/gk/wyklady/g02-barwy.pdfPercepcja wizualna i modele barw Percepcja informacji wizualnej Modele barw

YCbCr

Percepcja informacji

wizualnej

Modele barw

Modele barw

Modele techniczne

Modele percepcyjne

Modele teoretyczne

30 / 38

� systemy fotograficzne i wideo

R

G

B

=

1,0 0,0 1,402101,0 −0,34414 −0,714141,0 1,77180 0,0

Y

Cb − 128Cr − 128

� podstawa JPEG

Page 31: Grafika Komputerowa. Percepcja wizualna i modele barwusers.pja.edu.pl/~denisjuk/gk/wyklady/g02-barwy.pdfPercepcja wizualna i modele barw Percepcja informacji wizualnej Modele barw

Percepcyjne atrybuty barwy

Percepcja informacji

wizualnej

Modele barw

Modele barw

Modele techniczne

Modele percepcyjne

Modele teoretyczne

31 / 38

� odcien

� nasycenie

� jasnosc (jaskrawosc)

Page 32: Grafika Komputerowa. Percepcja wizualna i modele barwusers.pja.edu.pl/~denisjuk/gk/wyklady/g02-barwy.pdfPercepcja wizualna i modele barw Percepcja informacji wizualnej Modele barw

Model HSV

Percepcja informacji

wizualnej

Modele barw

Modele barw

Modele techniczne

Modele percepcyjne

Modele teoretyczne

32 / 38

� Hue — Odcien (0◦–360◦)� Saturation — nasycenie (0–1)

� Value (Brightness) — jaskrawosc

Page 33: Grafika Komputerowa. Percepcja wizualna i modele barwusers.pja.edu.pl/~denisjuk/gk/wyklady/g02-barwy.pdfPercepcja wizualna i modele barw Percepcja informacji wizualnej Modele barw

Model HSL

Percepcja informacji

wizualnej

Modele barw

Modele barw

Modele techniczne

Modele percepcyjne

Modele teoretyczne

33 / 38

� Hue — Odcien (0◦–360◦)� Saturation — nasycenie (0–1)

� Luminance — luminancja (srednie swiatło białe, 0–1)

Red

YellowGreen

Cyan

Blue

Magenta

Figure VI.2: Hue is measured in degrees, representing an angle around the olor

wheel. Pure red has hue equal to 0, pure green has hue equal to 120, and pure

blue has hue equal to 240. See olor plate C.3.

Page 34: Grafika Komputerowa. Percepcja wizualna i modele barwusers.pja.edu.pl/~denisjuk/gk/wyklady/g02-barwy.pdfPercepcja wizualna i modele barw Percepcja informacji wizualnej Modele barw

HSV a HSL

Percepcja informacji

wizualnej

Modele barw

Modele barw

Modele techniczne

Modele percepcyjne

Modele teoretyczne

34 / 38

Page 35: Grafika Komputerowa. Percepcja wizualna i modele barwusers.pja.edu.pl/~denisjuk/gk/wyklady/g02-barwy.pdfPercepcja wizualna i modele barw Percepcja informacji wizualnej Modele barw

RGB 7→HSL

Percepcja informacji

wizualnej

Modele barw

Modele barw

Modele techniczne

Modele percepcyjne

Modele teoretyczne

35 / 38

Wejscie: R, G, B

Wynik: H , S, L

Max ← max{R,G,B}Min ← min{R,G,B}∆← Max −Min

L← Max+Min

2if Max == Min then

S ← 0; H ← 0

else

if L < 12

then

S ← ∆

Max+Min

else

S ← ∆

2−Min−Max

end if

if R == Max then

H ← 60G−B

∆if H < 0 then

H = 360 +H

end if

else if G == Max then

H ← 120 + 60B−R

∆else

H ← 240 + 60R−G

∆end if

end if

Page 36: Grafika Komputerowa. Percepcja wizualna i modele barwusers.pja.edu.pl/~denisjuk/gk/wyklady/g02-barwy.pdfPercepcja wizualna i modele barw Percepcja informacji wizualnej Modele barw

Standard CIE

Percepcja informacji

wizualnej

Modele barw

Modele barw

Modele techniczne

Modele percepcyjne

Modele teoretyczne

36 / 38

� 1931, Comission Internationale de l’Eclairage: CIE-RGB, CIE-XYZ

Page 37: Grafika Komputerowa. Percepcja wizualna i modele barwusers.pja.edu.pl/~denisjuk/gk/wyklady/g02-barwy.pdfPercepcja wizualna i modele barw Percepcja informacji wizualnej Modele barw

Przestrzenie barw percepcyjnie równomierne

Percepcja informacji

wizualnej

Modele barw

Modele barw

Modele techniczne

Modele percepcyjne

Modele teoretyczne

37 / 38

� CIE-Lu*v* (LUV)

Page 38: Grafika Komputerowa. Percepcja wizualna i modele barwusers.pja.edu.pl/~denisjuk/gk/wyklady/g02-barwy.pdfPercepcja wizualna i modele barw Percepcja informacji wizualnej Modele barw

CIE-La*b* (LAB)

Percepcja informacji

wizualnej

Modele barw

Modele barw

Modele techniczne

Modele percepcyjne

Modele teoretyczne

38 / 38