bitmapová grafika – úvod do grafiky

17
Bitmapová grafika – úvod do grafiky Střední odborná škola Otrokovice www.zlinskedumy.cz Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je ing. Jaroslav Šolc Dostupné z Metodického portálu www.rvp.cz, ISSN: 1802-4785, financovaného z ESF a státního rozpočtu ČR. Provozováno Výzkumným ústavem pedagogickým v Praze.

Upload: ronan-hood

Post on 01-Jan-2016

40 views

Category:

Documents


8 download

DESCRIPTION

Bitmapová grafika – úvod do grafiky. Střední odborná škola Otrokovice. Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je ing. Jaroslav Šolc - PowerPoint PPT Presentation

TRANSCRIPT

Page 1: Bitmapová  grafika – úvod do grafiky

Bitmapová grafika – úvod do grafiky

Střední odborná škola Otrokovice

www.zlinskedumy.cz

Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je ing. Jaroslav ŠolcDostupné z Metodického portálu www.rvp.cz, ISSN: 1802-4785, financovaného z ESF a státního rozpočtu ČR.

Provozováno Výzkumným ústavem pedagogickým v Praze.

Page 2: Bitmapová  grafika – úvod do grafiky

Charakteristika DUM

Název školy a adresa Střední odborná škola Otrokovice, tř. T. Bati 1266, 76502 Otrokovice

Číslo projektu CZ.1.07/1.5.00/34.0445 /2

Autor Ing. Jaroslav Šolc

Označení DUM VY_32_INOVACE_SOSOTR-Am-IKT/3-VT-2/4Název DUM Bitmapová grafika – úvod do grafiky

Stupeň a typ vzdělávání Středoškolské vzdělávání

Kód oboru RVP 23-68-H/01

Obor vzdělávání Automechanik

Vyučovací předmět Informační a komunikační technologie

Druh učebního materiálu Výukový materiál

Cílová skupina Žák, 17 – 18 let

Anotace Výukový materiál je určený k frontální výuce učitelem, vyžaduje doplňující výklad náplň: Seznámení se základními pojmy grafiky

Vybavení, pomůcky Dataprojektor

Klíčová slova Rastrový obraz, vektorový obraz, pixel, DPI, barevná hloubka, komprese

Datum 25. 3. 2013

Page 3: Bitmapová  grafika – úvod do grafiky

Bitmapová grafika – úvod do grafiky

Náplň výuky

Výklad principů bitmapové grafiky.Výhody bitmapové grafiky.Nevýhody a oblasti použití bitmapové grafiky.Specifika pro elektronické a tištěné publikování.

Page 4: Bitmapová  grafika – úvod do grafiky

Popis obrazu

rastrový obraz = matice bodů

vektorový obraz = množina objektů

Výstupní zařízenírastrová – převažují monitor (800 600, 1024 768) tiskárny laserové a inkoustové (300dpi, 600dpi)vektorová plotr perový

Vstupní rastrové zařízení pro snímání obrazu — skener

Zobrazování

Page 5: Bitmapová  grafika – úvod do grafiky

Grafický bod — Pixel (pixel = picture element)

Fyzický pixel – bod, který používá k zobrazování výstupní zařízení.

• obrazovka — 3 prvky vysvítí jeden pixel• inkoustová tiskárna — velikost pixelu odpovídá velikosti

kapičky barvy nebo shluku kapiček• laserová tiskárna — velikost pixelu odpovídá několika

zrnkům toneru

Page 6: Bitmapová  grafika – úvod do grafiky

Barevná hloubka počet bitů potřebných k uložení barvy pixelu

• 1 pixel = barva bílá/černá

– monochromatický obraz, 1 pixel = 1 bit• 1 pixel = určitá barva z palety

– obraz s paletou, 1 pixel = 2, 4, 8, 16 bitů• 1 pixel = intenzita jedné barvy

– odstíny šedi, 1 pixel = 8 bitů• 1 pixel = složení libovolné barvy

