Download - Grafická informácia

Transcript
Page 1: Grafická informácia

Grafická informácia

Bc. Matúš Rusnák2013/2014 LS

Ročník: 1Stupeň: Mgr.

geografia - informatika

Katolícka univerzita, Hrabovská cesta 1, Ružomberok

Page 2: Grafická informácia

digitalizácia: ◦ Textu◦ Obrazu ◦ videa

rastrová grafika vektorová grafika video kódovanie farieb grafické formáty aplikácie na spracovanie grafickej

informácie

Obsah

Page 3: Grafická informá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

Digitalizácia

Page 4: Grafická informácia

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

Digitalizácia textu

Page 5: Grafická informácia

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

Page 6: Grafická informácia

 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.

Digitalizácia obrazu

Page 7: Grafická informácia

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

Page 8: Grafická informácia

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

Page 9: Grafická informácia

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.

Digitalizácia videa

Page 10: Grafická informácia

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ť

Rastrová grafia

Page 11: Grafická informácia

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

Page 12: Grafická informácia

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

Vektorová grafika

Page 13: Grafická informácia

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

Page 14: Grafická informácia

Porovnanie vektorovej a rastrovej grafiky

Page 15: Grafická informácia

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

Video

Page 16: Grafická informácia

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äčšou vlnovou 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).

Farby

Page 17: Grafická informácia

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

Kódovanie farieb

Page 18: Grafická informácia

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

Farebný model RGB

Page 19: Grafická informácia

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.

Farebný model CMY

Page 20: Grafická informácia

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

Farebný model HSL

Page 21: Grafická informácia

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

Grafické formáty

Page 22: Grafická informácia

Príkladom sú formáty: ◦  GIF◦ JPEG◦ PNG◦ TIFF◦ BMP

Formáty rastrovej grafiky

Page 23: Grafická informácia

 Príkladom sú formáty:◦ AI◦ DXF◦ CGM◦ CDR◦ MIF◦ SVG

Formáty vektorovej grafiky

Page 24: Grafická informácia

Programy rozdeľujeme podľa toho či budeme vytvárať:◦ Rastrový obrázok◦ Vektorový obrázok

Aplikácie na spracovanie grafickej informácie

Page 25: Grafická informácia

Maľovanie (Paint) Gimp Zoner photo studiu Photo studio od firmy ADOBE Paint Shop Pro od firmy Corel Fireworks od firmy Macromedia

Rastrové editory

Page 26: Grafická informácia

Corel Draw od firmy Corel Illustrator od firmy Adobe Callisto od 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

Vektorové editory

Page 27: Grafická informácia

Č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ť???

Otázky

Page 28: Grafická informácia

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%20SUH

RN.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%20model

y.pdf http://blog.subject.sk/grafika/grafika-zaklady/graficke-formaty-pre-vektorovu-a-bitmapovu-gr

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

Použité zdroje:

Page 29: Grafická informácia

Ďakujem za pozornosť