Bc. Ján Knapik, roč. Mgr. Informatika jednoodborová

Prezentace na téma: "Bc. Ján Knapik, roč. Mgr. Informatika jednoodborová"— Transkript prezentace:

1 Bc. Ján Knapik, 2014 2. roč. Mgr. Informatika jednoodborová
Grafická informácia Bc. Ján Knapik, 2014 2. roč. Mgr. Informatika jednoodborová

2 Obsah Grafická informácia Digitalizácia textu Digitalizácia obrazu
Digitalizácia videa Rastrová, vektorová grafika Video Kódovanie farieb Grafické formáty Editory na spracovanie grafické informácie Skicár CorelDraw Inkscape Photoshop Gimp Použitá literatúra

3 Grafická informácia Počítačová grafika
obrázky, fotografie, schémy rôzneho druhu vytvárané priamo pomocou počítača alebo pomocou prídavných technických prostriedkov (skener, digitálny fotoaparát...) Počítačová grafika odbor, ktorý sa vo výpočtovej technike prudko rozvíja sú to obrázky, ktoré boli vytvorené alebo upravované pomocou počítača. Počítačová grafika sa používa v rôznych odvetviach, napríklad v architektúre, reklame, medicíne (röntgenová počítačová tomografia, magnetické rezonančné zobrazenie, 3D-obrázky pri chirurgických operáciách,…) a vo filme, tlač, reklama, média, internet, hry...

4 Digitalizácia textu 1. fáza – rozdelenia textu na znaky
2. fáza - znaky sú pomocou medzinárodne dohodnutej kódovacej tabuľky (v ktorej sú očíslované všetky použité znaky) prekódované na bajty resp. bity. Každý znak (aj medzera) má svoj kód. Priradenie binárnych kódov znakom sa nazýva kódová tabuľka. Abecedy znakov, ktoré používame pri písaní textu, obyčajne obsahujú viac ako 128 (27) a menej ako 256 (28) prvkov. Preto, ako binárny kód znaku použijeme 8 bitov, čiže jeden bajt. Text sa v počítači zvyčajne ukladá tak, že sa postupne zakódujú jeho znaky.

5 Príklad Meno Janko Zelienka zakódujeme takto: Všimnime si, že aj medzera má číselnú hodnotu (32), ktorá sa digitalizuje! 2 Takže Janko Zelienka v "reči počítača" je: Pre veľkosť textového súboru bez formátovacích znakov platí: veľkosť súboru (v B) = počet znakov x počet bajtov použitého kódu na znak.

6 Digitalizácia obrazu Digitalizácia obrazu je vo všeobecnosti konverzia grafickej (analógovej) informácie do digitálneho tvaru (do zápisu pomocou čísel). Zosnímanému údaju sa priradí určitý počet bitov. Toto priradenie musí byť také, aby sa údaj z digitálnej podoby dal jednoznačne, alebo s určitým priblížením transformovať späť do analógového tvaru. rozmery (v milimetroch, pixeloch a pod.) Rozlíšenie: dpi, dpcm, lpi. farebný model (RGB, CMYK, CMY, ČB, odtiene sivej, LAB) bitová hĺbka obrazu vektorový zápis (východiskový bod, uhol, vzdialenosť)

7 Digitalizácia videa Keď sa pred naším okom zjaví nejaký obrázok, trvá niekoľko milisekúnd, kým si ho stačíme uvedomiť. Ak sa sekvencia obrázkov vykresľuje rýchlo za sebou, oko nedokáže vidieť každý obrázok individuálne. Na to, aby bola sekvencia plynulá, je treba zobraziť 24 až 30 obrázkov za sekundu. V niektorých prípadoch, kde je veľmi malá dynamická zmena medzi obrázkami (napr. hovoriaci človek), je akceptovateľných aj 15 až 20 obrázkov za sekundu. Prevod video signálu z analógového tvaru do digitálneho nazývame digitalizáciou videa. Základným prvkom videa je snímka (frame). Pokiaľ chceme vytvárať vlastné video, musíme zvoliť veľkosť snímky a počet zobrazovaných snímok za sekundu. Veľkosť snímky a frekvencia ich zobrazovania môže byť ľubovoľná. Veľkosť videa (neskomprimovaného bez zvuku) potom záleží od veľkosti snímky, počtu snímok za sekundu a dĺžky videa (v sekundách).

