Digitální grafika. Digitální obraz je reprezentace dvojrozměrného obrazu, který používá binární soustavu (jedničky a nuly).

Transkript

1 Digitální grafika Digitální obraz je reprezentace dvojrozměrného obrazu, který používá binární soustavu (jedničky a nuly).

2 Grafika v počítači Matematický popis (přímka, křivka) Rastrový popis (síť, rastr)

3 Rastrová grafika PIXEL (px) = picture element (obrazový prvek) nejmenší jednotka digitální rastrové grafiky Každý pixel má pozici a barvu

4 Bitová hloubka obrazu Bitová hloubka určuje, jaké množství barevných informací je dostupné pro každý obrazový bod. Například obraz s bitovou hloubkou 1 bit má obrazové body se dvěmi možnými hodnotami, černou a bílou. 1 bit =2 barvy (0=bílá,1=černá) Obraz s 8-bitovou hloubkou má 2 8 neboli 256 možných hodnot. 1Byte = 256 barev Obrazy v režimu stupňů šedi s bitovou hloubkou 8 bitů mají 256 možných hodnot šedé.

5 Bitová hloubka obrazu 1Byte (8 bitová) = 256 barev 2Byte (16 bitová) = barev (HiColor) 3Byte (24 bitová) = barev (TrueColor) 30, 36 až 48 bitová hloubka (Deep Color) Použití dle zařízení (VGA, HDMI)

6 Teletext 8 barev VGA 256 barev 256 Grayscale True Color

7 Kanál je množina pixelů o dané bitové hloubce, tvořících souvisle vyplněnou obrazovou plochu (rastr). Např. 24bitový rastrový obraz prostoru RGB je definován 3 kanály (R,G,B) po 8 bitech (256) na kanál obraz tedy může obsahovat informaci o maximálně různých barvách pixelů Alfa kanál (průhlednost)

8 Rozlišení Body obrazu na palec (Pixels per Inch PPI) zařízení Tiskové body na palec (Dots per Inch DPI) tisk Tiskárny nedokáží vytisknout jeden pixel libovolné barvy. Aby barevně vytiskly jeden pixel, musí jeho barvu namíchat z několika bodů (Dots) Rozlišení výstupního zařízení je dáno konstrukcí bod nemusí být čtverec (obr.) Doporučené rozlišení tisku je 300 dpi

9 Zobrazení grafiky Závisí tedy na kvalitě software a hardware Anti-aliasing (vyhlazování hran) zlepšuje kvalitu obrazu (text, PC games)

10 Dithering Metoda, kdy s omezeným počtem barev simulujeme v obrázku barvy, které nemáme k dispozici. Do blízkého okolí se umístí několik různobarevných teček, jejichž celkové barevné vyznění vede k požadované barvě.

11 Komprese rastrové grafiky ztrátová komprese (nenávratná) bezeztrátová komprese Ztráta nemusí být okem viditelná

12 Nejčastější rastrové formáty Nekomprimované (popř. komprimované bezeztrátově) TIFF, GIF, PNG, BMP Komprimované (ztrátově) JPG Metaformáty WMF, PICT (Windows) Nativní formáty konkrétních grafických programů (PSD, IMG.. apod) Použití dle potřeb výstupu (tisk, editace, web) Použití dle možnosti komprese

13 Formát BMP Windows Bitmap Původní formát MS Windows Extrémní jednoduchost Většinou nepoužívá žádnou kompresi Dnes nahrazován TIFF Nevýhoda přenosu: velký objem dat

14 Formát TIFF Tag Image File Format tvoří standard snímků určených pro tisk umožňuje jako jeden z mála grafických formátů vícestránkové soubory využívají bezeztrátovou kompresi, mohou být editovány a znovu ukládány bez kompresních ztrát barevné rozlišení: 1-24bit Nevýhoda přenosu: velký objem dat

15 Formát GIF Graphics Interchange Format používá bezeztrátovou kompresi umožňuje také jednoduché animace maximální počet současně použitých barev barevné palety je 256 (8 bitů) Transparentní (alfa kanál) Malý objem dat (použití pro web) Prokládání 8,4,2 plus liché (rychlé načítání) Nevýhoda (malý počet barev)

16 Formát PNG Portable Network Graphics vyvinut jako náhrada GIFu bezeztrátová komprese volitelná bitová hloubka (až 48 bitová) lepší transparentnost (8-bitový alfa kanál) prokládání v horizontálním i vertikálním směru Použití pro web (transparentnost, proklad) Nevýhoda: neumožňuje animace

