Co je počítačová grafika

Podobné dokumenty
POČÍTAČOVÁ GRAFIKA. Lenka Bednaříková

VYUŽITÍ POČÍTAČOVÉ GRAFIKY

Počítačová grafika SZŠ A VOŠZ MERHAUTOVA 15, BRNO

Rastrová grafika. Grafický objekt je zaznamenán jednotlivými souřadnicemi bodů v mřížce. pixel ( picture element ) s definovanou barvou

Elektromagnetické záření. Zdroj:

Registrační číslo projektu: CZ.1.07/1.5.00/ Elektronická podpora zkvalitnění výuky CZ.1.07 Vzděláním pro konkurenceschopnost

Škola: Gymnázium, Brno, Slovanské náměstí 7 III/2 Inovace a zkvalitnění výuky prostřednictvím ICT Název projektu: Inovace výuky na GSN

POČÍTAČOVÁ GRAFIKA. Počítačová grafika 1

Úvod do počítačové grafiky

Počítačová grafika. OBSAH Grafické formy: Vektorová grafika Bitmapová (rastrová grafika) Barevné modely

DATOVÉ FORMÁTY GRAFIKY, JEJICH SPECIFIKA A MOŽNOSTI VYUŽITÍ

Kde se používá počítačová grafika

Číslo DUM: VY_32_INOVACE_04_01 Autor: Mgr. Ivana Matyášková Datum vytvoření: březen 2013 Ročník: prima Vzdělávací obor: informační technologie

Digitální učební materiál

Kde se používá počítačová grafika (PG)?

Barvy a barevné modely. Počítačová grafika

Konverze grafických rastrových formátů

Práce s obrazovým materiálem CENTRUM MEDIÁLNÍHO VZDĚLÁVÁNÍ. Akreditované středisko dalšího vzdělávání pedagogických pracovníků

Základy počítačové grafiky

Výukový materiál zpracován v rámci projektu EU peníze školám

Základy informatiky. 10 Počítačová grafika

III/ 2 Inovace a zkvalitnění výuky prostřednictvím ICT

Informační a komunikační technologie Inovace výuky prostřednictvím šablon pro SŠ

Informatika Počítačová grafika Mgr. Jan Jílek (v.11/12) Počítačová grafika

Gymnázium Jana Pivečky a Střední odborná škola Slavičín. III/2 - Inovace a zkvalitnění výuky prostřednictvím ICT

(22) Počítačová grafika

1. ZÁKLADNÍ POJMY POČÍTAČOVÉ GRAFIKY

SOŠ Benešov, Černoleská 1997

Počítačová grafika. Studijní text. Karel Novotný

Barvy na počítači a grafické formáty

VY_32_INOVACE_INF4_12. Počítačová grafika. Úvod

Pavel Roubal Výukový modul projektu: Nové formy výuky ve školách kraje Vysočina

Úvod do počítačové grafiky

III/ 2 Inovace a zkvalitnění výuky prostřednictvím ICT

Digitální grafika. Digitální obraz je reprezentace dvojrozměrného obrazu, který používá binární soustavu (jedničky a nuly).

On-line škola mladých autorů , pořadatel: ČVUT FEL. Jak na obrázky? Martin Žáček

Rastrové počítačové obrazy (poněkud sporně často označované jako bitmapové) jsou pravděpodobně nejběžnější variantou obrazů v počítači.

Registrační číslo projektu: CZ.1.07/1.5.00/ Elektronická podpora zkvalitnění výuky CZ.1.07 Vzděláním pro konkurenceschopnost

Barvy a barevné systémy Formáty obrázků pro WWW

Datové formáty grafiky, jejich specifika a možnosti využití. L u b o š T o m e š e k U M T M a n a ž e r s k á i n f o r m a t i k a 2015/ 16

Fungování předmětu. 12 vyučovacích hodin ve 3 blocích Evidence docházky Zápočtový test Aktuální informace a materiály na smetana.filmovka.

Barvy a barevné systémy Formáty obrázků pro WWW

