Využití ICT techniky především v uměleckém vzdělávání. Akademie - VOŠ, Gymn. a SOŠUP Světlá nad Sázavou

Transkript

1 Datum: Projekt: Registrační číslo: Číslo DUM: Škola: Jméno autora: Název sady: Název práce: Předmět: Ročník: Obor: Časová dotace: Vzdělávací cíl: Pomůcky: Využití ICT techniky především v uměleckém vzdělávání CZ.1.07/1.5.00/ VY_32_INOVACE_652 Akademie - VOŠ, Gymn. a SOŠUP Světlá nad Sázavou Ing. Michal Hošek Používání víceuživatelských počítačových systémů pro zpracování obrazových dat se zaměřením na 2D a 3D grafiku Formáty grafických souborů (prezentace) Počítačová grafika, Informatika I. - IV M/* (Výtvarné obory) 45 minut Žák bude seznámen s formáty souborů, které se v praxi používají nejčastěji. Porozumí praktickým rozdílům mezi těmito formáty a bude schopen s nimi samostatně pracovat. Žák bude rovněž srozuměn s rozdílem mezí vektorovou a rastrovou grafikou. Projektor a počítač Inovace: Posílení mezipředmětových vztahů, využití multimediální techniky, využití ICT.

2 Formáty grafických souborů

3 Formáty souborů Formáty grafických souborů definují způsob popisu a uložení grafických dat. Pro webovou rastrovou grafiku se používají zejména formáty JPEG a GIF, případně formát PNG, který má velice dobré kompresní schopnosti, ale nemá podporu u starších prohlížečů, proto není použití tak časté. Pro vektorovou webovou grafiku se používají zejména formáty SWF a SVG. Hlavní nevýhodou formátu SWF je nutnost mít nainstalován příslušný modul, což hraje klíčovou roli při rozhodování, jaký formát zvolit.

4 2D a 3D grafika 2D grafika je vše, kde počítač ukládá informace o bodech či křivkách v dvourozměrné ploše. Z tohoto pohledu se jedná zejména o programy, zabývající se úpravou fotografií a videa, a o programy, které slouží k tvorbě 2D grafiky. 3D grafika se odlišuje od 2D grafiky v tom, že trojrozměrné vyjádření geometrických dat je uloženo v počítači za účelem vykonání výpočtů a renderování 2D obrázků. Tato data mohou být posléze zobrazována či sledována v reálném čase. I přes zmíněné rozdíly se 3D grafika opírá o řadu algoritmů 2D grafiky. Dále se budeme zabývat zatím jen formáty 2D grafiky.

5 JPEG Joint Photographic Experts Group Vznikl, jak je patrné z anglického názvu, především za účelem zobrazování fotografií a obrázků, které obsahují značné množství barev a jejich odstínů. Podporuje 24bitovou grafiku. Používá ztrátovou kompresi, jejíž míra je plynule nastavitelná čím větší komprese, tím se z obrázku ztratí více dat. Pokud budeme ukládat obrázek ve formátu JPEG vícekrát, bude se jeho kvalita stále více zhoršovat.

6 JPEG - ukázka Fotografie květiny komprimovaná se vzrůstajícím kompresním poměrem zleva doprava. Zdroj:

7 JPEG Obecné případy, kdy je vhodné ukládat obrázky ve formátu JPEG Pro ukládání fotografie Pro ukládání obrázku, který obsahuje hodně přechodných barev Při ukládání textu ve fotografiích

8 GIF Graphics Interchange Format Hlavní předností toho formátu je používání bezztrátové komprese, pokud ukládáme obrázek několikrát za sebou, neztrácí svoji kvalitu. Podporuje pouze osmibitovou grafiku - nelze jej tedy použít pro ukládání jemných barevných přechodů. Zajímavost GIF také podporuje jednoduché animace. Proto se v minulosti používal k oživení grafiky webových stránek. Dnes zažívá renesanci jakožto médium pro ukládání krátkých videí.

9 GIF Obecné případy, kdy je vhodné ukládat obrázky ve formátu GIF Na obrázku je omezený počet jednotlivých barev Obrázek má formu perokresby Jako obrázek se ukládá text a tento text nemá složité pozadí Při ukládání miniatury fotografie Při použití malých obrázků

10 JPEG vs. GIF V této situaci je vhodnější zvolit JPEG Zdroj:

11 JPEG vs. GIF V této situaci je vhodnější zvolit GIF Zdroj:

12 PNG Portable Network Graphics Byl vyvinut jako nástupce formátu GIF. Je určen pro bezztrátovou kompresi rastrové grafiky a odstraňuje hlavní nedostatky formátu GIF. Především umožňuje ukládání obrázků až v 48bitové barevné hloubce a navíc obsahuje 8bitovou průhlednost, tak zvaný alpha kanál. Obrázek může být v různých částech různě průhledný. Kromě těchto výhod obsahuje také textové informace, které je možno prohledávat pomocí vyhledávacích nástrojů.

13 PNG Demonstrace fungování alpha-kanálu Zdroj:

14 SVG Scalable vector graphic Technologie je určena k ukládání vektorové grafiky s kombinací grafiky rastrové. Svým založením je velmi vhodný pro publikaci na webu (Moderní prohlížeče umí SVG zobrazit, syntaxe je založena na XML). Ze své podstaty se hodí jak k publikaci, tak k úpravám. SVG je výchozí formát open-source vektorového editoru Inkscape.

15 SWF Shockwave flash Multimediální vektorový formát podporující obrázky, animace a komplexní interaktivitu pomocí vestavěného skriptovacího jazyka ActionScript. Díky spojení grafiky a programování jsou možnosti tohoto formátu značné. Hodí se zejména tam, kde je třeba zajistit interaktivitu či zaujmout uživatele určitou dynamikou. (viz oblíbené hry flashovky ) Z praktického hlediska se jedná o konzervu, která je vhodná k publikaci, nikoliv však k úpravě a modifikacím (podobně jako např. PDF). Další nevýhodou je nutost isntalace speciálního přehrávače. Díky tomuto diskomfortu a bezpečnostním rizikům je dnes na webu nahrazován technolohií HTML5.

16 Prameny a literatura Všechny uveřejněné odkazy [cit ] Dílo smí být dále šíreno pod licencí CC BY-SA ( Materiály jsou urceny pro bezplatné používání pro potreby výuky a vzdelávání na všech typech škol a školských zarízení. Jakékoliv další využití podléhá autorskému zákonu. Všechna neocitovaná autorská díla jsou dílem autora.