Gymnázium, Obchodní akademie a Jazyková škola s právem státní jazykové zkoušky Hodonín Grafika na PC základy

Číslo projektu CZ.1.07/1.5.00/ Číslo materiálu VY_32_INOVACE_PoP_IKT_1E_01 Autor Petr Polách Tematický celek IKT – technické vybvení počítačů Ročník 1. Datum tvorby Anotace Prezentace slouží jako podpora při úvodu do výuky práce s grafikou Metodický pokyn Prezentace slouží jako podpora při výuce s použitím projektoru nebo programu typu Master Eye (Visio).

3 Princip Grafické (např. papírové) předlohy převedeme do podoby binárních čísel (souboru). Dva základní druhy : - Bitmapová - Vektorová

4 Bitmapová grafika - rastrování Pokud budeme používat pouze dvě barvy (černá=1, bílá=0), uloží se do souboru s obrázkem barva jednotlivých pixelů takto: Základní pojmy: rastr, pixel, bmp

5 Čím rastrujeme

6 Grafické rozlišení Udává hustotu rastru DPI (dots per inch – bodů na palec (2,54cm) 300DPI = 12bodů/mm Čím vyšší graf. rozlišení, tím věrnější obrázek získáme Př.: Určete, z kolika pixelů se skládá obrázek o rozměrech 10 x 15 cm snímaný s grafickým rozlišením 600DPI

7 Barevné rozlišení Určuje, kolik různých barev lze pixelu přiřadit při rastrování Nejběžnější rozlišení: – 2 barvy – čb (1b/px) – 16 barev (1B/2px) – 256 barev (1B/px) – 16-bit barva (2B/px) – 24-bit barva (3B/px) – 32-bit barva (4B/px) 24 bit barva - Windows

8 Barevné rozlišení 16 barev 256 barev 24-bit

9 Komprimované formáty grafiky Komprimace – zmenšení velikosti souboru k. ztrátová x bezeztrátová BMP - nekomprimovaný JPG, JPEG - komprimovaný GIF - komprimovaný PNG - komprimovaný

10 BMP,GIF, JPG, PNG Stupeň komprimace FormátGIFJPEGPNG Vznik Hlavní použitíJednoduchá kreslená grafika FotografieGrafika i fotografie Barevné rozlišení8 bitů 256 barev 24 bitů 16,7 mil. barev 8 – 24 bitů až 16,7 mil. arev PrůhlednostAno jedna barva NeAno, více různě průhledných barev AnimaceAnoNe KompreseBezeztrátováZtrátováBezeztrátová

Komprimace GIF GIF B 12 B 11

Komprimace JPEG 12 ?

13 Barvy

14 Zápis barvy - RGB (24 bit) Red Green Blue

15 Vektorová grafika Do souboru s vektorovou grafikou se neukládají informace o jednotlivých pixelech ale informace o jednotlivých objektech a jejich vlastnostech Např. kružnice - barva čáry; barva výplně; tloušťka čáry; poloha středu; poloměr;… čára - tloušťka-barva-poloha začátku-poloha konce;…

16 Vektorová grafika Vlastnosti: Snadná editace (úprava) Malá velikost souborů Vhodné pro grafy, schémata, mapy = kreslenou grafiku. Nevhodné pro fotografie Programy: – COREL DRAW, – Kreslení (MS Office)

Grafika : Obr. 1 – 4 Skenování a tisk (on-line) Dostupné na: Obr. 5 Zápis barev v HTML a CSS (on-line) Dostupné na: Obr.6 Doc. Dr. Vladimír Homola, Ph.D. Barvy v počítačovém prostředí (on-line) Dostupné na: Obr. 7 Fotografie Jiří Horák 2010 Obr. 8 Simpson Crazy, Maggie(on-line) Dostupné na: Obr. 9 Landscape Wallpaper(on-line) Dostupné na: Obr. 10 Zdroj uveden na obrázku Nečíslované obrázky jsou dílem autora Použité zdroje