1. GRAFIKA

2. Počítačovou grafikou rozumieme všetko, čo spracováva počítač
a čo je možné sledovať očami.
Za počítačovú grafiku môžeme považovať:
technické výkresy
digitálne fotografie
fonty, textovú grafiku
2D a 3D hernú grafiku
prostredie operačného systému (plocha, ikony, pohyb okien)
www stránky
tlačové výstupy
...

3. Grafika na počítači
Znaková grafika
Bitmapová grafika
Vektorová grafika
Metagrafika
Obrázky
na počítači

4. Pozoruj a popíš rozdiely v priložených obrázkoch:

5. Rastrová grafika

6. Rastrová grafika
Rastrová (označovaná aj ako bitmapová) grafika funguje na princípe malých diskrétnych bodov (pixelov), ktoré sú zoradené do riadkov a stĺpcov.
Každý rastrový obrázok sa skladá z mriežky (siete). Veľkosť mriežky je založená na rozlíšení.
Napríklad obrázok o veľkosti 1x1 palec v rozlíšení 600dpi je definovaný mriežkou o veľkosti 600x600 pixelov.
Obrázok je tvorený farebnými bodmi. Čím je obrazových bodov viac, tým je zobrazenie kvalitnejšie.

7. PIXEL Je nositeľom informácie o farebnosti, o polohe
Skladá sa zo subpixelov
Každý subpixel predstavuje jednu z troch zložiek farby farebného spektra z intervalu 0 – 255 pre každú zložku (3*8b)

8. Pre rastrové obrázky sa používa veľké množstvo formátov, ktoré obvykle vznikali podľa potreby používateľov výpočtovej techniky.
Medzi najznámejšie formáty rastrových obrázkov môžeme zaradiť:
  BMP
  TIF
  JPEG
  GIF
  PNG

9. Možnosti vytvárania rastrových formátov:
FOTENÍM DIGITÁLNYM FOTOAPARÁTOM
NAKRESLENÍM V BITMAPOVOM EDITORE
SCANOVANÍM – ZDIGITALIZOVANÍM TLAČE
EXPORTOVANÍ Z VEKTOROVÉHO FORMÁTU

10. + - väčšie nároky na dátový procesor ŠIROKÁ SOFTWAROVÁ PODPORA
plusy
väčšie nároky na dátový procesor
rastrové obrázky sa deformujú – strácajú na kvalite pri zmene ich veľkostí, na rozdiel od vektorových obrázkov
ŠIROKÁ SOFTWAROVÁ PODPORA
JEDNODUCHOSŤ VYTVÁRANIA
VHODNÁ NA ZLOŽITÉ SCÉNY
MOŽNOSŤ POUŽITIA KOMPRESIE
opticky verné uchovanie obrázkov, napr. fotografií,
možnosť prevádzať rôzne grafické efekty, koláže, fotomontáže...,
archivácia a spracovanie "papierových" obrázkov atď. -
mínusy

11. Nekomprimované a komprimované formáty
.bmp
nekomprimovaný formát, môže byť aj komprimovaný RLE
Bit Mapped Picture ➔ bitová mapa
pamätá si farebnú hĺbku každého bodu v rástri osobitne
.tif
komprimovaný formát
Tagged Image File Format – bitová mapa
jpg (jpeg)
princíp komprimácie je založený na interpolácii farebného prechodu
výhody: malá veľkosť súboru ➔ ľahká prenositeľnosť (cez sieť)
nevýhody: neuchováva ostré hrany
.gif
princíp komprimácie využíva sekvencie (za sebou idúce časti) rovnakej farebnej hĺbky (bezstratová kompresia)
výhody: uchováva ostré hrany ➔ ikony, výkresy; umožňuje uchovávať animácie, malá veľkosť, transparentnosť
nevýhody: farebná hĺbka len 256 farieb
.png
využíva bezstratovú kompresiu ako .gif formát
oproti „gifu“ môže mať až 48 bitové kódovanie (True Color) jedného pixelu
podporuje transparentnosť
výhody: transparentnosť aj pri farebnej hĺbke True Color
nevýhody: väčšia veľkosť súboru pri True Color obrázkoch

12. Editory rastrovej grafiky:
PaintBrush(Skicár),
Paint Shop Pro,
Logo Motion,
Painter Classic,
Adobe Photo Shop,
RNA(Revelation Natural Art)
Corel Paintshop
GIMP

14. Ďalšie grafické formáty
AVI, MOV, MGP – formáty slúžiace na prenos zvuku a videa. Video je vytvorené mnohými, za sebou idúcimi obrázkami. Ak ich rýchlo premietame na obrazovku, vzniká dojem pohybu. Hodinový film obsahuje asi obrázkov, tým pádom zaberá na disku veľa miesta, a preto sa obrázky komprimujú – stratovou kompresiou – niekedy sa ukladajú iba informácie o zmenách medzi dvoma obrázkami.

15. Využitie bitmáp Reklama Archivácia Web umelecká tvorba
digitálne fotografie

