Top Banner
Adam Korzeniewski [email protected] p. 732 - Katedra Systemów Multimedialnych
29

Adam Korzeniewski [email protected] Katedra ... · Zastosowania grafiki komputerowej Światło widzialne Fizjologia narządu wzroku Metody powstawania barw Modele barw

Mar 01, 2019

Download

Documents

buianh
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: Adam Korzeniewski adamkorz@sound.eti.pg.gda.pl Katedra ... · Zastosowania grafiki komputerowej Światło widzialne Fizjologia narządu wzroku Metody powstawania barw Modele barw

Adam Korzeniewski [email protected] p. 732 - Katedra Systemów Multimedialnych

Page 2: Adam Korzeniewski adamkorz@sound.eti.pg.gda.pl Katedra ... · Zastosowania grafiki komputerowej Światło widzialne Fizjologia narządu wzroku Metody powstawania barw Modele barw

Zastosowania grafiki komputerowej Światło widzialne Fizjologia narządu wzroku Metody powstawania barw Modele barw i prezentacja obrazu Tworzenie grafiki komputerowej Przetwarzanie grafiki – podstawowe Przetwarzanie grafiki – zaawansowane

Page 3: Adam Korzeniewski adamkorz@sound.eti.pg.gda.pl Katedra ... · Zastosowania grafiki komputerowej Światło widzialne Fizjologia narządu wzroku Metody powstawania barw Modele barw

Interfejsy użytkownika Graficzna prezentacja danych Kartografia Obrazy medyczne Projektowanie wspomagane komputerowo (CAD) Systemy multimedialne Animacje i wideo Projektowanie użytkowe Sztuka (często w połączeniu z fotografią)

Page 4: Adam Korzeniewski adamkorz@sound.eti.pg.gda.pl Katedra ... · Zastosowania grafiki komputerowej Światło widzialne Fizjologia narządu wzroku Metody powstawania barw Modele barw

Źródło grafiki: https://pl.khanacademy.org

Page 5: Adam Korzeniewski adamkorz@sound.eti.pg.gda.pl Katedra ... · Zastosowania grafiki komputerowej Światło widzialne Fizjologia narządu wzroku Metody powstawania barw Modele barw

Źródło grafiki: http://kosmosbeztajemnic.blogspot.com

Page 6: Adam Korzeniewski adamkorz@sound.eti.pg.gda.pl Katedra ... · Zastosowania grafiki komputerowej Światło widzialne Fizjologia narządu wzroku Metody powstawania barw Modele barw

oko jest bardziej wrażliwe na zmiany luminancji niż chrominancji;

pręciki (100 mln) dla detekcji składowych luminancji

3 rodzaje czopków (9 mln) do detekcji koloru

bezwładność wzroku ludzkiego – czas przetworzenia pojedynczego obrazu, powstałego na siatkówce wynosi ok. 0,15-0,30 s;

zdolność całkująca wzroku ludzkiego – liczba dostrzeganych szczegółów zależna od odległości oka od obserwowanego obiektu; przyjmuje się rozdzielczość kątową równą 1 minucie (1/60 stopnia)

Page 7: Adam Korzeniewski adamkorz@sound.eti.pg.gda.pl Katedra ... · Zastosowania grafiki komputerowej Światło widzialne Fizjologia narządu wzroku Metody powstawania barw Modele barw

oko jest najbardziej wrażliwe na długości fal odpowiadające kolorowi zielonemu

Źródło grafiki: Wikipedia

Page 8: Adam Korzeniewski adamkorz@sound.eti.pg.gda.pl Katedra ... · Zastosowania grafiki komputerowej Światło widzialne Fizjologia narządu wzroku Metody powstawania barw Modele barw

Emisja światła - zachodzi m.in. w aparatach

fotograficznych, kamerach, kolor wynikowy to

kombinacja 3 kolorów podstawowych: czerwonego, zielonego, niebieskiego

Źródło grafiki: https://www.youtube.com/watch?v=aqjvQ2h5Ey4