– pérovka, 1 pixel = 1 bit

– barevný obraz, 1 pixel = 2, 4, 8, 16 bitů

– odstíny šedi, 1 pixel = 8 bitů

– skutečné barvy (true color), 1 pixel = 24 bitů

Page 7: Bitmapová  grafika – úvod do grafiky

Barevné modely

• Ze kterých barev se budou ostatní skládat?

• Jaký bude poměr jednotlivých barev?

• Jakým způsobem se budou barvy míchat?

Obr. 1: Míchání odstínů barev

Page 8: Bitmapová  grafika – úvod do grafiky

Subtraktivní barevný model (typicky CMY)

• Základní barvy jsou odečítány od bílé, čím více odeberu, tím více se blížím černé.

• Subtraktivní prostředí je prostředí, které odráží světlo, a proto potřebuje vnější zdroj světla.

• Používá se v tiskárnách, plotrech, ve fotografii. • CMY(K) (Cyan, Magenta, Yellow, blacK)

Obr. 2: Subtraktivní míchání barev

Page 9: Bitmapová  grafika – úvod do grafiky

Aditivní barevný model (typicky RGB)

• Barvy jsou vytvářeny přidáváním barvy do černé.• Aditivní barevné prostředí nepotřebuje vnější světlo

(barvy na monitoru).• Používá se při ukládání do souborů.

Obr. 3: Aditivní míchání barev

Page 10: Bitmapová  grafika – úvod do grafiky

Hustota obrazu

• Je dána počtem pixelů na jednotku délky,jednotka: dpi (dots per inch)

• běžná zařízení: monitor cca 100 dpi, tiskárny 300, 600, 1200 dpi, osvitová jednotka až 5000 dpi

• změna hustoty při vykreslování na rastrových zařízeních

Page 11: Bitmapová  grafika – úvod do grafiky

Hustota obrazu

Hodnota DPI podstatě slouží k tomu, abychom byli schopni popsat rozmístění jednotlivých bodů na ploše. Vždy bychom měli počítat se třemi údaji:• fyzickým počtem obrazových bodů• rozměrem plochy• rozlišením

Page 12: Bitmapová  grafika – úvod do grafiky

Hustota obrazu

• Ze dvou zadaných údajů můžeme dopočítat třetí pomocí následujících vzorců:

Page 13: Bitmapová  grafika – úvod do grafiky

Počet bitů na různé palety barev

Počet barev v paletěPotřebné množství bitů na každý bod

Potřebné množství bajtů na každý bod

256 barev (odstínů šedi) 8 bitů/bod 1 B/bod

65 535 barev 16 bitů/bod 2 B/bod

16,7 mil. barev 24 bitů/bod 3 B/bod

Page 14: Bitmapová  grafika – úvod do grafiky

Komprese grafických formátů

bezztrátová nedochází při ní ke ztrátě dat

ztrátová dochází při ní ke ztrátě dat

Kompresní poměrÚčinnost komprese lze určit z tzv. kompresního poměru.Kompresní poměr je dán poměrem původního objemu dat ku nekomprimovanému objemu dat.

Page 15: Bitmapová  grafika – úvod do grafiky

Kontrolní otázky:Obrázek v rozlišení 100 DPI má na jeden palec ………. bodů.[100]

Obrázek v rozlišení 100 DPI má na jeden centimetr asi …….. bodů. [39]

Jaké má rozlišení obrázek, pokud má 100 bodů na délce 1 cm?[254 DPI]

Jak velký bude obrázek o rozlišení 100 DPI a bude obsahovat 150 bodů na dané délce?

[3,81 cm]

Page 16: Bitmapová  grafika – úvod do grafiky

Seznam obrázků:Obr. 1: vlastníObr. 2: vlastníObr. 3: vlastní

Page 17: Bitmapová  grafika – úvod do grafiky

Seznam použité literatury: