Adam Korzeniewski adamkorz@sound.eti.pg.gda.pl p. 732 - Katedra Systemów Multimedialnych

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

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ą)

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

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

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)

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

Źródło grafiki: Wikipedia

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

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

Czerwony

Zielony Niebieski

Purpurowy Żółty

Cyjan

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.

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

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

HSB = HSV

Hue

Saturation

Brightness

sRGB czy Adobe RGB?

sRGB – 35%

AdobeRGB – 50%

Standard – sRGB Zaawansowane

AdobeRGB

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

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/

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

Tablet graficzny?

Kartka papieru + skaner?

Myszka?

Fotomontaż, grafika rastrowa, darmowe oprogramowanie:

GIMP

Plakat, grafika wektorowa, darmowe oprogramowanie:

Inkscape

Układ elementów Rozmieszczenie Głębia

Kolorystyka Harmonia Odcienie Oświetlenie

Jasność (Brightness)

Kontrast (Contrast)

Jasność (Brightness)

Kontrast (Contrast)

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

jasności w zakresie brak informacji

o rozmieszczeniu pikseli

zmiana jasności, balansu kolorów…

Histogramy / Poziomy (Levels)

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

wyjściowej pikseli od jasności wejściowej

efekt zmiany jasności efekt zmiany kontrastu negatyw posteryzacja

Krzywe (curves)

Progowanie (Threshold) - binaryzacja

Posteryzacja (Posterize)

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

KONIEC