Úvod do počítačové grafiky



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

Úvod do počítačové grafiky

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

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

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

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

Co je počítačová grafika

Počítačová grafika - úvod

Digitální učební materiál

INFORMATIKA VYSOKÉ UČENÍ TECHNICKÉ V BRNĚ FAKULTA STAVEBNÍ HELENA NOVOTNÁ MODUL 5 POČÍTAČOVÁ GRAFIKA

Práce na počítači. Bc. Veronika Tomsová

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

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

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

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

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

Světlo. Podstata světla. Elektromagnetické záření Korpuskulární charakter. Rychlost světla. Vlnová délka. Vlnění, foton. c = ,8 km/h

Grafické editory. Ing. Jan Steringa 2008

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

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

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

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

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ů

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

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

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

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

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

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

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

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

Tvorba posterů prakticky

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

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

Elektromagnetické záření. Zdroj:

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

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

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

IVT. Grafické formáty. 8. ročník

Rastová a vektorová grafika

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

B_PPG PRINCIPY POČÍTAČOVÉ GRAFIKY

Základy počítačové grafiky

Metodické listy pro kombinované studium předmětu. B_PPG Principy počítačové grafiky

Úvod do Adobe Illustrator CS 5

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

Barvy v počítačové grafice

Multimediální systémy. 02 Reprezentace barev 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

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

Výukový materiál v rámci projektu OPVK 1.5 Peníze středním školám

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

Rozšíření bakalářské práce

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.

Š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

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

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/

Obsah. Úvod Barevná kompozice Světlo Chromatická teplota světla Vyvážení bílé barvy... 20

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

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

ŠKOLNÍ VZDĚLÁVACÍ PROGRAM DR. J. PEKAŘE V MLADÉ BOLESLAVI

Ukázka knihy z internetového knihkupectví

Informační a komunikační technologie. Základy informatiky. 5 vyučovacích hodin. Osobní počítače, soubory s fotografiemi

GRAFICKÉ FORMÁTY V BITMAPOVÉ GRAFICE

Barvy v počítačové grafice

Barva. v počítačové grafice. Poznámky k přednášce předmětu Počítačová grafika

Úvod do počítačové grafiky

2D počítačová grafika

Tvorba posterů v PowerPointu a InDesignu

Produktové Dokumenty (Datum ) Srovnání verzí: pcon.planner 7.0 Rozdíly mezi verzemi Standard-, ME a PRO

5.3.1 Disperze světla, barvy

Variace. Počítačová grafika

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

Reprodukce obrazových předloh

III/2 Inovace a zkvalitnění výuky prostřednictvím ICT EU-OVK-VZ-III/2-ZÁ-315

1.1. Spuštění ArchiCADu Práce s projektem Pracovní plocha 19

Vektorová a bitmapová grafika

PRINCIPY POČÍTAČOVÉ GRAFIKY

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

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

Tento materiál byl vytvořen vrámci projektu. Inovace ve vzdělávání na naší škole V rámci OP Vzdělávání pro konkurenceschopnost

Vektorové grafické formáty

VY_32_INOVACE_INF.10. Grafika v IT

Barvy. Radek Fiala. Podpořeno z projektu FRVŠ 584/2011

Barvy a barevné systémy. Ivo Peterka

Digitální fotografie. Mgr. Milana Soukupová Gymnázium Česká Třebová

Algoritmizace prostorových úloh

ZPRACOVÁNÍ OBRAZU přednáška 4

Barvy v počítačové grafice

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

Čí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

(22) Počítačová grafika

aneb malířem svépomocí

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

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

Moderní multimediální elektronika (U3V)

Úvod...9 Historie počítačů...9 Digitální fotoaparát...10 Co čekat od počítače...10 Historie od verze 5 po verzi

Barevné systémy Josef Pelikán CGG MFF UK Praha

Obsah. Předmluva 13 KAPITOLA 1 KAPITOLA 2

Transkript:

Úvod do počíta tačové grafiky

Počíta tačová grafika zobrazování popis objektů obraz modelování (model světa) rekostrukce zpracování obrazu

Popis obrazu rastrový neboli bitmapový obraz = matice bodů vektorový obraz = množina objektů, matematicky definované křivky Zobrazování Výstupní zařízení rastrová převažují monitor (800 600, 1024 768) tiskárny laserové a inkoustové (300dpi, 600dpi) plotr inkoustový vektorová plotr perový či řezací Vstupní rastrové zařízení pro snímání obrazu skener, digitální fotoaparát

Grafický bod Pixel (pixel = picture element) mají barvu!! Body, které používá k zobrazování výstupní zařízení: obrazovka několik malých bodů vysvítí jeden pixel inkoustová tiskárny velikost pixelu odpovídá velikosti kapičky barvy laserová tiskárna velikost bodu odpovídá několika zrnkům toneru Matematické body, které specifikují polohu: souřadnice určující polohu bodu v obraze, nemá rozměr

Barevná hloubka pixelu počet bitů potřebných na reprezentaci jeho barvy (odstínu) počet možných barev potřebný počet bitů (hloubka) 2 1 černo-bílé 4 2 16 4 256 8 bitů = 1 byte 16,7 mil. TrueColor 24 bitů = 3 byte 11111111 0 255 2 8-1 na každou barvu 1 byte

Barvy a jejich reprezentace

Světlo vlnění v oblasti cca 10 8 MHz (barva odpovídá frekvenci) nižší frekvenci než červené má infračervené (IR) záření červená (4,3 10 8 MHz) okrajová hodnota barevného spektra fialová (7,5 10 8 MHz) okrajová hodnota barevného spektra vyšší frekvenci než fialové má ultrafialové záření V rámci viditelné části spektra je člověk schopen rozlišit víc než 4 10 5 různých barev a jejich odstínů.

Barevné modely Ze kterých základních barev se budou ostatní skládat? Jaký bude poměr jednotlivých základních barev? Jakým způsobem se budou základní barvy míchat? Model HSV Aditivní model (model RGB) Subtraktivní model (model CMYK)

Aditivní barevný model (typicky RGB) Barvy jsou vytvářeny přidáváním barvy do černé Aditivní barevné prostředí nepotřebuje vnější světlo (barvy na monitoru), světlo vytváří samotné zobrazovací zařízení Používá se při ukládání do souborů

Subtraktivní barevný model typicky CMY(K) Základní barvy jsou odečítány od bílé, čím více odeberu, tím více se blížím černé Subtraktivní prostředí je prostředí, které odráží světlo, a proto potřebuje vnější zdroj světla Používá se v tiskárnách, plotrech, ve fotografii CMY(K) (Cyan, Magenta, Yellow, black), tedy tyrkysová, fialová, žlutá, černá)

Model HSV Hue (odstín), Saturation (sytost), Value (intenzita) dstín - základní spektrální barva; hodnoty jsou udávány ve stupních na barevném kruhu (0 360 ) ytost - poměr čisté barvy a bílé (maximální sytost 100% mají spektrální barvy) ntenzita jas - jasná barva (100% ) nemá příměs černé,klesání jasu = přidávání černé přidáváním bílé a černé do spektrálních barev vytváříme nové barvy model odpovídá malířskému chápání barev

Model HSV (jak vypadá v různých programech) PowerPoint Corel Draw AutoCAD

Ekvivalentní RGB, CMY a HSV hodnoty barva RGB CM Y HSV červená 255, 0, 0 0, 255, 255 0, 100%, 100% žlutá 255, 255, 0 0, 0, 255 60, 100%, 100% zelená 0, 255, 0 255, 0, 255 120, 100%,100% azurová ( cyan) 0, 255, 255 255, 0, 0 180, 100%, 100% modrá 0, 0, 255 255, 255, 0 240, 100%, 100% purpurová ( magenta) 255, 0, 255 0, 255, 0 300, 100%, 100% černá 0, 0, 0 255, 255, 255 0, 0%, 0% 63, 63, 63 191, 191, 191 0, 0%, 25% 127, 127, 127 127, 127, 127 0, 0%, 50% 191, 191, 191 63, 63, 63 0, 0%, 75% odstín y šedé bílá 255, 255, 255 0, 0, 0 0, 0%, 100% růžová světlá 255, 192, 192 0, 64, 64 0, 25%, 100% růžová tmavá 255, 128, 128 0, 128, 128 0, 50%, 100% tmav ěčervená 203, 0, 0 52, 255, 255 0, 100%, 80% hnědá 128, 0, 0 127, 255, 255 0, 100%, 50%

Grafické formáty

Formáty pro přenos p a ukládání grafické informace rastrové (bitmapové) Obraz je popsán jako matice barevných bodů. vektorové Obraz je popsán posloupností kreslících příkazů. scénové animační multimediální metasoubory vektorová a rastrová data současně

Rastrové (bitmapové) ) formáty obraz je matice graf. elementů, bodů, pixelů pixel má jediný atribut barvu zahrnují většinou nějakou komprimaci formáty podle počtu barev monochromatické ve stupních šedi barevné příklady: BMP, GIF, PCX, TIFF, JPG

Rastrové (bitmapové) ) formáty tento soubor se skládá ze tří částí: a) EXIF (údaje připojené nedílně k obrázku) identifikace a verze informace o uloženém obrazu např.: pozice, rozměry, poměr stran, rozlišení, expoziční údaje o fotce barevná hloubka počet možných barev způsob uložení grafických dat - formát, čím byl vytvořen b) thumbnail (náhled) miniatura pří zobraz souborů c) vlastní obrazová data informace o barvě pixelů (nejčastěji RGB) různě ukládaná (formáty)

Vektorové formáty popis obrazu je posloupnost zakódovaných kreslících příkazů jednotlivé formáty slouží různým účelům a výrazně se liší prvky vektorových obrazů např. úsečka, oblouk, kružnice, křivka, písmeno mají atributy jako pozice, rozměry, barva, tloušťka čáry, výplň příklady: DXF, DXB (výměnné formáty CAD systémů) DWG (AutoCAD) HPGL (PLT) (pro výstupní zařízení) CDR (CorelDraw)