Page 9: Adam Korzeniewski adamkorz@sound.eti.pg.gda.pl Katedra ... · Zastosowania grafiki komputerowej Światło widzialne Fizjologia narządu wzroku Metody powstawania barw Modele barw

Odbijanie światła – kolory na wydruku, na powierzchniach które same nie emitują światła

Czerwony

Zielony Niebieski

Purpurowy Żółty

Cyjan

Page 10: Adam Korzeniewski adamkorz@sound.eti.pg.gda.pl Katedra ... · Zastosowania grafiki komputerowej Światło widzialne Fizjologia narządu wzroku Metody powstawania barw Modele barw

RGB (monitory, addytywna metoda tworzenia barw);

CMY (drukarki, plotery itp., subtraktywna metoda tworzenia barw);

YUV (telewizja kolorowa); HSV (odcień barwy, nasycenie,

wartość,”artystyczny” model barw, tinty, cienie, tony);

Istnieje możliwość konwersji między różnymi modelami barw.

Page 11: Adam Korzeniewski adamkorz@sound.eti.pg.gda.pl Katedra ... · Zastosowania grafiki komputerowej Światło widzialne Fizjologia narządu wzroku Metody powstawania barw Modele barw

Źródło grafiki: https://commons.wikimedia.org/wiki/File:HSV_color_solid_cone.png

Page 12: Adam Korzeniewski adamkorz@sound.eti.pg.gda.pl Katedra ... · Zastosowania grafiki komputerowej Światło widzialne Fizjologia narządu wzroku Metody powstawania barw Modele barw

Źródło grafiki: http://blog.michalgosk.com/przestrzen-barw/

HSB = HSV

Hue

Saturation

Brightness

Page 13: Adam Korzeniewski adamkorz@sound.eti.pg.gda.pl Katedra ... · Zastosowania grafiki komputerowej Światło widzialne Fizjologia narządu wzroku Metody powstawania barw Modele barw

sRGB czy Adobe RGB?

sRGB – 35%

AdobeRGB – 50%

Standard – sRGB Zaawansowane

AdobeRGB

Page 14: Adam Korzeniewski adamkorz@sound.eti.pg.gda.pl Katedra ... · Zastosowania grafiki komputerowej Światło widzialne Fizjologia narządu wzroku Metody powstawania barw Modele barw

Profil ICC – „instrukcja” do kolorów urządzenia Dlaczego kolory są inne? Rozbieżność w konstrukcji monitorów Różne ustawienia Preferencje programów graficznych Nieprawidłowa praca z profilami ICC Rozbieżność w konstrukcji drukarek Nieznane profile drukarek i drukarni Ograniczenia technologii

Page 15: Adam Korzeniewski adamkorz@sound.eti.pg.gda.pl Katedra ... · Zastosowania grafiki komputerowej Światło widzialne Fizjologia narządu wzroku Metody powstawania barw Modele barw

Monitor - punkty o składowych RGB

Drukarka - nakładanie kolejnych warstw farby

według metody subtraktywnej;

Obrazy czarno-białe - wydruk techniką

mikrowzorów, półtony (dithering)

Źródło grafiki: https://hidefcolor.com/

Page 16: Adam Korzeniewski adamkorz@sound.eti.pg.gda.pl Katedra ... · Zastosowania grafiki komputerowej Światło widzialne Fizjologia narządu wzroku Metody powstawania barw Modele barw

Jakie zastosowanie? Rastrowa czy wektorowa? Oprogramowanie? Tworzenie od zera czy przetwarzanie?

Tablet graficzny?

Kartka papieru + skaner?

Myszka?

Page 17: Adam Korzeniewski adamkorz@sound.eti.pg.gda.pl Katedra ... · Zastosowania grafiki komputerowej Światło widzialne Fizjologia narządu wzroku Metody powstawania barw Modele barw

Fotomontaż, grafika rastrowa, darmowe oprogramowanie:

GIMP

