Počítačová grafikaPočítačová grafika

Petr ČechmánekPetr ČechmánekZŠ Vlára SlavičínZŠ Vlára Slavičín

ObsahObsah

ÚvodÚvod VektorováVektorová RastrováRastrová Barevná hloubkaBarevná hloubka RozlišeníRozlišení Barevné modely Barevné modely

ÚvodÚvod

Obor informatikyObor informatiky Od 70tých let samostatná vědní Od 70tých let samostatná vědní

disciplínadisciplína Pronikla do různých oborů (film, lékařství, Pronikla do různých oborů (film, lékařství,

stavebnictví, modelování, …)stavebnictví, modelování, …)

Dělení PC grafikyDělení PC grafiky

ZpracováníZpracování RastrováRastrová VektorováVektorová

DimenzeDimenze 2D2D 3D3D

Vektorová grafika – Co to je?Vektorová grafika – Co to je?

Tvořena z bodů a křivek (cest)Tvořena z bodů a křivek (cest) Informace se ukládají ve formě Informace se ukládají ve formě

matematického zápisumatematického zápisu Celý obraz je složen z množství dílčích Celý obraz je složen z množství dílčích

objektůobjektů

Vektorová grafika – použitíVektorová grafika – použití

Počítačovou sazbu, tvorbu ilustrací, Počítačovou sazbu, tvorbu ilustrací, diagramů, počítačových animacídiagramů, počítačových animací

Programy: Programy: Adobe Illustrator, CorelDraw, Adobe Illustrator, CorelDraw, Inkscape, Zoner CallistoInkscape, Zoner Callisto

Vektorová grafikaVektorová grafika

ZáporyZápory Složitější pořízení obrazuSložitější pořízení obrazu

KladyKlady Změna velikosti obrazu bez ztráty kvalityZměna velikosti obrazu bez ztráty kvality Stejný objem datStejný objem dat Jde pracovat s každým objektem v obrázku Jde pracovat s každým objektem v obrázku

odděleněodděleně

Vektorová grafikaVektorová grafika

Vektorová grafikaVektorová grafika

Rastrová grafika – Co to je?Rastrová grafika – Co to je?

Obraz je složený Obraz je složený z jednotlivých bodůz jednotlivých bodů

Body tvoří mapuBody tvoří mapu Bod = pixelBod = pixel

Daný barvou a souřadnicemiDaný barvou a souřadnicemi Kvalitu obrazu určujeKvalitu obrazu určuje

Barevná hloubkaBarevná hloubka RozlišeníRozlišení

Rastrová grafika - použitíRastrová grafika - použití

Většina výstupních zařízeníVětšina výstupních zařízení Monitor, tiskárnyMonitor, tiskárny

Vstupní zařízeníVstupní zařízení Skener, digitální fotoaparátSkener, digitální fotoaparát

Programy: Programy: Adobe Photoshop, Corel Paint Adobe Photoshop, Corel Paint Shop Pro, GIMP, MalováníShop Pro, GIMP, Malování

Barevná hloubkaBarevná hloubka

Určuje kolik bitů je potřeba k popisu barvyUrčuje kolik bitů je potřeba k popisu barvy

potřebný počet bitůpotřebný počet bitů počet možných barevpočet možných barev

11 22

22 44

44 1616

88 256256

1616 65 53665 536

2424 16 777 21616 777 216

Barevná hloubkaBarevná hloubka

24 bitů 8 bitů 8 bitů16,7 mil. barev 256 barev 256 stupňů šedé

RozlišeníRozlišení

DPI = dots per inch = bodů na palecDPI = dots per inch = bodů na palec udává počet obrazových bodů na jeden udává počet obrazových bodů na jeden

palec (cca. 2,5 cm) délkypalec (cca. 2,5 cm) délky vztah mezi velikostí fyzického obrazu a vztah mezi velikostí fyzického obrazu a

jeho digitální reprezentacejeho digitální reprezentace

Rozlišení - příkladRozlišení - příklad1200 px (10 cm)

600

px (5

cm

)

Tyto údaje říkají, že:

šířka = 10 cm = 4“ (palce)šířka = 1200 pxDPI = 1200/4 = 300

výška = 5 cm = 2“ (palce)výška = 600 pxDPI = 600/2 = 300

Př.: Jak velký bude obrázek v cm, jsou-li jeho rozměry 2540x1920 px a budu ho chtít vytisknout v rozlišení 300 DPI?

