Střední hotelová škola, s.r.o. Floriánské náměstí 350, 272 01 Kladno Digitální učební materiál Číslo projektu Název projektu Název školy Předmět Tematický okruh Téma CZ.1.07/1.5.00/34.0112 Moderní škola Střední hotelová škola, s.r.o., Floriánské nám. 350, Kladno Informatika Počítačová grafika Základní pojmy počítačové grafiky Ročník 3. Jméno autora Ing. Pavel Chaloupka Datum tvorby 12.11.2012 Anotace Úvod do tematického okruhu. Prezentace podporuje výklad základních pojmů počítačové grafiky. Doporučuji prokládat praktickými ukázkami vlastností rastrové a vektorové grafiky (vytvoření jednoduchého obr. v rastrovém a vektorovém editoru a jejich porovnání, míchání barev, ukládání rastrů v různých formátech). Závěrečnou tabulku si žáci zkusí vyplnit částečně sami na základě hledání v otevřených informačních zdrojích, s následnou kontrolou a diskusí. Takto pojatý DUM představuje náplň cca 2 až 3 vyučovacích hodin, při použití jen k výkladu (nedoporučuji) pak hodiny jedné.
Počítačová grafika základní pojmy
Rozdělení počítačové grafiky Rastrová (bitmapová) Vektorová
Porovnání: Rastry (bitmapy) Vektory Čím je tvořen obraz Pixely pixel je nejmenší barevný bod obrazu; je popsán svou pozicí v rastru (řádek, sloupec) a BARVOU objekty (např. geom. tvary); jsou popsány matematickými vektorovými rovnicemi a BARVOU Výhody / nevýhody ztráta kvality při možnost zvětšovat/zmenšovat zvětšování/zmenšování obraz bez ztráty kvality obrazu možnost pracovat nemožnost snadno pracovat s jednotlivými objekty s jednotlivými částmi samostatně zpravidla větší soubory zpravidla mnohem menší snadné pořízení obrázku soubory (dig. foťák, skener) pracné pořízení obrázků (nutno lze publikovat na webových nakreslit) stránkách nelze publikovat na web. str.
Využití v praxi: Rastry (bitmapy) Vektory Typické využití v praxi Fotky Kresby, loga, plakáty, letáky, vizitky,
Barvy v počítačové grafice barevné modely aditivní (sčítací) model subtraktivní (odčítací) model barevná hloubka tj. počet možných barev (barevných odstínů)
Barevné modely aditivní (sčítací) model popisuje barvy vytvářené světelnými zdroji (monitor, projektor, ) jednotlivé odstíny lze získat smícháním tří základních barev: červené (RED) zelené (GREEN) modré (BLUE) název: RGB
Barevné modely subtraktivní (odčítací) model popisuje barvy vytvářené při tisku jednotlivé odstíny lze získat smícháním tří základních barev: tyrkysové (Cyan) purpurové (Magenta) žluté (Yellow) kvůli lepšímu zobrazení tmavých barev a kvůli úspoře inkoustu (toneru) se ještě přidává barva černá (black) název: CMYK
Barevná hloubka = počet barev, přesněji počet bitů potřebných k zápisu jednotlivého barevného odstínu 1 bitová (2 1 = 2 barvy) 4 bitová (2 4 = 16 barev) 8 bitová (2 8 = 256 barev) 16 bitová (2 16 = 65 536 barev) - někdy také označováno jako High Color 32 nebo 24 bitová (2 32 = 4 294 967 296, 2 24 = 16 777 216) True Color
Barvy - zápis Model RGB, barevná hloubka 24 bitů Tři čísla R, G, B Každá barva = 8 bitů (1 bajt) = číslo 0 až 255 (0 nesvítí vůbec, 255 svítí naplno) Zápis v desítkové soustavě např. RGB (125,255,0) Zápis v šestnáckové (hexadecimální) soustavě, tj. číslice a písmena A-F např. #7DFF00 Červená = 255,0,0 = #FF0000 Fialová = 255,0,255 = #FF00FF Žlutá = 255,255,0 = #FFFF00 Bílá = Černá =
Barvy - zápis Model CMYK Čtyři čísla Každá barva = 0 až 100 % Zápis v desítkové soustavě, např. CMYK (0,0,100,0) Tyrkysová = 100,0,0,0 Černá = 0,0,0,100 Modrá = 100,100,0,0
Komprese grafických souborů Nekomprimované Hodně velké soubory 100% kvalita o BMP, RAW, TIFF, Komprimované Bezeztrátová komprese Menší velikosti souborů vysoká kvalita o GIF, PNG, TIFF, Ztrátová komprese (jen u rastrové grafiky) Nejmenší soubory Snížená kvalita (volitelně čím nižší kvalita, tím menší soubor) o JPEG (JPG), TIFF,
Porovnání základních rastrových formátů: Formát: vlastnost: BMP, RAW GIF PNG JPEG (JPG) TIFF komprese NE BZ BZ Z volitelná max. barevná hloubka 24 bitů 8 bitů 24 bitů 24 bitů 24 + 8 bitů průhlednost NE ANO ANO NE ANO animace NE ANO NE NE NE využití na webu NE ANO ANO ANO NE
Zdroje a citace YUG, MODIFICATIONS BY 3247. Wikimedia Commons [online]. [cit. 19.11.2012]. Dostupný na WWW: http://commons.wikimedia.org/wiki/file%3abitmap_vs_svg.svg ANTHERE. Wikimedia Commons [online]. [cit. 19.11.2012]. Dostupný na WWW: http://commons.wikimedia.org/wiki/file:tournesol.png?uselang=cs#file ADMIRALHOOD. Wikimedia Commons [online]. [cit. 19.11.2012]. Dostupný na WWW: http://commons.wikimedia.org/wiki/file%3argb_additive_model.gif ADMIRALHOOD. Wikimedia Commons [online]. [cit. 19.11.2012]. Dostupný na WWW: http://commons.wikimedia.org/wiki/file%3acmyk_substractive_model.gif AUTOR NEUVEDEN. Wikipedie.cz [online]. [cit. 19.11.2012]. Dostupný na WWW: http://cs.wikipedia.org/wiki/rastrov%c3%a1_grafika AUTOR NEUVEDEN. Wikipedie.cz [online]. [cit. 19.11.2012]. Dostupný na WWW: http://cs.wikipedia.org/wiki/vektorov%c3%a1_grafika Vlastní archiv autora