Plakat, grafika wektorowa, darmowe oprogramowanie:

Inkscape

Page 18: Adam Korzeniewski adamkorz@sound.eti.pg.gda.pl Katedra ... · Zastosowania grafiki komputerowej Światło widzialne Fizjologia narządu wzroku Metody powstawania barw Modele barw

Układ elementów Rozmieszczenie Głębia

Kolorystyka Harmonia Odcienie Oświetlenie

Page 19: Adam Korzeniewski adamkorz@sound.eti.pg.gda.pl Katedra ... · Zastosowania grafiki komputerowej Światło widzialne Fizjologia narządu wzroku Metody powstawania barw Modele barw

Jasność (Brightness)

Page 20: Adam Korzeniewski adamkorz@sound.eti.pg.gda.pl Katedra ... · Zastosowania grafiki komputerowej Światło widzialne Fizjologia narządu wzroku Metody powstawania barw Modele barw

Kontrast (Contrast)

Page 21: Adam Korzeniewski adamkorz@sound.eti.pg.gda.pl Katedra ... · Zastosowania grafiki komputerowej Światło widzialne Fizjologia narządu wzroku Metody powstawania barw Modele barw

Jasność (Brightness)

Kontrast (Contrast)

Page 22: Adam Korzeniewski adamkorz@sound.eti.pg.gda.pl Katedra ... · Zastosowania grafiki komputerowej Światło widzialne Fizjologia narządu wzroku Metody powstawania barw Modele barw

Histogramy / Poziomy (Levels) ilość pikseli o danej

jasności w zakresie brak informacji

o rozmieszczeniu pikseli

zmiana jasności, balansu kolorów…

Page 23: Adam Korzeniewski adamkorz@sound.eti.pg.gda.pl Katedra ... · Zastosowania grafiki komputerowej Światło widzialne Fizjologia narządu wzroku Metody powstawania barw Modele barw

Histogramy / Poziomy (Levels)

Page 24: Adam Korzeniewski adamkorz@sound.eti.pg.gda.pl Katedra ... · Zastosowania grafiki komputerowej Światło widzialne Fizjologia narządu wzroku Metody powstawania barw Modele barw

Krzywe (Curves) zależność jasności

wyjściowej pikseli od jasności wejściowej

efekt zmiany jasności efekt zmiany kontrastu negatyw posteryzacja

Page 25: Adam Korzeniewski adamkorz@sound.eti.pg.gda.pl Katedra ... · Zastosowania grafiki komputerowej Światło widzialne Fizjologia narządu wzroku Metody powstawania barw Modele barw

Krzywe (curves)

Page 26: Adam Korzeniewski adamkorz@sound.eti.pg.gda.pl Katedra ... · Zastosowania grafiki komputerowej Światło widzialne Fizjologia narządu wzroku Metody powstawania barw Modele barw

Progowanie (Threshold) - binaryzacja

Page 27: Adam Korzeniewski adamkorz@sound.eti.pg.gda.pl Katedra ... · Zastosowania grafiki komputerowej Światło widzialne Fizjologia narządu wzroku Metody powstawania barw Modele barw

Posteryzacja (Posterize)

Page 28: Adam Korzeniewski adamkorz@sound.eti.pg.gda.pl Katedra ... · Zastosowania grafiki komputerowej Światło widzialne Fizjologia narządu wzroku Metody powstawania barw Modele barw

Warstwy (Layers) coś w rodzaju folii/przeźrocza, na którym

można umieścić jeden lub więcej elementów grafiki

każda warstwa może mieć różny stopień przezroczystości a także dodatkowe maski (wycięcia obszarów)

tło (background) to warstwa podłoża, której nie można przemieszczać i nie można zmieniać jej przezroczystości

Page 29: Adam Korzeniewski adamkorz@sound.eti.pg.gda.pl Katedra ... · Zastosowania grafiki komputerowej Światło widzialne Fizjologia narządu wzroku Metody powstawania barw Modele barw

KONIEC