Cílem kapitoly je seznámení se s technologickými aspekty digitálního záznamu obrazu na počítači, grafickými nástroji vhodnými pro počítačovou grafiku a digitální fotografii. Dále bude popsána problematika grafických formátů, jejich rozdíly a možnosti použití, především s důrazem na e-learning.
Počítačová grafika představuje obor informatiky, který používá počítač jako nástroj k tvorbě a úpravě grafických objektů (například digitální fotografie a jejich úprava, filmové triky apod.). Počítačovou grafiku lze velmi snadno využít právě v procesu výuky pro efektivnější porozumění vysvětlovaných jevů. V terminologii počítačové grafiky rozlišujeme rastrovou a vektorovou grafiku.
Rastrová grafika
Rastrová grafika (také někdy nazývána bitmapová grafika) je způsob, jakým počítače ukládají a zpracovávají obrazové informace. V bitmapové grafice je celý obrázek popsán pomocí jednotlivých barevných bodů (pixelů). Rastrovou grafiku můžeme členit na:
Na obrázku č. 3 je možné vidět pixely, které vzniknou přiblížením obrázku.
![]() |
![]() |
Obrázek č. 3: Ukázka pixelů (detail fotografie vpravo).
Vektorová grafika
Vektorový obrázek je složen ze základních geometrických útvarů, jako jsou body, přímky, křivky a mnohoúhelníky. Vektorový obrázek se může skládat:
Příkladem vektorové grafiky jsou kliparty v MS Word. Výhodou těchto obrázků je možnost libovolně obrázek zmenšovat nebo zvětšovat bez ztráty kvality. Neobjevují se pixely tak jako je tomu u rastrové grafiky. Jejich nevýhodou je, že nevystihují přesně reálný objekt.
![]() |
![]() |
Obrázek č. 4: Rastrový a vektorový obrázek. (Zdroj: http://www.jaroska.cz/elearning/informatika/grafika/rastry_vektory.htm, cit. 29.4.2011 [online].)
Počet bodů rastrového obrázku
Důležitým ukazatelem rastrového obrázku je počet pixelů (bodů), který obrázek obsahuje.
Více bodů znamená:
Méně bodů znamená:
Přiměřeně
Rozlišení dpi
Dalším důležitým ukazatelem rastrového obrázku je počet pixelů (bodů) na palec.
Větší rozlišení
Pro tisk
Menší rozlišení
Obrázky pouze v elektronické podobě
Základní pojmy
Pixel
Zkratka anglických slov picture element neboli obrazový prvek:
Obrázek č. 5: Pixel.
(Zdroj: Rastrová grafika,Wikipedie, http://cs.wikipedia.org/wiki/Rastrov%C3%A1_grafika, cit. 29.4.2011 [online].)
Body jsou na monitoru umístěny podle souřadnic x, y lze jej tedy jednoznačně identifikovat:
př. 20 x 20 pixelů.
Příklady velikostí fotografií:
Megapixel |
Velikost v axelech |
Rozměry v cm při DPI 300 |
1 |
960×1280 |
8×10 |
2 |
1224×1632 |
10×14 |
3 |
1536×2048 |
13×17 |
4 |
1704×2272 |
14×20 |
5 |
1920×2560 |
16×22 |
6 |
2048×3072 |
17×25 |
8 |
2448×3264 |
21×28 |
DPI
Zkratka z anglických slov dots per inch:
udává počet obrazových bodů (pixelů), které se vejdou na jeden palec (inch),
1 palec = 2,54 cm,
někdy se také užívá zkratka PPI – pixels per inch,
Základním problémem při tisku fotografie je zdali vytisknutá fotografie bude mít viditelné pixely. Právě počet DPI stanovených pro tisk fotografie může tuto problematiku řešit.Tedy například: Jaká bude velikosti fotografie v cm focená 1Mpx fotoaparátem při DPI 300 (standard v polygrafii)? Obrázek má 1280px na šířku a 960px na výšku.
Postup výpočtu:
dělíme počet pixelů počtem DPI
Šířka obrázku: 1280 / 300 = 4,27 inch = 10,84 cm
Výška: /300 = 3,20 inch = 8,13 cm
Výsledkem je, že fotografii o velikosti 1280 x 960 pixelů mohu vytisknout na velikost 10,84 x 8,13 cm bez ztráty kvality (viditelných čtverečků).
Monitory
Rozlišení se udává v počtu bodů (px).
15“ 640x480, 800x600, 1024x786
17“ 1024x786, 1280x1024, 1600x1200
20“ 1600x1200, 1680x1050
Barevná hloubka
Představuje počet barev.
Každý obrazový bod představuje jednu barvu zvolené palety.
Palety:
![]() |
![]() |
Obrázek č. 6: Paleta RGB (vlevo) a černobílá paleta (vpravo).
Příklady barevných palet:
![]() |
![]() |
Obrázek č. 7: Palety v programu Adobe Photoshop.
Obrázek č. 8: Paleta v programu Malování.
Barevný model - RGB
Tento model je tvořen mícháním tří barev: červené, zelené a modré. Jedná se o aditivní způsob míchání barev používaný v monitorech a projektorech.
Obrázek č. 9:RGB model (Zdroj: RGB,Wikipedie,http://cs.wikipedia.org/wiki/RGB, cit. 12.1.2011 [online].)
Barevný model - CMYK
Model CMYK se skládá ze čtyř základních barev:
CMYK model je založený na subtraktivním míchání barev a používá se u reprodukčních zařízení (tiskáren).
Obrázek č. 10:CMYK model (Zdroj: CMYK, Wikipedie, http://cs.wikipedia.org/wiki/CMYK, cit. 12.1.2011 [online].)
Bity (b) a bajty (B)
Bit je základní a nejmenší jednotkou informace. Značí se malým písmenem b. 1 bit reprezentuje informaci, získanou odpovědí na jednu otázku typu ano/ne. Bit se v praxi nejčastěji objevuje jako základní jednotka kapacity paměti (tzn. jednotka množství informace). Níže uvedené příklady slouží pro přehled a pochopení principů ukládání obrazových dat. Autor tohoto textu si je vědom, že učitel nebude při ukládání obrazových dat nejprve provádět výpočet výsledné velikosti souboru. Ovšem znalost těchto principů v počítačové grafice autor považuje za podnětnou. Především z důvodu:
Tedy pro ukládání fotografie je důležité:
Počet bodů obrázku
Barevná hloubka
Příklad: Kolik KB zabere v paměti počítače obrázek 800x600 bodů?
256 stupňů šedi
256 barev
16,7mil barev
Předchozí |
Připraveno v rámci řešení projektu Environmentální vzdělávání pro pedagogy ZŠ číslo: CZ.1.07/1.3.10/03.0005 |
Následující |