Ing. Tomáš Kostka UNIV 2 – KRAJE; TWS_02

ZÁKLADY GRAFIKYZÁKLADY GRAFIKY

Motto:Motto:

„Bez teorie to prostě nejde.“

Rastry a vektoryRastry a vektory

Rastrový obrázek se skládá z obrazových bodů – pixelů.

Rastry a vektoryRastry a vektory

Vektorový obrázek je složen z vektorů (matematicky definovaných křivek). Základem vektorové grafiky je matematika.

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

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

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

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).

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

Počet bodů obrázkuPočet bodů obrázku

800 × 600

300 × 420

Počet bodů obrázkuPočet bodů obrázku

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.

Komprese obrázkůKomprese obrázků

jpg 230 kB jpg 25 kB

Komprese obrázkůKomprese obrázků

jpg 230 kB jpg 25 kB

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.

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

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

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)

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é

Snímání obrazovkySnímání obrazovky

Obrazovka <PrtSc>Okno <Alt> + <PrtSc>

Změna velikosti obrázkuZměna velikosti obrázku

Ořez obrázkuOřez obrázku

„… tak a nyní do práce“

Děkuji za pozornost