zÁklady grafiky
DESCRIPTION
ZÁKLADY GRAFIKY. Ing. Tomáš Kostka UNIV 2 – KRAJE; TWS_02. Motto:. „Bez teorie to prostě nejde.“. Rastry a vektory. Rastrový obrázek se skládá z obrazových bodů – pixelů. Rastry a vektory. - PowerPoint PPT PresentationTRANSCRIPT
![Page 1: ZÁKLADY GRAFIKY](https://reader035.vdocuments.site/reader035/viewer/2022062221/56814309550346895daf5c91/html5/thumbnails/1.jpg)
Ing. Tomáš Kostka UNIV 2 – KRAJE; TWS_02
ZÁKLADY GRAFIKYZÁKLADY GRAFIKY
![Page 2: ZÁKLADY GRAFIKY](https://reader035.vdocuments.site/reader035/viewer/2022062221/56814309550346895daf5c91/html5/thumbnails/2.jpg)
Motto:Motto:
„Bez teorie to prostě nejde.“
![Page 3: ZÁKLADY GRAFIKY](https://reader035.vdocuments.site/reader035/viewer/2022062221/56814309550346895daf5c91/html5/thumbnails/3.jpg)
Rastry a vektoryRastry a vektory
Rastrový obrázek se skládá z obrazových bodů – pixelů.
![Page 4: ZÁKLADY GRAFIKY](https://reader035.vdocuments.site/reader035/viewer/2022062221/56814309550346895daf5c91/html5/thumbnails/4.jpg)
Rastry a vektoryRastry a vektory
Vektorový obrázek je složen z vektorů (matematicky definovaných křivek). Základem vektorové grafiky je matematika.
![Page 5: ZÁKLADY GRAFIKY](https://reader035.vdocuments.site/reader035/viewer/2022062221/56814309550346895daf5c91/html5/thumbnails/5.jpg)
Rastry a vektoryRastry a vektory
Hlavní výhodou vektorové grafiky je možnost v podstatě libovolného zvětšování již vytvořeného obrázku, a to bez sebemenší ztráty na kvalitě. Zatímco z rastrových obrázků máme po zvětšení jen hromádku různobarevných čtverečků, vektorový obrázek se přepočítává a přizpůsobuje.
rastrový obrázek vektorový obrázek
![Page 6: ZÁKLADY GRAFIKY](https://reader035.vdocuments.site/reader035/viewer/2022062221/56814309550346895daf5c91/html5/thumbnails/6.jpg)
Rastry a vektoryRastry a vektory
KOTEL
TURBOGENERÁTORTURBÍNA + GENERÁTOR
KONDENZÁTOR
ČERPADLO
ČERPADLO
ÚPRAVNA VODY
CHLADÍCÍ VĚŽ
G
L1, L2, L3
PÁRA
PÁRA
VODA
![Page 7: ZÁKLADY GRAFIKY](https://reader035.vdocuments.site/reader035/viewer/2022062221/56814309550346895daf5c91/html5/thumbnails/7.jpg)
RozlišeníRozlišení
Počtu bodů na jednotku délky se říká rozlišení. Jednotkou délky je bohužel jeden palec (2,54 cm), jednotka se nazývá DPI (dý pí aj, Dot Per Inch, bodů na palec). Obrázek s rozlišením 300 DPI obsahuje na každý palec 300 bodů.
rozlišení 100 DPI rozlišení 20 DPI
![Page 8: ZÁKLADY GRAFIKY](https://reader035.vdocuments.site/reader035/viewer/2022062221/56814309550346895daf5c91/html5/thumbnails/8.jpg)
Barevná hloubkaBarevná hloubka
Barevná hloubka je počet barev, který může nabývat každý bod obrázku.
Fotografie většinou obsahují 16,7 miliónu barev (24 bitů/bod).
Grafické prvky na webu 256 barev (8 bitů/bod).
![Page 9: ZÁKLADY GRAFIKY](https://reader035.vdocuments.site/reader035/viewer/2022062221/56814309550346895daf5c91/html5/thumbnails/9.jpg)
Barevná hloubkaBarevná hloubka
1bitová barva (21 = 2 barvy) – Mono Color
4bitová barva (24 = 16 barev)
8bitová barva (28 = 256 barev)
16bitová barva (216 = 65 536 barev) – High Color
24bitová barva (224 = 16 777 216 barev) – True Color
![Page 10: ZÁKLADY GRAFIKY](https://reader035.vdocuments.site/reader035/viewer/2022062221/56814309550346895daf5c91/html5/thumbnails/10.jpg)
Počet bodů obrázkuPočet bodů obrázku
800 × 600
300 × 420
![Page 11: ZÁKLADY GRAFIKY](https://reader035.vdocuments.site/reader035/viewer/2022062221/56814309550346895daf5c91/html5/thumbnails/11.jpg)
Počet bodů obrázkuPočet bodů obrázku
![Page 12: ZÁKLADY GRAFIKY](https://reader035.vdocuments.site/reader035/viewer/2022062221/56814309550346895daf5c91/html5/thumbnails/12.jpg)
Počet bodů obrázkuPočet bodů obrázku
Příklad:
Kolik místa v paměti PC zabere obrázek o rozměrech 800 × 600 bodův barevné hloubce 16,7 mil. barev?
Počet bodů obrázku: 800 x 600 = 480 000 bodů.Každý bod spotřebuje 24 bitů = 3Byte
Velikost souboru s obrázkem = 480 000 bodů x 3B/bod = 1 440 000 B, tj. asi 1,4 MB.
![Page 13: ZÁKLADY GRAFIKY](https://reader035.vdocuments.site/reader035/viewer/2022062221/56814309550346895daf5c91/html5/thumbnails/13.jpg)
Komprese obrázkůKomprese obrázků
jpg 230 kB jpg 25 kB
![Page 14: ZÁKLADY GRAFIKY](https://reader035.vdocuments.site/reader035/viewer/2022062221/56814309550346895daf5c91/html5/thumbnails/14.jpg)
Komprese obrázkůKomprese obrázků
jpg 230 kB jpg 25 kB
![Page 15: ZÁKLADY GRAFIKY](https://reader035.vdocuments.site/reader035/viewer/2022062221/56814309550346895daf5c91/html5/thumbnails/15.jpg)
Komprese obrázkůKomprese obrázků
Komprese- bezeztrátová- ztrátová
Pro oblasti 8 × 8 se provedediskrétní kosínova transformace.Do soboru se ukládají jen zbytky.
![Page 16: ZÁKLADY GRAFIKY](https://reader035.vdocuments.site/reader035/viewer/2022062221/56814309550346895daf5c91/html5/thumbnails/16.jpg)
Formáty rastrových souborůFormáty rastrových souborů
bmp• Microsoft Windows BitMaP• nepoužívá kompresi – obrovská velikost souborů• barevná hloubka 24 bit pro každý bod
jpeg• Joint Photographic Experts Group• používá ztrátovou kompresi nastavitelné kvality – velká datová úspora • barevná hloubka 24 bit• ke ztrátě kvality dochází při každém uložení JPG souboru
gif• Graphics Interchange Format • používá bezztrátovou kompresi • barevná hloubka 8 bit (256 barev z libovolně definované palety)
• umožňuje ukládání více obrázků do jednoho souboru – animace• jedné barvě lze nastavit tzv. průhlednost
![Page 17: ZÁKLADY GRAFIKY](https://reader035.vdocuments.site/reader035/viewer/2022062221/56814309550346895daf5c91/html5/thumbnails/17.jpg)
Formáty rastrových souborůFormáty rastrových souborů
png• Portable Network Graphics • používá bezztrátovou kompresi • barevná hloubka až 48 bitů + až 16 bitů pro průhlednost• neumí animace• relativně nový formát, určený pro přenos souborů v síti• obsahuje algoritmus pro opravu chyb vzniklých přenosem
![Page 18: ZÁKLADY GRAFIKY](https://reader035.vdocuments.site/reader035/viewer/2022062221/56814309550346895daf5c91/html5/thumbnails/18.jpg)
Modely RGB a CMYK Modely RGB a CMYK
Monitory používají barevné paprskyv režimu RGB (Red, Green, Blue).
Tiskárny používají např. barevnéinkousty v režimu CMYK(Cyan, Magenta, Yellow, blacK)
![Page 19: ZÁKLADY GRAFIKY](https://reader035.vdocuments.site/reader035/viewer/2022062221/56814309550346895daf5c91/html5/thumbnails/19.jpg)
Získávání obrázkuZískávání obrázku
fotobanky• profesionální• většinou placené
najít a stáhnout z internetu• rychlé, jednoduché • autorská práva
naskenovat nebo vyfotit• dostupné, u fotografie jsem autor • výsledek nemusí působit profesionálně
namalovat• jsem autor, tvořím přesně podle potřeby a představ • velmi pracné a zdlouhavé
![Page 20: ZÁKLADY GRAFIKY](https://reader035.vdocuments.site/reader035/viewer/2022062221/56814309550346895daf5c91/html5/thumbnails/20.jpg)
Snímání obrazovkySnímání obrazovky
Obrazovka <PrtSc>Okno <Alt> + <PrtSc>
![Page 21: ZÁKLADY GRAFIKY](https://reader035.vdocuments.site/reader035/viewer/2022062221/56814309550346895daf5c91/html5/thumbnails/21.jpg)
Změna velikosti obrázkuZměna velikosti obrázku
![Page 22: ZÁKLADY GRAFIKY](https://reader035.vdocuments.site/reader035/viewer/2022062221/56814309550346895daf5c91/html5/thumbnails/22.jpg)
Ořez obrázkuOřez obrázku
![Page 23: ZÁKLADY GRAFIKY](https://reader035.vdocuments.site/reader035/viewer/2022062221/56814309550346895daf5c91/html5/thumbnails/23.jpg)
„… tak a nyní do práce“
![Page 24: ZÁKLADY GRAFIKY](https://reader035.vdocuments.site/reader035/viewer/2022062221/56814309550346895daf5c91/html5/thumbnails/24.jpg)
Děkuji za pozornost