Digitální učební materiál

Transkript

1 Střední hotelová škola, s.r.o. Floriánské náměstí 350, 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/ 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 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é.

2 Počítačová grafika základní pojmy

3 Rozdělení počítačové grafiky Rastrová (bitmapová) Vektorová

4 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.

5 Využití v praxi: Rastry (bitmapy) Vektory Typické využití v praxi Fotky Kresby, loga, plakáty, letáky, vizitky,

6 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ů)

7 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

8 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

9 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 = barev) - někdy také označováno jako High Color 32 nebo 24 bitová (2 32 = , 2 24 = ) True Color

10 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á =

11 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

12 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,

13 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ů bitů průhlednost NE ANO ANO NE ANO animace NE ANO NE NE NE využití na webu NE ANO ANO ANO NE

14 Zdroje a citace YUG, MODIFICATIONS BY Wikimedia Commons [online]. [cit ]. Dostupný na WWW: ANTHERE. Wikimedia Commons [online]. [cit ]. Dostupný na WWW: ADMIRALHOOD. Wikimedia Commons [online]. [cit ]. Dostupný na WWW: ADMIRALHOOD. Wikimedia Commons [online]. [cit ]. Dostupný na WWW: AUTOR NEUVEDEN. Wikipedie.cz [online]. [cit ]. Dostupný na WWW: AUTOR NEUVEDEN. Wikipedie.cz [online]. [cit ]. Dostupný na WWW: Vlastní archiv autora