VY_32_INOVACE_INF4_12. Počítačová grafika. Úvod

Transkript

1 VY_32_INOVACE_INF4_12 Počítačová grafika Úvod

2 Základní rozdělení grafických formátů Rastrová grafika (bitmapová) Vektorová grafika Základním prvkem je bod (pixel). Vhodná pro zpracování digitální fotografie. Základním prvkem je objekt. Vhodná pro letáky, inzeráty, loga apod. 2

3 Rastrová grafika (bitmapová) základním prvkem je bod (=pixel) bitmapa = pole pixelů (fotografie z 10 Mpx fotoaparátu x pixelů je složena z bodů!) jednotlivé body tvoří celkový obraz když fotografii hodně zvětšíme, jednotlivé body uvidíme (čtverečky) Kapka rosy z vedlejší fotografie 3

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

5 Různé efekty: Rastrová grafika (bitmapová) 5

6 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

7 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

8 Programy: Rastrová grafika (bitmapová) 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 Kč, verze Elements za asi 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 Kč) 8

9 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

10 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

11 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

12 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

13 Programy: Vektorová grafika 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 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 Kč 13

14 Zdroje: Animovaný gif Země na 6. snímku: Autor Marvel. [cit ]. Dostupný pod licencí Creative Commons na www: 3D grafika na 12. snímku:autor Stefano Spolverini. [cit ]. Dostupný pod licencí Creative Commons na www: jpg?uselang=cs 14

15 Konec úvodní části 15