GRAFICK INFORMCIA Bc Jn Knapik 2014 2 ro

GRAFICKÁ INFORMÁCIA Bc. Ján Knapik, 2014 2. roč. Mgr. Informatika jednoodborová

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

GRAFICKÁ INFORMÁCIA • 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, 3 D-obrázky pri chirurgických operáciách, …) a vo filme, tlač, reklama, média, internet, hry. . .

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.

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: 10010101100001110110101111100000101100101100110100111001011101 1010111100001 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.

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

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

• 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 230 400 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 5 760 600 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).

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.

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 Fire. Wire rozhranie. Je možné využívať aj iné prepojenia (SVHS, AV, …), ktoré ale predstavujú podstatne nižšiu kvalitu prenosu video signálu.

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 620 -750 nm.

• Základné farby viditeľného svetelného spektra • fialová: 380 -450 nm, • modrá: 420 -495 nm, • zelená: 495 -570 nm, • žltá: 570 -590 nm, • oranžová: 590 -620 nm, • červená: 620 -750 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.

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

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 • neuchováva viac vrstiev grafiky ani vektory • farebné profily cmyk a rgb • formát vhodný pre web • 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

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 • neuchováva viac vrstiev grafiky ani vektory • farebné profily rgb • formát nevhodný pre web, kvôli svojej dátovej veľkosti TGA - Targa • neuchováva viac vrstiev grafiky ani vektory • farebné profily rgb

EDITORY NA SPRACOVANIE GRAFICKEJ INFORMÁCIE • Skicár • Corel. Draw • Inkscape • Photoshop • Gimp ? Pre opätovný návrat do tejto podkapitoly stlačte obrázok

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.

CORELDRAW • Corel. DRAW Graphics Suite je súbor profesionálnych programov pre prácu s vektorovou a taktiež bitmapovou grafikou. • Nosnými aplikáciami balíku sú Corel. Draw vektorový editor, ponúkajúci naozaj širokú paletu funkcií, vrátane nového integrovaného Power. Trace, 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.

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

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

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.

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)

POUŽITÁ LITERATÚRA • http: //www. ssgke. sk/dokumenty/informatika/2_%20 Digitaliz%C 3%A 1 cia%20 textu, %20 A SCII%20 a%20 Unicode, %20 v%C 3%BDpo%C 4%8 Dty, %20 porovnanie%20 s%20 praxou. pdf • http: //blog. subject. sk/grafika-zaklady/graficke-formaty-pre-vektorovu-a-bitmapovu -grafiku. html • http: //skola. dvp. sk/? p=969 • http: //gkmke. sk/informatika/4. rocnik/Digitalizacia. Videa. pdf • http: //www. gymmoldava. sk/ICV/INF/doc/grafika/ucebnetexty/graficka-informacia. pdf

ĎAKUJEM ZA POZORNOSŤ Krátke video na odreagovanie tu.