aneb malířem svépomocí

Téma: Barevné modely, formáty souborů

Počítačová grafika 1/13

Základy práce v programovém balíku Corel

Zásady prezentace CENTRUM MEDIÁLNÍHO VZDĚLÁVÁNÍ. Akreditované středisko dalšího vzdělávání pedagogických pracovníků

Obraz jako data. Biofyzikální ústav Lékařské fakulty Masarykovy univerzity Brno. prezentace je součástí projektu FRVŠ č.2487/2011

Grafické systémy. Obrázek 1. Znázornění elektromagnetického spektra.

Digitální učební materiály ve škole, registrační číslo projektu CZ.1.07/1.5.00/

Počítačová grafika - úvod

FORMÁTY UKLÁDÁNÍ OBRAZOVÝCH INFORMACÍ VÝMĚNA DAT MEZI CAD SYSTÉMY

Gymnázium a Střední odborná škola, Rokycany, Mládežníků 1115

Pixel DTP GRAFIKA. Multimédia CMYK. Pojmy. Logo. Rozlišení. Corporate identity RGB. Bézierova křivka. Tablet. Typografie. Barevná hloubka PCG/MUL

Tvorba posterů v PowerPointu a InDesignu

Grafické editory. Ing. Jan Steringa 2008

Gymnázium Jana Pivečky a Střední odborná škola Slavičín. III/2 - Inovace a zkvalitnění výuky prostřednictvím ICT

VY_32_INOVACE_INF.10. Grafika v IT

Počítačová grafika. (Computer Graphics) Úvod do tématu. Martina Mudrová únor 2007

Barvy v počítačové grafice

Grafické formáty. rastrový (bitmapa) vektorový formát (křivky) Poznámka: zobrazení na monitoru je vždy rastrové

Multimediální systémy. 03 Počítačová 2d grafika

INFORMATIKA počítačová grafika- rozdělení

SOU Valašské Klobouky. VY_32_INOVACE_3_01 IKT Pc grafika základní pojmy Mgr. Radomír Soural. Zkvalitnění výuky prostřednictvím ICT

Reprodukce obrazových předloh

Moderní multimediální elektronika (U3V)

IVT. 8. ročník. listopad, prosinec Autor: Mgr. Dana Kaprálová

DUM 02 téma: Formáty souborů rastrové grafiky

2D počítačová grafika

FORMÁTY PRO RASTROVOU GRAFIKU

Formáty pro rastrovou grafiku

Rastrová grafika. body uspořádané do pravidelné matice

SOŠ Benešov, Černoleská 1997

Komprese obrazu. Michal Bujalka, Ondrej Kováč. Gymnázium Botičská. Botičská 1, Praha 2

Výukový materiál vytvořen v rámci projektu EU peníze školám "Inovace výuky" registrační číslo CZ.1.07/1.5.00/

Tvorba posterů prakticky

Co je to DTP. Albrechtova střední škola, Český Těšín, p.o. Označení materiálu (přílohy):

Vyšší odborná škola a Střední škola,varnsdorf, příspěvková organizace. Šablona 3 VY 32 INOVACE

III/ 2 Inovace a zkvalitnění výuky prostřednictvím ICT

Vektorová a bitmapová grafika

FAKULTA STAVEBNÍ OBOR GEODÉZIE A KARTOGRAFIE KATEDRA MAPOVÁNÍ A KARTOGRAFIE. polygrafii

počítačová grafika Obor informatiky, který používá počítače ke zpracování informací, které následně uživatel vnímá očima.

GRAFIKA VEKTOROVÁ A RASTROVÁ

IVT. Rastrová grafika. 8. ročník

GRAFICKÉ FORMÁTY V BITMAPOVÉ GRAFICE

Registrační číslo projektu: CZ.1.07/1.5.00/ Elektronická podpora zkvalitnění výuky CZ.1.07 Vzděláním pro konkurenceschopnost

Počítačová grafika 1. Úvod do grafiky, základní pojmy. Rastrová grafika.