16. Vektorová grafika

17. Vektorová grafika
Vektorová grafika označuje spôsob definovania obrazových informácií pomocou základných geometrických primitív, akými sú bod, úsečka (vektor),priamka, krivka, mnohouholn ík, ktoré sa dajú vyjadriť matematickými rovnicami.
Grafická informácia sa ukladá pomocou matematického zápisu. Ten definuje čiary a krivky, z ktorých je obrázok zložený.
Vektorové obrázky sú výsledkom vrstvenia jednotlivých objektov

18. OBJEKTY VEKTOROVEJ GRAFIKY
BODY
ČIARY, KRIVKY (BEZIEROVÉ)
TROJUHOLNÍKY, ŠTVORHRANY (POLYGÓNY)
BITMAPOVÝ RASTER
(AKO IMPORTOVANÝ OBJEKT)

19. Medzi najznámejšie formáty vektorových obrázkov môžeme zaradiť:
.wmf - skratka od Windows MetaFile; používa sa hlavne v MS Windows; ide o formát, ktorý obsahuje popis potupnosti operácií, aby sa dosiahol cieľový obrazový efekt
.dwg - skratka od DraWinG; ide o vektorový formát; zaviedla a používa ho firma Autodesk vo svojom programe AutoCAD
.cdr - skratka od Corel Draw file; ide v princípe o vektorový formát, môže však obsahovat aj bitmapu; používa ho kanadská firma Corel na ukladanie obrázkov zo svojho svetoznámeho programu Corel Draw; tento formát je však okrem Corelu veľmi málo rozšírený a podporovaný
.svg – Scalable Vector Grafics
značkovací jazyk na opis animovanej vektorovej grafiky
využíva sa vo webových prehliadačoch a mobiloch

20. Možnosti vytvárania vektorových formátov:
NAKRESLENÍM VO VEKTOROVOM EDITORE
IMPORTOVANÍM BITMAPOVÉHO OBRÁZKA DO VEKTOROVÉHO EDITORA

21. Editory vektorovej grafiky:
Corel Draw
Zoner Callisto
Macromedia Flash
Inkscape

22. + - prepočet scény môže byť náročný na výkon PC
plusy
prepočet scény môže byť náročný na výkon PC
zväčšovanie obrázka nemá vplyv na jeho kvalitu,
keďže vektor je definovaný matematicky – je vektorová grafika presná,
vo vektorovom obrázku je možné kedykoľvek previesť zásadné zmeny (počas tvorby i neskôr).
Objekty je možné upravovať samostatne
Zväčšovanie obrázku neznižuje jeho kvalitu
Obrázky majú malý dátový objem a vo veľmi malej miere naň vplýva zväčšovanie či zmenšovanie obrázka -
mínusy

23. grafické a kartografické informačné systémy
Využitie
grafické a kartografické informačné systémy
CAD systémy
návrhárske štúdia

24. existuje software na prekonvertovanie rastrovej grafiky na vektorovú a naopak

25. Farby a grafika

26. Kódovanie farieb
každá farba sa dá zložiť z odtieňov 3 základných farieb, a to červenej, zelenej a modrej;
v počítačovej grafike poznáme 256 odtieňov z každej z týchto farieb (ľudské oko nie je schopné rozoznať všetky tieto farby) – intenzitu každej z nich teda môžeme kódovať pomocou 8 bitov (28 = 256).
Keď berieme do úvahy všetky tri základné farby, ľubovoľný farebný odtieň v takomto prípade budeme môcť kódovať pomocou 24 bitov (3 x 8; 28 x 28 x 28 = 16  farieb)
pri 24 bitovom kódovaní (True Color) dokážeme definovať 16 777 216 rôznych farieb (ľudské oko rozozná asi čistých farieb spolu s odtieňmi a 5-10 miliónov miešaných odtieňov). 12 13 14 15

27. Farebná hĺbka (2 bity, 8 bitov, 16 bitov, 24 bitov, atď.)
Je množstvo pamäte potrebnej na uchovanie farebnej informácie
(2 bity, 8 bitov, 16 bitov, 24 bitov, atď.)

28. Rozlíšenie Príklad: 1536 x 2048 = 3145728
Je počet pixelov vo vodorovnom a zvislom smere (800 x 600, 1024 x 768);
pri vynásobení pixelov môžeme udávať rozlíšenie aj v pixeloch (3 Megapixely,
5 MegaPixelov, atď.)
Príklad: 1536 x 2048 =
:(1024x1024) = 3 MegaPixely 17 20 21

29. Farebný model RGB
aditívne skladanie farieb červenej (red), zelenej (green) a modrej (blue)
používa sa pre monitory, kamery, fotoaparáty, atď.

30. Farebný model CMYK
doplnkový model k RGB modelu, používajú ho tlačiarne
základnými farbami sú: modrozelená (Cyana), fialová (Magenta), žltá (Yellow) a čierna (Black)

31. 31