VY_32_INOVACE_INF4_12
Počítačová grafika Úvod
Základní rozdělení grafických formátů Rastrová grafika (bitmapová)
Základním prvkem je bod (pixel). Vhodná pro zpracování digitální fotografie.
Vektorová grafika
Základním prvkem je objekt. Vhodná pro letáky, inzeráty, loga apod. 2
Rastrová grafika (bitmapová) • základním prvkem je bod (=pixel) • bitmapa = pole pixelů (fotografie z 10 Mpx fotoaparátu 3 648 x 2 736 pixelů je složena z 9 980 928 bodů!) • jednotlivé body tvoří celkový obraz • když fotografii hodně zvětšíme, jednotlivé body uvidíme (čtverečky)
Kapka rosy z vedlejší fotografie 3
Rastrová grafika (bitmapová) • u každého bodu je dána: barva, jas, kontrast • barva bodu = RGB (red, green, blue) • 0,0,0 = černá • 255,255,255 = bílá • mezi těmito hodnotami je dalších 16 777 214 barevných odstínů • čím větší rozlišení, tím větší nároky na kapacitu paměti • možnost provádění různých efektů, koláží, fotomontáží, …
všimněte si změny obličeje dítěte
4
Rastrová grafika (bitmapová) Různé efekty:
5
Rastrová grafika (bitmapová) Existují dva základní formáty: JPEG (JPG), GIFF (GIF) • JPEG: všech 16 milionů barev, využívá nedokonalosti lidského oka, při ukládání sníží trochu kontrast, rozostří, ubere barev (lze nastavit kvalitu komprese) – velikost souboru se dá snížit o několik řádů! • GIFF: pouze 256 barev, nevhodné pro fotky, vhodné pro www stránky – tlačítka, malý obrázek na rozdíl od jpg nerozostřený, možno vytvořit jednoduché animace
Animovaný gif:
6
Rastrová grafika (bitmapová) Jaké jsou nevýhody rastrové grafiky? Ztráta kvality při zvětšování a zmenšování snímků. Horší je to u zvětšování fotografií, neboť obraz vznikne rozmazaný (body se uměle spočítají z okolních bodů).
7
Rastrová grafika (bitmapová) Programy: 1) Jednoduché úpravy - freeware XnView, IrfanView, Picasa, Zoner Foto Studio 12 (anglicky), … 2) Pokročilé úpravy Adobe Photoshop rozostření, úprava jasu, kontrastu, barevnosti, práce s vrstvami, prolínání, retušování, filtry, ….. nejrozšířenější profesionální program pro úpravu bitmapových obrázkù (doplňuje jej Adobe Ilustrator) cena od 15 000 Kč, verze „Elements“ za asi 3 000 Kč stačí pro domácí použití součástí instalace je Adobe ImageReady – optimalizace obrázků pro internetové použití (animace) Gimp „freewarový Photoshop“ – zdarma a dokáže téměř vše co Photoshop Corel Paint Shop Pro vektorová i rastrová grafika konkurent Photoshopu, ale mnohem levnější (cca 1 500 Kč) 8
Vektorová grafika • základním prvkem je objekt (úsečka, křivka, kruh, obdélník, krychle atd.) • z jednotlivých prvků vzniká výsledný obrázek
Ukázky objektů:
9
Vektorová grafika • informace o objektu je uložena ve formě matematického zápisu – definice tvaru křivky • objekty můžeme libovolné posunovat, otáčet, zvětšovat, zmenšovat, vrstvit, prolínat, překrývat apod. • kdykoli lze změnit tvar a vlastnosti objektu: barvu obrysu i výplně, tloušťku čar, průhlednost, stín, prostorový efekt apod. • kdykoli můžeme vyjmout konkrétní objekt, vložit jiný apod.
+
=
10
Vektorová grafika • i při velkém zvětšení nedochází k rozostření, stále jsou přesné a ostré hrany objektů • za objekt považujeme i text, se kterým můžeme dělat prakticky vše, co nás napadne
11
Vektorová grafika Jaké jsou nevýhody vektorové grafiky? Nehodí se k zobrazování reality – fotografie lidí, přírody apod., neboť působí nepřirozeně, uměle. Barevné přechody jsou příliš ostré, tvary jsou příliš dokonalé. Speciálním případem vektorové grafiky je tzv. 3D grafika
12
Vektorová grafika Programy: 1) Jednoduché úpravy - freeware Inkscape - kvalitou srovnatelný s komerčními programy Adobe Illustrator, CorelDraw 2) Pokročilé úpravy CorelDRAW - jeden z nejpoužívanějších profesionálních grafických editorů . - ve většině grafických studií, tiskáren a podobných podnicích - design webu, letáky, vizitky, … - cca 15 000 Kč v plné verzi Adobe Illustrator - spolupracuje s Adobe Photoshopem - práce s vrstvami (efekt stínu, vnější a vnitřní záře,...), export do Flashe, … - cca 6 000 Kč 13
Zdroje: Animovaný gif Země na 6. snímku: Autor Marvel. [cit. 2011-08-07]. Dostupný pod licencí Creative Commons na www: http://iu.wikipedia.org/wiki/File:Rotating_earth_%28large%29.gif 3D grafika na 12. snímku:Autor Stefano Spolverini. [cit. 2011-08-08]. Dostupný pod licencí Creative Commons na www: http://commons.wikimedia.org/wiki/File:Duster1966-post008.jpg?uselang=cs
14
Konec úvodní části
15