III/ 2 Inovace a zkvalitnění výuky prostřednictvím ICT

AUDIOVIZUÁLNÍ PROSTŘEDKY 1

Identifikátor materiálu: ICT-1-20

Velikosti papíru (mm) A A A A

Rastová a vektorová grafika

Digitální fotoaparáty

Digitální fotoaparáty

Inovace výuky prostřednictvím šablon pro SŠ

Klasická a digitální mikrofotografie Příklad zpracování (= úprav) digitální (mikro)fotografie Příklady analýzy obrazu

Webové stránky. 6. Grafické formáty pro web. Datum vytvoření: str ánk y. Vytvořil: Petr Lerch.

DUM 01 téma: Úvod do počítačové grafiky

3. Základní pojmy o grafice a rastrová grafika

SPECIALISTÉ NA REKLAMNÍ PŘEDMĚTY DTP MANUÁL. eshop.silicmedia.cz

Transkript:

Počítačová grafika

Co je počítačová grafika Počítačovou grafikou rozumíme vše, co zpracovává počítač a co lze sledovat očima Využití počítačové grafiky Tiskoviny - časopisy, noviny, knihy, letáky Reklama Média, televize, multimédia Internetové stránky 3D Modeling - prostorové modelování CAD projektování Hry

Rozdělení grafiky Základní rozdělení: Bitmapová (rastrová) grafika body Vektorová grafika křivky

Vektorová grafika Vektorová grafika označuje způsob ukládání obrazových informací v počítači. V případě vektorové grafiky je obraz reprezentován pomocí geometrických objektů (body, přímky, křivky, polygony).

Vektorová grafika - výhody Vektorová grafika má proti rastrové grafice některé výhody: je možné libovolné zmenšování nebo zvětšování obrázku bez ztráty kvality je možné pracovat s každým objektem v obrázku odděleně výsledná velikost obrázku je obvykle mnohem menší než u rastrové grafiky Vektorová grafika se používá zejména pro počítačovou sazbu, tvorbu ilustrací, diagramů a počítačových animací. nevýhody: oproti rastrové grafice složitější pořízení obrázku (scanner a fotoaparát produkují rastrovou grafiku) Při vyšší složitosti grafického objektu je vektorová grafika náročnější než grafika bitmapová. Nehodí se na zápis složitých barevných ploch - například fotografie

Vektorová grafika formáty a editory Pro práci s vektorovu grafikou se používají zvláštní vektorové editory: Adobe Illustrator (*.ai) Corel Draw (*.cdr) Autocad (*.cad) Zoner Calisto Freehand

Rastrová (bitmapová) grafika V bitmapové grafice je celý obrázek popsán pomocí jednotlivých barevných bodů (pixelů). Body jsou uspořádány do mřížky. Každý bod má určenu svou přesnou polohu a barvu. Tento způsob popisu obrázků používá např. PC, televize nebo digitální fotoaparát. Kvalitu obrázku ovlivňuje především rozlišení a barevná hloubka. Rozmístění a počet barevných bodů obvykle odpovídají zařízení, na kterém se obrázek zobrazuje (monitor, papír).

Rastrová grafika výhody Výhody bitmapové grafiky: určeny pro ukládání předloh z reálného světa (scannované obrázky, digitální fotografie) snadné vytváření ( screenshot obrazovky počítače, fotka) možnost modifikace - jednotlivě nebo dávkově změny barevnosti snadná přenositelnost na rastrová výstupní zařízení - obrazovka, tiskárna

