Grafická informácia

1. Katolícka univerzita, Hrabovská cesta 1, Ružomberok Grafická informácia Bc. Matúš Rusnák 2013/2014 LS Ročník: 1 Stupeň: Mgr. geografia - informatika

2. Obsah • digitalizácia: • Textu • Obrazu • videa • rastrová grafika • vektorová grafika • video • kódovanie farieb • grafické formáty • aplikácie na spracovanie grafickej informácie

3. Digitalizácia • Je to prevod analógovej (spojitej) informácie (zvuk, svetlo, teplo) na informáciu digitálnu (číselnú, nespojitú) • Je to teda priradenie číselných hodnôt (kombinácie bitov) k hodnotám spojitej veličiny • Prevod do digitálnej formy musí byť taký, aby bolo možné previesť informáciu späť na analógový tvar s dostatočnou presnosťou

4. Digitalizácia textu • Pre digitalizáciu tlačeného textu používame ručné, alebo stolné skenery, ktoré nepotrebujú snímať s veľkým rozlíšením a postačuje im čiernobiele snímanie obrazu

5. Po zosnímaní obrazu sa obraz použije ako vstup pre OCR softvér (opticalcharacterrecognition), ktorý pomocou rôznych algoritmov rozpozná znaky a prevedie ich do textovej podoby

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

7. Obrazy môžeme digitalizovať z grafických predlôh, napríklad skenovaním farebných obrázkov alebo priamym spracovaním napr. snímaním obrazu digitálnym fotoaparátom alebo kamerou

8. V súčasnosti už existuje možnosť snímať aj trojrozmerné predlohy prostredníctvom špeciálnych 3D skenerov

9. Digitalizácia videa • Digitalizáciu videa zo starých kaziet VHS, Hi8 a pod. je vhodné spraviť skôr, ako poklesne kvalita záznamu v dôsledku opakovaného prehrávania. Video po digitalizácii sa ukladá na DVD ako film a je možné ho prehať pomocou bežného prehrávača na televízore alebo na počítači.

10. Rastrová grafia • je v podstate obraz, rozdelený na malé grafické elementy – body (štvorčeky, pixely) usporiadané do matice • Každý bod má v matici určenú presnú polohu, farbu, prípadne priehľadnosť

11. Podľa počtu farieb používaných v obrázku je potom použité určité množstvo dát-bitov pre popísanie farby jedného pixelu • Typickým znakom rastrových obráz- kov je, že sa ich zväčšovaním (pribli- žovaním) zhoršuje kvalita zobrazenia

12. Vektorová grafika • Vektorová grafika popisuje jednotlivé časti obrazu ako geometrické útvary (bod, úsečka, kružnica, mnohouholník) pomocou vzťahov používaných v analytickej geometrii • Pre popísanie kruhu teda stačí popísať len súradnice jeho stredu, polomer, farbu okraja a farbu výplne, čím sa dramaticky zníži množstvo údajov potrebných pre popis celého obrázku

13. Pri zmene rozmerov vektorových obrázkov sa neprejavuje efekt zhoršenia kvality, pretože meníme len súradnice a nie celé „kusy“ obrazu

14. Porovnanie vektorovej a rastrovej grafiky

15. Video • Video je sled snímkov idúcich za sebou. Tento sled spôsobuje dojem pohybu. Po objavení filmu sa film prehrával len v 18 fps (frames per second, snímkov za sekundu). Po objavení zvuku bolo však potrebné zvýšiť počet fps na 24, aby sa zvuk prehrával správne. Dnes sa videá v bežných podmienkach prehrávajú v 30 fps, lebo ľudské oko už dokáže vnímať len 27 snímkov za sekundu (fps).

16. Farby • aby bol obrázok farebný, musíme každému pixelu obrázka priradiť určitú farbu • Ľudské oko dokáže vnímať iba určitý rozsah vlnových dĺžok svetla. Svetlo snajväčšouvlnovou dĺžkou, ktoré ľudské oko vníma, je červenej farby (780 nm) a svetlo s najnižšou vlnovou dĺžkou je svetlo fialovej farby (380nm).

17. Kódovanie farieb • Každá zložka je vyjadrená číslom z intervalu[0,255]. Následne na to každá farba je trojčíslie týchto čísel. Napríklad: • biela farba má maximum (pixel svieti) každej RGB zložky: rgb(255,255,255), • čierna farba má minimum (pixel nesvieti) každej RGB zložky: rgb(0,0,0), • rýdza modrá farba: rgb(0,0,255), • rýdza zelenáfarba: rgb(0,255,0), • rýdza červenáfarba: rgb(255,0,0), • rýdzažltáfarba: rgb(255,255,0), • rýdza tyrkysováfarba: rgb(0,255,255), • rýdza fialová farba: rgb(255,0,255).

