Výukový materiál zpracován v rámci oblasti podpory 1.5 „EU peníze středním školám“ Název školy Obchodní akademie a Hotelová škola Havlíčkův Brod Název OP OP Vzdělávání pro konkurenceschopnost Registrační číslo projektu CZ.1.07/1.5.00/ Název projektu Inovace a individualizace výuky na OA a HŠ Šablona III/2 Inovace a zkvalitnění výuky prostřednictvím ICT Označení vzdělávacího materiálu VY_32_INOVACE_09_ICT_522_Jnc Druh učebního materiálu Prezentace Autor Ing. Zdeněk Janča VY_32_INOVACE_09_ICT_522_Jnc

Vzdělávací obor, pro který je materiál určen Hotelnictví PředmětInformační a komunikační technologie RočníkDruhý Název tematické oblasti (sady)Rastrová a vektorová grafika Název vzdělávacího materiáluZákladní pojmy z počítačové grafiky 2 Anotace Cílem prezentace je seznámení žáků se základními pojmy z počítačové grafiky (barevné modely, komprese dat, grafické principy, typy souborů). Prezentace je určena jako názorná pomůcka ovládaná učitelem z počítače nebo dataprojektoru. V závěru je zařazeno několik otázek, žáci na ně odpoví, a tím si zopakují základní pojmy. Zhotoveno, (datum/období)29. října 2013 Ověřeno12. prosince 2013

Barevné modely, barevná hloubka Barevná hloubka je dána počtem barev nebo jejich odstínů v obrázku. 1 B (byte) = 8 b (bitů), každý bit vyjadřuje pouze 2 hodnoty – 2 barvy. 1 bit = barva černá a bílá 8 bitů = 256 barev nebo odstínů šedé, černobílá fotografie nebo obrázky GIF 24 bitů = zobrazení barev na monitoru a odpovídá 16,7 milionů barev.

Barevná hloubka - ukázka 1 bit4 bity24 bitů (2 barvy)(16 barev)(6,7 mil. barev) Foto: Autor

Barevné modely - RGB Barevné modely prezentují způsob zobrazení jednotlivých barev na monitoru nebo při tisku. RGB – aditivní způsob míchání světel na monitoru. Přidáním barvy je bod světlejší. Barvy – Red (červená), Green (zelená), Blue (modrá). Kresba: Autor

Barevné modely - CMYK Přesněji model CMY, K je černá barva navíc pro zdůraznění kontrastu. CMYK – substraktivní způsob míchání barev. Přidáním další barvy je bod tmavší – při tisku. Barvy – Cyan (modrá), Magenta (fialová), Yellow (žlutá), blacK (černá). Kresba: Autor

Komprese dat Při ukládání rastrových obrázků lze použít kompresi dat (např. u JPG). Velikost souboru se zmenší, ale kvalita obrázku se zhorší. Bez komprese Velká kompreseDetail Foto: Autor

Grafické principy Blízkost Texty a obrázky, které spolu nějak souvisí, mají být umístěny blízko sebe. Zarovnání Zarovnat nejen texty, ale i obrázky, aby byl dobrý dojem z celého pokrytí plochy. Opakování Používat stejný styl pro nadpisy, barvy, obrys obrázků… Zlepší se tím členění celé plochy.

Grafické principy Kontrast Použité barvy a typy písma (fonty) musí být výrazně odlišné. Zlatý řez Týká se celkové kompozice (rozmístění), plocha je pomyslně rozdělena na 3 x 3 části, dominantní objekt by neměl být uprostřed, ale 1/3 nebo 2/3 vzdálenosti od okraje. Celkový dojem působí lahodněji pro oko.

Zlatý řez - ukázka Špatně Správně Foto: Autor

Typy souborů U vektorové grafiky jsou typy souborů dány programem. Např. Corel Draw - CDR U rastrové grafiky se nejčastěji používají tyto: – JPG – 16 mil. barev, ztrátová komprese – GIF – max. 256 barev, bezztrátový, malý soubor, vhodný i pro animace a www stránky – PNG – bezztrátová komprimace, na webu je používán zatím málo – TIFF a BMP – bez komprese, věrné barvy, vhodné pro tisk, velké soubory

Opakování No co má u obrázku vliv komprese dat? Co je myšleno grafickým principem Opakování? Co je to Zlatý řez? Jaká je výhoda a nevýhoda souborů GIF a JPG? Co znázorňuje tento obrázek? Kresba: Autor

Použitá literatura a zdroje: ROUBAL, Pavel. Informatika a výpočetní technika pro střední školy: [kompletní látka pro nižší a vyšší úroveň státní maturity]. Vyd. 1. Brno: Computer Press, sv. (103, 112 s.). ISBN Všechny použité obrázky jsou pořízené autorem - Software: -Photoshop elements -Zoner Photo Studio -Gimp2 -Corel Draw 11 Materiály jsou určeny pro bezplatné používání pro potřeby výuky a vzdělávání na všech typech škol a školských zařízení. Jakékoliv další využití podléhá autorskému zákonu.