Rastrová grafika nevýhody Nevýhody bitmapové grafiky: velké velikosti souborů (při velkém rozlišení a barevné hloubce může velikost obrázku dosáhnout několika megabytů nutnost komprimace změna velikosti (zvětšování obrázku) vede ke zhoršení obrazové kvality obrázku tzn. zvětšování obrázku je možné jen v omezené míře, neboť při větším zvětšení je na výsledném obrázku patrný rastr zmenšením obrázku se část pixelů zapomene

PIXEL Pixel je nejmenší jednotka digitální rastrové (bitmapové) grafiky. Představuje jeden svítící bod na monitoru, resp. jeden bod obrázku zadaný svou barvou. Body na obrazovce tvoří čtvercovou síť a každý pixel je možné jednoznačně identifikovat podle jeho souřadnic. Velikost pixelu záleží na typu monitoru. U obvyklých analogových typů lze velikost pixelu měnit změnou rozlišení. LCD obrazovky naproti tomu mají počet fyzických pixelů (tzv. nativní rozlišení) zpravidla pevně vázaný na používané rozlišení (např. 1024 768) a zobrazování jiného rozlišení u takového monitoru vede k určité deformaci obrazu

Rozlišení Počtu bodů na jednotku délky se říká rozlišení. Jednotkou délky je jeden palec (cca 2,5 cm), jednotka se nazývá DPI (Dot Per Inch, bodů na palec). Obrázek s rozlišením 300 DPI obsahuje na každý palec 300 bodů. Rozlišení musí být přiměřené. Malé rozlišení: zrnitý obrázek. Velké rozlišení: obrovský soubor. 20 DPI 100 DPI

Rozlišení U monitorů (běžných i LCD) - rozměr obrazovky měřený počtem zobrazených bodů (pixel, px) Rozlišení 1024x768 px - delší strana má 1024 bodů a kratší 768 bodů Obrázky na webu zobrazujeme většinou v 72 DPI (standardní rozlišení obrazovky) U tiskáren - hustota bodů při tisku v jednotkách dpi (dots per inch, teček na palec (2,54 cm)) Optimální rozlišení pro fotografii se udává 300 dpi; pro text stačí 75dpi. Čím vyšší je rozlišení tiskárny, tím lepší výstup (tisk) můžeme očekávat. U skenerů - kolik bodů je vytvořeno ve vznikajícím souboru z obrázku dané velikosti Při rozlišení 300 dpi bude obrázek o velikosti 2,54x2,54 cm převeden na bitmapu o rozměrech 300x300 px. Rozlišení digitálních fotoaparátů - kolik bodů má výsledná fotografie => kolik světlocitlivých buněk má snímač Udává se v megapixelech (Mpx). Digitální fotoaparáty uvádí vynásobenou hodnotu, např. 1 920 000 px = cca 2 MPix). 5 MPix = 2560 x 1920 4 MPix = 2304 x 1728 3 MPix = 2048 x 1536

Některé grafické formáty Formáty rozlišujeme jako nekomprimované a komprimované, komprimované pak na formáty s bezeztrátovou či ztrátovou kompresí. BMP GIF JPG PNG TIFF

BMP BMP je grafický formát používaný pro rastrovou grafiku. Obrázky BMP jsou ukládány po jednotlivých pixelech. Obrázky mohou obsahovat různé množství barev podle toho, jaká je barevná hloubka obrázku: 2 (1 bit), 16 (4 bity), 256 (8 bitů), 65 536 (16 bitů), nebo 16,7 miliónu (24 bitů). Osmibitové obrázky mohou místo barev používat šedou škálu. Soubory ve formátu BMP většinou nepoužívají žádnou kompresi. Z tohoto důvodu jsou obvykle BMP soubory mnohem větší než obrázky stejného rozměru, které kompresi používají. Obrázek o rozměrech 800 600 potřebuje téměř 1,4 megabytu. Formát BMP je proto zcela nevhodný pro použití na Internetu. Výhodou tohoto formátu je jeho extrémní jednoduchost a dobrá dokumentovanost. Dokáže jej snadno číst i zapisovat drtivá většina grafických editorů. V praxi se pro ukládání obrázků vyžadujících zachování všech informací používají spíše novější formáty PNG, GIF nebo také TIFF.

