ZPG -01 · 2008. 8. 4. · Základnítypy obrazových formátůsouborů BMP –windowsbitmap...
Transcript of ZPG -01 · 2008. 8. 4. · Základnítypy obrazových formátůsouborů BMP –windowsbitmap...
![Page 1: ZPG -01 · 2008. 8. 4. · Základnítypy obrazových formátůsouborů BMP –windowsbitmap –bitovámapa v daném rozlišenía barevnéhloubce JPG/JPEG –obrazováztrátovákomprese](https://reader036.fdocuments.net/reader036/viewer/2022071107/5fe1b41d6b6d4e64aa634108/html5/thumbnails/1.jpg)
ZPG - 01
POČÍTAČOVÁ GRAFIKA
![Page 2: ZPG -01 · 2008. 8. 4. · Základnítypy obrazových formátůsouborů BMP –windowsbitmap –bitovámapa v daném rozlišenía barevnéhloubce JPG/JPEG –obrazováztrátovákomprese](https://reader036.fdocuments.net/reader036/viewer/2022071107/5fe1b41d6b6d4e64aa634108/html5/thumbnails/2.jpg)
Co patří do počítačové grafiky
Grafický HW – princip zobrazování, monitory, grafické karty
Klasická vektorovágrafika – teorie a grafické editory
Klasická rastrovágrafika – teorie a grafické editory
DTP – desktop publishing –využití a tvorba
Multimédia – tvorba a zpracování videa
Grafický návrh a tvorba www
CAD – podpora pro konstruování a návrh
3D modelování a animace
Zpracování digitálních fotografií
Teorie grafického zobrazení – barevnémodely, grafickéformáty, … Počítačové
hry
Grafické algoritmy – teorie (rasterizace, ořezávání, vyplňování, transformace, křivky, 3D, textury, …)
Programovánígrafických aplikací
Nelineárnídeformace obrazu – warping, morfing
Virtuálnírealita
Fraktály
Grafické a multimediálníprocesory -HW
![Page 3: ZPG -01 · 2008. 8. 4. · Základnítypy obrazových formátůsouborů BMP –windowsbitmap –bitovámapa v daném rozlišenía barevnéhloubce JPG/JPEG –obrazováztrátovákomprese](https://reader036.fdocuments.net/reader036/viewer/2022071107/5fe1b41d6b6d4e64aa634108/html5/thumbnails/3.jpg)
Témata tohoto předmětu
� Základní informace o barevných modelech a principech zobrazování
� Vektorové editory – praktická tvorba� Rastrové editory – praktická tvorba� Zpracování digitální fotografie
� ! Témata závisí na vašich znalostech a oblastech zájmu !
![Page 4: ZPG -01 · 2008. 8. 4. · Základnítypy obrazových formátůsouborů BMP –windowsbitmap –bitovámapa v daném rozlišenía barevnéhloubce JPG/JPEG –obrazováztrátovákomprese](https://reader036.fdocuments.net/reader036/viewer/2022071107/5fe1b41d6b6d4e64aa634108/html5/thumbnails/4.jpg)
Proč je grafika důležitá
� Vnímání� Popis informací – textově a graficky
� Interpretace informace:� Fyzické parametry� Úhel pohledu� Představivost� Znalosti a zkušenosti
![Page 5: ZPG -01 · 2008. 8. 4. · Základnítypy obrazových formátůsouborů BMP –windowsbitmap –bitovámapa v daném rozlišenía barevnéhloubce JPG/JPEG –obrazováztrátovákomprese](https://reader036.fdocuments.net/reader036/viewer/2022071107/5fe1b41d6b6d4e64aa634108/html5/thumbnails/5.jpg)
Lidské vnímání a optický klam
![Page 6: ZPG -01 · 2008. 8. 4. · Základnítypy obrazových formátůsouborů BMP –windowsbitmap –bitovámapa v daném rozlišenía barevnéhloubce JPG/JPEG –obrazováztrátovákomprese](https://reader036.fdocuments.net/reader036/viewer/2022071107/5fe1b41d6b6d4e64aa634108/html5/thumbnails/6.jpg)
Vektorová a rastrová grafika� Vektorová
� Obraz je reprezentován matematickým popisem jednotlivých prvků
� Skládá se z entit (úsečka, křivka, …) a jejich parametrů
� Matematické transformace, kvalita nezávisí na zvětšení …
� Rastrová� Každý bod obrazu je popsán zvlášť
hodnotou nebo vektorem� Obraz tvoří matice bodů� Věrné uchování obrazu
![Page 7: ZPG -01 · 2008. 8. 4. · Základnítypy obrazových formátůsouborů BMP –windowsbitmap –bitovámapa v daném rozlišenía barevnéhloubce JPG/JPEG –obrazováztrátovákomprese](https://reader036.fdocuments.net/reader036/viewer/2022071107/5fe1b41d6b6d4e64aa634108/html5/thumbnails/7.jpg)
Vnímání barev
� Světlo – elmag. Záření
� Barva – světlo určitévlnové délky (λ) nebo spektra
� Vnímání: oko (tyčinky – intenzita, čípky –barva) + mozek (vyhodnocení a úprava)
![Page 8: ZPG -01 · 2008. 8. 4. · Základnítypy obrazových formátůsouborů BMP –windowsbitmap –bitovámapa v daném rozlišenía barevnéhloubce JPG/JPEG –obrazováztrátovákomprese](https://reader036.fdocuments.net/reader036/viewer/2022071107/5fe1b41d6b6d4e64aa634108/html5/thumbnails/8.jpg)
Barevné modely 1
� Skládání barev� Použití modelů
(RGB – monitory, CMY – tiskárny)
Barva je tvořena vektorem:
C = [r,g,b] = r R + g G + b B
![Page 9: ZPG -01 · 2008. 8. 4. · Základnítypy obrazových formátůsouborů BMP –windowsbitmap –bitovámapa v daném rozlišenía barevnéhloubce JPG/JPEG –obrazováztrátovákomprese](https://reader036.fdocuments.net/reader036/viewer/2022071107/5fe1b41d6b6d4e64aa634108/html5/thumbnails/9.jpg)
Barevné modely 2 - CIExy� CIE komise (International
Commission on Illumination ) 1931
� Nanesení slunečního barevného spektra – locusbarev
� Gamut – podmnožina locu� Každé zařízení má jiné
barevné možnosti – jiný gamut – nutné korekce…
� Pozn. Existují další barevnémodely (CIEu*v*, HLS, HSV, …)
![Page 10: ZPG -01 · 2008. 8. 4. · Základnítypy obrazových formátůsouborů BMP –windowsbitmap –bitovámapa v daném rozlišenía barevnéhloubce JPG/JPEG –obrazováztrátovákomprese](https://reader036.fdocuments.net/reader036/viewer/2022071107/5fe1b41d6b6d4e64aa634108/html5/thumbnails/10.jpg)
Další základní pojmy grafiky� DPI(dots per inch) … počet obrazových bodů na palec, které
konkrétní zařízení vytváří. Obrazovka, tiskárna, scanner,…� Obrazové rozlišení – kolik bodů má obraz nebo v jakém
rozlišení pracuje zařízení (např. 1024x768)
� Barevné rozlišení (barevná hloubka, počet barev v obrázku) –kolik barev umí zobrazit rozlišení (nebo jaké má konkrétníobrázek)
![Page 11: ZPG -01 · 2008. 8. 4. · Základnítypy obrazových formátůsouborů BMP –windowsbitmap –bitovámapa v daném rozlišenía barevnéhloubce JPG/JPEG –obrazováztrátovákomprese](https://reader036.fdocuments.net/reader036/viewer/2022071107/5fe1b41d6b6d4e64aa634108/html5/thumbnails/11.jpg)
Základní typy obrazových formátů souborů
� BMP – windows bitmap – bitová mapa v daném rozlišení a barevné hloubce� JPG/JPEG – obrazová ztrátová komprese� GIF – bezeztrátová komprese, nízká paleta barev, možnost animace� PNG – neztrátová komprese, až 32b barevná hloubka …� TIFF – neztrátová komprese, vysoká rozlišení, podpora ukládání dalších dat
(cesty, kanály, …)� WMF – windows vektorový formát� A další …
� CDR – Corel Draw, PSD – Adobe Photoshop, AI – Adobe Illustrator, PS – post script, PDF – portable document file, MPEG, AVI, WMV – videosoubory, ………..
� Mnoho specializovaných aplikací na zpracování grafiky má svůj vlastní formát pro ukládání dat, ale jsou často schopny otevřít standardní rozšířené formáty nebo importovat formáty jiných aplikací
![Page 12: ZPG -01 · 2008. 8. 4. · Základnítypy obrazových formátůsouborů BMP –windowsbitmap –bitovámapa v daném rozlišenía barevnéhloubce JPG/JPEG –obrazováztrátovákomprese](https://reader036.fdocuments.net/reader036/viewer/2022071107/5fe1b41d6b6d4e64aa634108/html5/thumbnails/12.jpg)
Příklady z možností počítačovégrafiky
![Page 13: ZPG -01 · 2008. 8. 4. · Základnítypy obrazových formátůsouborů BMP –windowsbitmap –bitovámapa v daném rozlišenía barevnéhloubce JPG/JPEG –obrazováztrátovákomprese](https://reader036.fdocuments.net/reader036/viewer/2022071107/5fe1b41d6b6d4e64aa634108/html5/thumbnails/13.jpg)
Grafický HW
![Page 14: ZPG -01 · 2008. 8. 4. · Základnítypy obrazových formátůsouborů BMP –windowsbitmap –bitovámapa v daném rozlišenía barevnéhloubce JPG/JPEG –obrazováztrátovákomprese](https://reader036.fdocuments.net/reader036/viewer/2022071107/5fe1b41d6b6d4e64aa634108/html5/thumbnails/14.jpg)
Princip 3D zobrazení
![Page 15: ZPG -01 · 2008. 8. 4. · Základnítypy obrazových formátůsouborů BMP –windowsbitmap –bitovámapa v daném rozlišenía barevnéhloubce JPG/JPEG –obrazováztrátovákomprese](https://reader036.fdocuments.net/reader036/viewer/2022071107/5fe1b41d6b6d4e64aa634108/html5/thumbnails/15.jpg)
Vektorové editory
![Page 16: ZPG -01 · 2008. 8. 4. · Základnítypy obrazových formátůsouborů BMP –windowsbitmap –bitovámapa v daném rozlišenía barevnéhloubce JPG/JPEG –obrazováztrátovákomprese](https://reader036.fdocuments.net/reader036/viewer/2022071107/5fe1b41d6b6d4e64aa634108/html5/thumbnails/16.jpg)
Rastrové editory
![Page 17: ZPG -01 · 2008. 8. 4. · Základnítypy obrazových formátůsouborů BMP –windowsbitmap –bitovámapa v daném rozlišenía barevnéhloubce JPG/JPEG –obrazováztrátovákomprese](https://reader036.fdocuments.net/reader036/viewer/2022071107/5fe1b41d6b6d4e64aa634108/html5/thumbnails/17.jpg)
CAD
![Page 18: ZPG -01 · 2008. 8. 4. · Základnítypy obrazových formátůsouborů BMP –windowsbitmap –bitovámapa v daném rozlišenía barevnéhloubce JPG/JPEG –obrazováztrátovákomprese](https://reader036.fdocuments.net/reader036/viewer/2022071107/5fe1b41d6b6d4e64aa634108/html5/thumbnails/18.jpg)
3D modelování
![Page 19: ZPG -01 · 2008. 8. 4. · Základnítypy obrazových formátůsouborů BMP –windowsbitmap –bitovámapa v daném rozlišenía barevnéhloubce JPG/JPEG –obrazováztrátovákomprese](https://reader036.fdocuments.net/reader036/viewer/2022071107/5fe1b41d6b6d4e64aa634108/html5/thumbnails/19.jpg)
Programování grafických aplikací
![Page 20: ZPG -01 · 2008. 8. 4. · Základnítypy obrazových formátůsouborů BMP –windowsbitmap –bitovámapa v daném rozlišenía barevnéhloubce JPG/JPEG –obrazováztrátovákomprese](https://reader036.fdocuments.net/reader036/viewer/2022071107/5fe1b41d6b6d4e64aa634108/html5/thumbnails/20.jpg)
Metody renderingu, transformací, osvětlení, stínování a texturování
![Page 21: ZPG -01 · 2008. 8. 4. · Základnítypy obrazových formátůsouborů BMP –windowsbitmap –bitovámapa v daném rozlišenía barevnéhloubce JPG/JPEG –obrazováztrátovákomprese](https://reader036.fdocuments.net/reader036/viewer/2022071107/5fe1b41d6b6d4e64aa634108/html5/thumbnails/21.jpg)
Volume rendering – praktickévyužití
![Page 22: ZPG -01 · 2008. 8. 4. · Základnítypy obrazových formátůsouborů BMP –windowsbitmap –bitovámapa v daném rozlišenía barevnéhloubce JPG/JPEG –obrazováztrátovákomprese](https://reader036.fdocuments.net/reader036/viewer/2022071107/5fe1b41d6b6d4e64aa634108/html5/thumbnails/22.jpg)
VR
![Page 23: ZPG -01 · 2008. 8. 4. · Základnítypy obrazových formátůsouborů BMP –windowsbitmap –bitovámapa v daném rozlišenía barevnéhloubce JPG/JPEG –obrazováztrátovákomprese](https://reader036.fdocuments.net/reader036/viewer/2022071107/5fe1b41d6b6d4e64aa634108/html5/thumbnails/23.jpg)
Morfing, warping
morfing
warping
![Page 24: ZPG -01 · 2008. 8. 4. · Základnítypy obrazových formátůsouborů BMP –windowsbitmap –bitovámapa v daném rozlišenía barevnéhloubce JPG/JPEG –obrazováztrátovákomprese](https://reader036.fdocuments.net/reader036/viewer/2022071107/5fe1b41d6b6d4e64aa634108/html5/thumbnails/24.jpg)
Fraktály
![Page 25: ZPG -01 · 2008. 8. 4. · Základnítypy obrazových formátůsouborů BMP –windowsbitmap –bitovámapa v daném rozlišenía barevnéhloubce JPG/JPEG –obrazováztrátovákomprese](https://reader036.fdocuments.net/reader036/viewer/2022071107/5fe1b41d6b6d4e64aa634108/html5/thumbnails/25.jpg)
HRY
![Page 26: ZPG -01 · 2008. 8. 4. · Základnítypy obrazových formátůsouborů BMP –windowsbitmap –bitovámapa v daném rozlišenía barevnéhloubce JPG/JPEG –obrazováztrátovákomprese](https://reader036.fdocuments.net/reader036/viewer/2022071107/5fe1b41d6b6d4e64aa634108/html5/thumbnails/26.jpg)
KONEC