Porovnání rastrových a vektorových formátů rastrové pro předlohy z reálného světa snadné vytváření z dat uložených v poli v paměti pixelové hodnoty mohou být měněny hromadně snadný přenos na rastrová výstupní zařízení (obrazovka, tiskárny) vektorové vektorový popis lze snadno editovat paměťové nároky odpovídají složitosti obrázku při zobrazování se využívá rozlišení daného zařízení + velmi rozsáhlé, zejména pro velké množství barev problémy se změnou velikosti omezená oblast použití někdy horší přenositelnost

Grafické editory

Grafické editory Rastrové AdobePhotoshop CorelPhotoPaint Zoner Photo Studio Malování 2D systémy CorelDraw AdobeIlustrator AldusFreeHand Vektorové CAD systémy AutoCAD Spirit Microstation ArchiCAD Nemecek TurboCAD 3D systémy 3D Studio

Rastrové editory kreslení i úpravy = změna barvy bodů základní geometrické tvary typy čar (pero, štětec, ) rozsáhlé možnosti výplní (přechody barev, vzorky, ) guma

Rastrové editory kreslení i úpravy = změna barvy bodů úpravy rastru (barev, velikosti) výřezy (kopírování, otočení, posun, zrcadlení) retušovací nástroje (zaostření,rozmazání, ) rastrové efekty export do rastrových formátů

Vektorové editory kreslení = tvorba objektů úprava = změna vlastností objektů základní geometrické objekty křivky, kreslení od ruky úprava nakreslených objektů (např. kopie, změna velikosti, otáčení, změny pořadí, vzájemné zarovnávání) zarovnání vůči sobě, změny pořadí, seskupování typ, vzhled a vlastnosti čar a výplní široké možnosti práce s textem efekty: perspektiva, obálka, tvarové přechody export do různých formátů (vektorových i rastrových)

CAD systémy CAD = Computer Aided Design (počítačová podpora projektování, návrh pomocí počítače) přesné zadávání bodů, velikostí a úhlů, různé druhy souřadnic kreslení úseček, křivek, geometrických tvarů, písma a šraf editační příkazy kopie, změna velikosti, otáčení, ořezávání, prodlužování, změny vlastností barvy, typy čar, hladiny, bloky kótování možnost propojení s databázemi, knihovny prvků export a import formátu DXF 3D modelář (některé) univerzální, specializované nadstavby, speciální systémy

Editory pro 3D kreslení kreslení prostorových objektů a operace s nimi sjednocení, průnik, rozdíl, rozříznutí viditelnost nastavení světel umístění, typ, intenzita, barva typy světel: bodový zdroj (žárovka) zdroj rovnoběžného světla (slunce) plošný zdroj (okno) kuželový zdroj (reflektor) stínování, vrhání stínu nastavení materiálu (parametry barva, hladkost, kovovost. lesk, průhlednost index lomu, mapa povrchů) rendering tvorba reálného prostorového obrazu na základě počítačového modelu.

Základní pojmy z počítačové grafiky I. 1) Vektorový popis obrazu neboli vektorový obraz 2) Příklady vstupního bitmapového (rastrového) zařízení 3) Souřadnice jako jedna z variant grafického bodu 4) Kolik bitů paměti je třeba k zobrazení 2,4,16. barev 5) Který typ záření má nižší frekvenci než viditelné světlo 6) Který typ záření má vyšší frekvenci než viditelné světlo 7) Kdy,kde se využívá barevný model RGB 8) Vysvětlete podstatu sytosti, jasu, odstínu barvy v modelu HSV 9) Co je to metasoubor, uveďte příklad využití 10) Použili byste při publikování fotografie na webu raději soubor s příponou JPG nebo TIFF a z jakého důvodu 11) Kde se v praxi využívají CAD systémy 12) Zvětšení = pokles kvality bitmapový (rastrový obraz)?

Základní pojmy z počítačové grafiky II. 13) Kterou charakteristiku má každý zobrazovaný pixel 14) Co je to grafický editor, uveďte některé obvyklé funkce 15) Kdy se používá barevný model CMY(K) 16) Rastrový neboli bitmapový popis obrazu 17) Kolik odstínů přibližně rozlišuje lidské oko ve viditelné části světelného spektra 18) Co je to vektorový souhlas - příklady 19) Uveď příklad výstupního vektorového zařízení 20) Podstata barevných modelů RGB, CMY(K), HSV 21) Význam komprese obrazu 22) Kterému z následujících formátů obrazu TIFF nebo GIF byste dali přednost v případě tisku fotografie většího formátu? 23) Zvětšení = pokles kvality vektorový obraz?

Základní pojmy z počítačové grafiky III. 24) Formáty pro přenos p a ukládání grafické informace (viz snímek č.15) 25) EXIF 26)Thumbnail (náhled)