18. Farebný model RGB Obrázok srdca môžeme týmto spôsobom zakódovať napríklad aj takto (kvôli kratšiemu zápisu použijeme šestnástkovú sústavu):

19. Farebný model CMY • je model, ktorý používa doplnkové farby. V modeli RGB platilo, že ak zmiešame všetky tri základné farby s maximálnou sýtosťou, dostaneme bielu farbu.

20. Farebný model HSL • farebný modelodtieň, sýtosť, svetlosť. To znamená, že výsledná farba je kombináciou farebného odtieňu, jeho sýtosti a svetlosti

21. Grafické formáty • Stanovujú pravidlá, podľa ktorých je obrázok uložený v súbore. Niektoré fomáty môžu mať v súbore niesť aj ďalšiu informáciu. Napr. o expozícii, dátume a čase a podobne...

22. Formáty rastrovej grafiky • Príkladom sú formáty: • GIF • JPEG • PNG • TIFF • BMP

23. Formáty vektorovej grafiky •  Príkladom sú formáty: • AI • DXF • CGM • CDR • MIF • SVG

24. Aplikácie na spracovanie grafickej informácie • Programy rozdeľujeme podľa toho či budeme vytvárať: • Rastrový obrázok • Vektorový obrázok

25. Rastrové editory • Maľovanie (Paint) • Gimp • Zonerphotostudiu • Photostudio od firmy ADOBE • Paint Shop Pro odfirmy Corel • Fireworks od firmy Macromedia

26. Vektorové editory • Corel Draw od firmy Corel • Illustrator od firmy Adobe • Callistood firmy Zoner, inak DTP (Desktop Publishing) • Medzi vektorové editory, ktoré umožňujú vytvárať animácie, patrí editor Flash od firmy Macromedia a medzi vektorové editory patria tiež 3D modelovacie nástroje, z ktorých je najznámejšie 3D studio MAX

27. Otázky • Čo je to digitalizácia textu? • Aké druhy skenerov poznáte? • Čo viete povedať o videu? • Aký je rozdiel medzi rastrom a vektorom? • Aké poznáte rastrové formáty? • Aké poznáte vektorové formáty? • Vymenuj programy pre prácu s rastrami. • Vymenuj programy pre prácu s vektormi. ??? Chcete sa Vy ešte na niečo opýtať???

28. Použité zdroje: • http://www.gymavlv.edu.sk/inf/inf_3/graficka_informacia.pdf • http://www.gymmoldava.sk/ICV/INF/doc/grafika/ucebnetexty/graficka-informacia.pdf • http://www.gymmoldava.sk/ICV/INF/doc/grafika/ucebnetexty/pocitacova%20grafika%20SUHRN.pdf • http://www.meinf.wbl.sk/Digitalizacia-textu.html • http://www.ssgke.sk/dokumenty/informatika/2_%20Digitaliz%C3%A1cia%20textu,%20ASCII%20a%20Unicode,%20v%C3%BDpo%C4%8Dty,%20porovnanie%20s%20praxou.pdf • http://www.gymavlv.edu.sk/inf/sem_2/digitalizacia_textu.pdf • http://gkmke.sk/informatika/4.rocnik/DigitalizaciaZvuku.pdf • http://www.gymparnr.edu.sk/obsah/predmety/subory/informatika/poc_grafika.pdf • http://www.svet-komunikacie.sk/index.php?ID=3071 • http://www.oskole.sk/?id_cat=2010&clanok=14891 • http://cs.wikipedia.org/wiki/Vektorov%C3%A1_grafika • http://grafika.sk/clanok/vektorova-grafika-uvod/ • http://www.gymmoldava.sk/ICV/INF/doc/grafika/ucebnetexty/kodovanie%20farieb%20modely.pdf • http://blog.subject.sk/grafika/grafika-zaklady/graficke-formaty-pre-vektorovu-a-bitmapovu-grafiku.html • ttp://www.photoshopbook.net/photoshop-manual/graficke-formaty.html • ttp://referaty.atlas.sk/ostatne/informatika/23532/graficke-formaty • ttp://www.gymmoldava.sk/ICV/INF/doc/grafika//ucebnetexty/programy%20na%20grafiku.pdf

29. Ďakujem za pozornosť