Odp.:

• šířka: 2540/300 = 8,46 => 8,46x2,5 cm = 21,16 cm

• výška: 1920/300 = 6,4“ => 6,4x2,5 cm = 16 cm

Velikost souboruVelikost souboru

V = šířka x výška x barevná hloubkaV = šířka x výška x barevná hloubka jednotka výšky a šířky je tady jednotka výšky a šířky je tady pixelpixel jednotka barevné hloubky je jednotka barevné hloubky je bitbit výsledek se tedy převádí na výsledek se tedy převádí na bytebyte (KB, MB, GB) (KB, MB, GB) Př.: Př.: Kolik místa na disku bude zabírat obrázek, jsou-li jeho Kolik místa na disku bude zabírat obrázek, jsou-li jeho

rozměry 2540x1920 px a budu ho chtít uložit s barevnou rozměry 2540x1920 px a budu ho chtít uložit s barevnou hloubkou 24 bitů?hloubkou 24 bitů?

Odp.:Odp.:V = šířka x výška x barevná hloubkaV = šířka x výška x barevná hloubkaV = V = 2540x1920x24 b = 117043200 b = 14630400 B =2540x1920x24 b = 117043200 b = 14630400 B = 13,95 MB 13,95 MB

KompreseKomprese

Zhuštění informacíZhuštění informací BezztrátováBezztrátová

z nového souboru lze přesně zrekonstruovat z nového souboru lze přesně zrekonstruovat původní souborpůvodní soubor

ZtrátováZtrátová lze uspořit místo i vynecháním některých lze uspořit místo i vynecháním některých

nepotřebných informacínepotřebných informací

Rastrová grafikaRastrová grafika

ZáporyZápory Objem datObjem dat Změna velikosti Změna velikosti

KladyKlady Snadné pořízení obrazuSnadné pořízení obrazu

Rastrová grafikaRastrová grafika

Barevné modelyBarevné modely

Skládáním dvou a více barev vznikají Skládáním dvou a více barev vznikají další barvy.další barvy.

Barevné modely určují:Barevné modely určují: ze kterých barev se budou ostatní skládatze kterých barev se budou ostatní skládat jaký bude poměr jednotlivých základních jaký bude poměr jednotlivých základních

barevbarev jakým způsobem se budou základní barvy jakým způsobem se budou základní barvy

míchatmíchat

Barevné modelyBarevné modely

● fialová (magenta – M)● modrá (blue – B) ● modrozelená (cyan – C) ● zelená (green - G) ● žlutá (yellow – Y) ● červená (red – R)

Aditivní barevný model Aditivní barevný model RRGGBB

Vytvářeny přidávánímVytvářeny přidávánímbarvy do černébarvy do černé

Čím více barev se Čím více barev se sečte, tím je výsledek sečte, tím je výsledek světlejšísvětlejší

RGBA = RRGGBB doplněný o průhlednost alfa kanál – channel

Subtraktivní barevný model Subtraktivní barevný model CCMMYY

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

Barevný model HSVBarevný model HSV

modely odpovídají modely odpovídají „malířskému“ chápání barev„malířskému“ chápání barev

Složky ne barvySložky ne barvy Odstín (Hue)Odstín (Hue) Sytost (Saturation)Sytost (Saturation) Jas (Value)Jas (Value)

Zadávání barev v programechZadávání barev v programech

Corel Draw

PowerPoint

AutoCAD

Druh grafikyDruh grafiky Přípona souboruPřípona souboru PoužitíPoužití

rastrovárastrová.bmp, .jpg, .jpeg, .gif, .p.bmp, .jpg, .jpeg, .gif, .png, .psd, .pcxng, .psd, .pcx

fotografie, obrázky, ikony, …fotografie, obrázky, ikony, …

vektorovávektorová.cdr, .ai, .dwg, .max, .s.cdr, .ai, .dwg, .max, .svg, .zmfvg, .zmf

kresby, tiskoviny, konstrukční kresby, tiskoviny, konstrukční grafika grafika

kombinacekombinace .pdf, .ps.pdf, .ps Kombinované formáty pro Kombinované formáty pro přesné zobrazení a přesné zobrazení a profesionální tiskprofesionální tisk

Formáty souborůFormáty souborů

Děkuji Vám Děkuji Vám za pozornostza pozornost

Petr ČechmánekZákladní škola Vlára Slavičínpetr.cechmanek@centrum.cz