8 veľkosť snímky x počet snímok za sekundu x dĺžka videa = veľkosť súboru
veľkosť snímky = veľkosť obrazu x počet bajtov na pixel Napríklad snímka s rozmermi 320 x 240 bodov (pixelov) s 24 bitovou farebnou hĺbkou (3 bajty na pixel), bude potrebovať na uloženie bajtov. Aby náš mozog vnímal zobrazovaný dej spojito, potrebujeme jeho priebeh zobraziť 25 snímkami za sekundu. Tento údaj je známy z premietania klasického filmu v kine, resp. z televízneho vysielania. Pri použití 25 snímok za sekundu budú dáta narastať rýchlosťou bajtov za sekundu. To je veľké množstvo dát, s ktorými budeme ďalej pracovať (editovať - strihať). Preto potrebujeme video zmenšiť, skomprimovať. Podobne ako pri zvuku, aj v tomto prípade sa pre tento účel používajú kodeky (kóder - dekóder).

9 Rastrová, vektorová grafika
Hovorí sa, že raz vidieť je lepšie ako sto krát počuť. Preto je grafická informácia niekedy dôležitejšia ako text. Čo sa týka spôsobu, akým uchovať obrazovú informáciu v počítači, opäť môžeme povedať, že neexistuje univerzálne riešenie tohto problému. Dá sa však povedať, že existujú dva rôzne pohľady na tento problém. Prvým z nich je pozeranie sa na obrázok ako na sieť (raster) veľmi malých štvorcov - pixelov. Uloženie grafickej informácie pomocou takéhoto prístupu voláme rastrová grafika. Druhý prístup je pozeranie sa na obrázok ako na zoskupenie objektov (alebo ich častí), ktoré sa dajú nakresliť pomocou matematických vzorcov a funkcií. Tieto objekty majú svoje vlastnosti ako polohu na obrázku, veľkosť, farbu, priehľadnosť povrchu, lesklosť povrchu... Tieto vlastnosti sú vstupnými parametrami (vektormi) matematických vzorcov a funkcií, pomocou ktorých sa objekty nakreslia. Uloženie grafickej informácie pomocou takéhoto prístupu sa nazýva vektorová grafika.

10 Video Zrejme najčastejší spôsob získania videozáznamu je z videokamery. Ak je videokamera digitálna, postup je pomerne jednoduchý. Záznam sa realizuje spravidla na magnetickú pásku (DV), v niektorých prípadoch na DVD. Keďže ide o digitálny záznam, pri jeho prehrávaní do počítača či kopírovaní nevznikajú také straty ako pri kopírovaní analógového záznamu. Digitálnu kameru je najvhodnejšie pripojiť k prostredníctvom DV kábla cez FireWire rozhranie. Je možné využívať aj iné prepojenia (SVHS, AV, …), ktoré ale predstavujú podstatne nižšiu kvalitu prenosu video signálu.

11 Kódovanie farieb Bez farieb si dnes už počítačové technológie nevieme predstaviť. Pokiaľ sú farby v prírode poskladané z analógového (spojitého) spektra, farby vo svete počítačov sú zložené z digitálnych (nespojitých) signálov. Pre oko človeka je viditeľný svetelný rozsah o vlnovej dĺžke od 380 do 750 nm. Napríklad červené svetlo má rozsah vlnovej dĺžky  nm.

12 Základné farby viditeľného svetelného spektra
fialová: nm, modrá: nm, zelená: nm, žltá: nm, oranžová: nm, červená: nm. Aby sme podobných farebných kombinácií dosiahli aj v počítačovej technike – počítače, mobilné telefóny, televízory, boli vymyslené takzvabé RGB (Red Green Blue)kombinácie farieb. Ide o to, že každá farba na displeji alebo monitore, ktorú vidíme, sa skladá len z červenej, zelenej a modrej zložky s istou intezitou.

13 Grafické formáty TIFF - Tagged Image File Format
uchováva vektory a bitmapy vo vrstvách možno v ňom kombinovať vektorovú grafiku s bitmapovou Farebné profily cmyk a rgb PSD - Photoshop document uchováva vektory a bitmapy vo vrstvách možno v ňom kombinovať vektorovú  grafiku s bitmapovou farebné profily cmyk a rgb