17 Formát JPG (JFIF) Joint Photographic Experts Group File Interchange Format metoda ztrátové komprese nejčastější formát používaný pro přenášení a ukládání fotografií v prostředí WWW umožňuje prokládání vhodný pro hladké přechody v tónu a barvě Malý objem dat při zachování dobré kvality Neumožňuje transparentnost a animaci

18 Prokládání (interlace interlace) aneb progresivní vykreslování

19 Metaformáty WMF, PICT MS Windows (WMF) Apple MacIntosh (PICT) Použití jak pro bitmapu tak pro vektor Přenos do různých aplikací přes CTRL-C (např. v MS Office) Použití: jednoduché kliparty do dokumentů, PP prezentací apod.

20 Nativní PSD Photoshop Document výchozím formátem souborů Adobe Photoshopu podporuje široké spektrum operací vrstvy s různými typy působení a krytí umožňuje ořezové cesty transparentní alfa kanál široké spektrum režimů a bitové hloubky Použití: profesionální grafika Nevýhoda: komplikovaná editace v jiném SW

21 Vektorová grafika

22

23

24 Vektor (popis pomocí matematické funkce) Není deformován při zvětšení (přepočet) Čára (linka) - určena počátečním bodem a vektorem, který určuje její směr a zakřivení a vlastnosti jako je barva, tloušťka apod. Bod - informace o umístění (souřadnicích) středu kružnice, jejím poloměru (velikosti bodu) a barvě

25

26 Grafické objekty (primitiva) rectangle - obdélník (s možností zaoblených rohů) circle - kruh ellipse - elipsa line - jednoduchá čára polyline - lomená čára polygon mnohoúhelník

27

28 Základní operace otočení (rotate) posun (move) převrácení (mirror) roztažení / zúžení (stretch) zkosení (skew) obecné transformace (posunutí pod úhlem) změna Z souřadnice kombinace primitiv do komplexních objektů (boolean)

29 Boolean operace Sjednocení (union) Průnik (intersection Odečtení (difference)

30 Bézierova křivka

31

32 Převod bitmapy na vektor automatický a manuální

33 Trasování (trace trace) Možnosti nastavení

34

35 Barevný práh Čím větší hodnota, tím více se zaokrouhlí výsledný počet barev ve vektorovém objektu. Pokud chceme co nejvěrnější vektorovou reprezentaci předlohy, vložíme co nejnižší číslo.

36 Minimální oblast Určení minimální oblasti, která bude použita pro výpočet průměrné barvy všech pixelů této oblasti. čím menší hodnota, tím lepšího výsledku dosáhneme

37 Stupeň vyhlazení Zde určujeme stupeň vyhlazení výsledných křivek vůči předloze. Volba Pixels zajistí téměř shodné vykreslení křivek podle předlohy, naopak možností Very Smooth dosáhneme velmi hrubého vykreslení

38 Četnost uzlů Pomocí této položky určíme četnost vrcholů výsledného vektorového objektu. Více vrcholů znamená i větší přesnost vykreslení a vytvořený objekt tak bude mnohem komplexnější a tím i datově náročnější.

39 Výchozí obrázek

40 Ukázka různého nastavení

41 Grafické formáty pro vektory AI nativní soubor pro Adobe Illustrator CDR nativní soubor pro CorelDraw SVG lze ho použít k prezentaci na webu SWF - finální soubor Macromedia Flash

42 Grafické formáty pro vektory PDF (Portable Desktop Format) je nutné přiložit do souboru také fonty, pokud chceme aby zobrazený výsledek byl stejný na všech PC. Jinak je nutné převést fonty před exportem do PDF do křivek. EPS (Encapsulated PostScript), obsahuje preview obrázek, který zobrazuje jako bitmapu.

43 3D modelování Osa x,y,z (prostor) Přepínání druhů zobrazení (otáčení, drátěný model) Zoom a Pan (ruka - posun) 3 druhy tvorby: pomocí objemových primitiv a Boolean operací pomocí tvořících křivek a Boolean operací kombinací předešlých dvou způsobů

44 Body, křivky, rastry

45 Objemová primitiva kvádr válec koule kužel klín anuloid

46 Booleanovy operace 3D

47 Tvořící křivky a rotace

48 Podrobněji k 3D v přednášce Pavla Vojáčka 3.12 a