III/2 XVII. 3. 8.ABC 12. 10. 2011

Počítačová grafika I. Informatika 8. ročník Ing. David Pixa grafika, pixel, rozlišení, rozměr, barevná hloubka, barevné modely, RGB, CMYK, převod barev Ing. David Pixa

Grafický bod - pixel pixel = picture element = px Nejmenší jednotka digitální rastrové (bitmapové) grafiky. Body na obrazovce tvoří čtvercovou síť. Obrázek rozložený na jednotlivé pixely

Rozlišení = hustota bodů na ploše  jemnost (detailnost) zobrazení jednotka DPI (Dots Per Inch) = bodů na palec [2,54 cm] délky standardní monitory zobrazují grafiku v rozlišení 72 – 300 DPI průměrné tiskárny umí tisknout s rozlišením 600 – 1200 DPI

Nastavení rozlišení obrazovky ve Windows barevná hloubka ROZŠÍŘENÁ NASTAVENÍ OVLADAČ GRAFICKÉHO ADAPTÉRU (NASTAVENÍ GRAFICKÉ KARTY) apod.

Megapixel rozlišení digitálního fotoaparátu se udává v megapixelech (milión pixelů) počet citlivých buněk na obrazovém senzoru DiscountDigitalArt.com 20 x 20 100 x 100 1000 x 1000

Rozměr / Velikost (1 px ≈ 0,26 mm) = šířka a výška obrázku většinou udávaná v bodech např. 300 x 400 px (1 px ≈ 0,26 mm) nelze zaměňovat s rozlišením 300 px 400 px

Barevná hloubka = počet bitů použitých k popisu určité barvy nebo každého pixelu čím větší barevná hloubka, tím větší škála barev, přirozenější vzhled, ale také velikost souboru ROZDÍL MEZI 8-BITOVÝM A 24-BITOVÝM BAREVNÝM PŘECHODEM

1-bit (21 = 2 barvy … obvykle černá a bílá) 4-bit (24 = 16 barev) 8-bitová grafika a horší Vhodné pro tzv. čárovou grafiku. Fotografie je na první pohled nepřirozená. Zřetelná barevná textura. Mono Color --------------- Low Color High Color True Color Super True Color Deep Color 1-bit (21 = 2 barvy … obvykle černá a bílá) 4-bit (24 = 16 barev) 8-bit (28 = 256 barev) 15-bit (215 = 32 768 barev) 16-bit (216 = 65 536 barev) 24-bit (224 = 16 777 216 barev) 32-bit (232 = 4 294 967 296 barev) 48-bit (248 = 281 474 976 710 656 = 281,5 biliónů barev) 15/16-bitová grafika a lepší Barevné spektrum je již dostatečně široké na to, aby fotografie působila přirozeně. Barevné přechody nejsou znatelné. Lidské oko dokáže rozlišit až čtyři miliardy různých odstínů.

R G B Monitory, displeje, projektory Aditivní model Red (červená) | Green (zelená) | Blue (modrá) Monitory, displeje, projektory Aditivní model = míchá vyzařované světlo Přidáním nového odstínu se výsledná barva zesvětlí Barevná hloubka 8 bitů  256 barev Barevná hloubka 24 bitů  16 777 216 barev

C M Y (K) Tiskárny, filtry, malba Subtraktivní model Cyan (Azurová) | Magenta (purpurová) | Yellow (žlutá) Tiskárny, filtry, malba Subtraktivní model = omezuje se barevné spektrum, které se odráží od povrchu Přidáním nového odstínu se výsledná barva ztmaví Bílé barvy se dosáhne nezobrazením žádné z barev (plocha zůstane nepokryta)

Převod barev Při tisku se převádí model RGB do CMYK (provádí ovladač tiskárny) Vzhled výtisku nebývá zcela totožný. To je způsobeno tím, že monitor světlo přímo vyzařuje, kdežto výtisk světlo odráží.

Zdroje: Pixel zoom: Wikimedia Commons. commons.wikimedia.org [online]. Image by Ed g2s. Dostupný z WWW: <http://commons.wikimedia.org/wiki/File:Pixel-example.png> Pixel smajlík: Wikimedia Commons. commons.wikimedia.org [online]. Image by ZXZ 2006. Dostupný z WWW: <http://commons.wikimedia.org/wiki/File:SMILE_FACE_16x16_PIXEL_EXAMPLE1.PNG> Megapixel: DiscountDigitalArt. www.discountdigitalart.com [online]. Image by Asher. Dostupný z WWW: < http://www.discountdigitalart.com/38mp.html > Barevná hloubka: Wikimedia Commons. commons.wikimedia.org [online]. Image by SoHome. Dostupný z WWW: <http://commons.wikimedia.org/wiki/File:Colour_banding_demo.png> RGB model: Wikimedia Commons. commons.wikimedia.org [online]. Image by Wiso. Dostupný z WWW: <http://commons.wikimedia.org/wiki/File:RGB.svg> CMYK model: Wikimedia Commons. commons.wikimedia.org [online]. Image by Cantus. Dostupný z WWW: <http://commons.wikimedia.org/wiki/File:SubtractiveColorMixing.png> RGB barvy: Wikimedia Commons. commons.wikimedia.org [online]. Image by Pavel Šorel. Dostupný z WWW: <http://commons.wikimedia.org/wiki/File:Rgb_colors.jpg> CMYK barvy: Wikimedia Commons. commons.wikimedia.org [online]. Image by Pavel Šorel. Dostupný z WWW: <http://commons.wikimedia.org/wiki/File:Cmyk_colors2.jpg> Screenshot z operačního systému: Microsoft Windows XP Professional, Verze 2002, Service Pack 3