14 JPG - Joint Photographic Experts Group
neuchováva viac vrstiev grafiky ani vektory farebné profily cmyk a rgb výhoda mála veľkosť súboru formát vhodný pre web GIF - Graphics Interchange Format Priehľadnosť (jednu farbu možnou určiť ako priehľadnú) Animácia (v jednom dokumente sa môže nachádzať viac obrazov, ktoré  tvoria animáciu) Nevýhoda: Obraz môže mať maximálne 256 farieb

15 PNG - Portable Network Graphic
neuchováva viac vrstiev grafiky ani vektory Priehľadnosť (jednu farbu možnou určiť ako priehľadnú) farebné profily rgb formát vhodný pre web, novší ako gif BMP - Bitmap formát nevhodný pre web, kvôli svojej dátovej veľkosti TGA - Targa

16 Editory na spracovanie grafickej informácie
Skicár CorelDraw Inkscape Photoshop Gimp ? Pre opätovný návrat do tejto podkapitoly stlačte obrázok

17 Skicár Súčasťou vášho počítača je Skicár, aplikácia na kreslenie, vyfarbovanie a úpravu obrázkov. Pomocou Skicára môžete vytvoriť nové jednoduché obrázky a kreatívne projekty alebo pridať text a návrhy do existujúcich súborov s obrázkami.

18 Coreldraw CorelDRAW Graphics Suite je súbor profesionálnych programov pre prácu s vektorovou a taktiež bitmapovou grafikou. Nosnými aplikáciami balíku sú CorelDraw vektorový editor, ponúkajúci naozaj širokú paletu funkcií, vrátane nového integrovaného PowerTrace, ktorý dokáže s bitmapovej grafiky vytvoriť vektorovú, ďalším programom je síce menej známi ale vysoko kvalitný rastrový editor Corel Photo and Paint, ktorého funkcie sú si blízke s jeho konkurentom Adobe Photoshop.

19 Inkscape Inkscape je vektorový grafický editor pre osobné počítače. Jeho cieľom je byť všestranným grafickým nástrojom a úplná konformnosť so štandardmi XML, SVG a CSS. Hoci Inkscape nemá niektoré z vlastností, ktoré obsahujú konkurenčné proprietárne vektorové editory, hodí sa na množstvo aplikácií. Bežne sa napríklad používa na tvorbu obrázkov ako ikony, vlajky, mapy, diagramy atď.

20 Photoshop Adobe Photoshop alebo iba Photoshop je komerčný grafický program publikovaný firmou Adobe Systems. Primárne je určený na tvorbu a úpravu rastrovej (bitmapovej) grafiky. Umožňuje tiež použitie grafických efektov a to aj vo forme zásuvných modulov. Program umožňuje aj editáciu a vytváranie vektorovej grafiky a jej prevod na rastrový obrázok. Používaný je väčšinou u profesionálnych grafikov a grafických spoločností. Dodávaný je v 27 svetových jazykoch (najbližšie po česky). Naprogramovaný je v programovacom jazyku C++.

21 GIMP Gimp je asi najlepší freeware grafický editor ktorý je momentálne na trhu. Program disponuje trochu iným typom ovládania aký je vo Windows bežný ale po chvíľke práce s ním sa dá na to zvyknúť. Gimp dokáže takmer všetko čo sa s obrázkami dá robiť ( editovať, vytvárať, retušovať... ) Obsahuje množstvo filtrov, zvláda prácu s vrstvami atď. Tým ktorým štandardné funkcie GIMP-u nestačia majú možnosť z internetu stiahnuť množstvo pluginov.

22 Domáca úloha Vyskúšajte si grafický editor Skicár a vytvorte v ňom pozvánku na svoju oslavu narodenín. Spoznajte grafické prostredie tohto programu a vytvorte čo najzaujímavejší projekt. (editor skicár je zakomponovaný v systéme Windows)

23 Použitá literatúra %20ASCII%20a%20Unicode,%20v%C3%BDpo%C4%8Dty,%20porovnanie%20s%2 0praxou.pdf bitmapovu-grafiku.html informacia.pdf

24 Ďakujem za pozornosť Krátke video na odreagovanie tu.