GIF GIF (Graphics Interchange Format) je grafický formát určený pro rastrovou grafiku. GIF používá bezeztrátovou kompresi, na rozdíl například od formátu JPEG, který používá ztrátovou kompresi. GIF je tedy vhodný pro uložení tzv. perokresby (nápisy, plánky, loga). GIF umožňuje také jednoduché animace. GIF má jedno velké omezení maximální počet současně použitých barev je 256. Formát GIF se stejně jako formáty PNG a JPEG používá pro WWW grafiku na Internetu.

JPG, JPEG JPEG je standardní metoda ztrátové komprese používané pro ukládání počítačových obrázku ve fotorealistické kvalitě. Nejrozšířenější příponou tohoto formátu je.jpg,.jpeg JPEG je nejčastější formát používaný pro přenášení a ukládání fotografií na www. Není však vhodný pro perokresbu, zobrazení textu nebo ikonky, protože kompresní metoda JPEG vytváří v takovém obrazu viditelné a rušivé artefakty.

PNG PNG (Portable Network Graphics) je grafický formát určený pro bezeztrátovou kompresi rastrové grafiky. Byl vyvinut jako zdokonalení a náhrada formátu GIF. PNG nabízí podporu 24 bitové barevné hloubky, nemá tedy jako GIF omezení na maximální počet 256 barev současně. Nevýhodou PNG (proti GIF) je praktická nedostupnost jednoduché animace. PNG se stejně jako formáty GIF a JPEG používá na Internetu.

TIFF TIFF (Tag Image File Format) je jeden z souborových formátů pro ukládání rastrové grafiky. Formát TIFF tvoří neoficiální standard pro ukládání snímků určených pro tisk. TIFF je složitější formát oproti jiným formátům pro ukládání rastrové grafiky.

Editory bitmapové grafiky Malování Adobe PhotoShop GIMP Paint Shop Pro ZPS Zoner Photo Studio

Barva Světlo elektromagetické záření

Jak vidíme Naše oči vnímají elektromagnetické záření Jsou citlivé na vlnové délky 390 až 800 nm Do mozku posílají signály, které mozek vyhodnotí jako obraz Jednotlivé vlnové délky vnímáme jako barvu

Barevné modely Matematický popis barevné informace Modely závislé RGB zobrazovací zařízení emituje světlo RGB CMYK světlo se odráží od obrazu CMY CMYK

RGB Barevný model RGB neboli červená-zelená-modrá je aditivní způsob míchání barev používaný ve všech monitorech a projektorech (jde o míchání vyzařovaného světla) tudíž nepotřebuje vnější světlo (monitor zobrazuje i v naprosté tmě) na rozdíl např. od CMYK modelu. Aditivní

CMYK CMYK je barevný model založený na subtraktivním míchání barev (mícháním od sebe barvy odčítáme, tedy omezujeme barevné spektrum, které se odráží od povrchu) CMYK se používá především u reprodukčních zařízení, která barvy tvoří mícháním pigmentů (např. inkoustová tiskárna). Model obsahuje čtyři základní barvy: azurovou (Cyan); purpurovou (Magneta); žlutou (anglicky Yellow); černou (Key) Substraktivní

Barevný gamut Rozsah všech barev v barevném prostoru CIE XYZ, které je dané zařízení schopno zobrazit Gamut se zobrazuje v diagramu hromatičnosti CIExyY, CIExyY je gamutem celého, pro člověka viditelného, barevného spektra

Barevná hloubka říká nám, kolik bitů je použitých k popisu určité barvy nebo pixelu Toto pojetí je také známé jako počet bitů na pixel Větší barevná hloubka zvětšuje škálu různých barev a přirozeně také paměťovou náročnost obrázku 1 bitová barva (2 1 = 2 barvy) také označováno jako Mono Color (černá/bílá) 4 bitová barva (2 4 = 16 barev) 8 bitová barva (2 8 = 256 barev) 16bitová barva (2 16 = 65 536 barev) - High Color 24bitová barva (2 24 = 16 777 216 barev) - True Color 32bitová barva (2 32 = 4 294 967 296 barev) - Super True Color

Barevná hloubka