Transcript
Page 1: Tvorba  v grafických programech

Tvorba

v grafických programech

PaedDr. Zdeněk Pejsar, Ph.D.

Page 2: Tvorba  v grafických programech

Bitmapový editor – pracuje s bitmapou. „Bitová“ mapa je množina bodů (rastr, mřížka), které vytvářejí vlastní obrázek. Každý bod má vlastní sekvenci bitů, která určuje jeho povahu.

Vektorový editor – výsledný obraz je tvořen čarami, rovnoměrnými objekty jako jsou elipsy, obdélníky, mnohoúhelníky a křivkami (otevřené, uzavřené). Těmto objektům říkáme primitiva. Tato primitiva jsou právě základními složkami obrazů. Obraz vzniká jejich překrýváním, doplňováním a posouváním (vrstvy). Jestliže například v bitmapové grafice chápeme úsečku jako množinu bodů, pak ve vektorové grafice je dána určitou matematickou rovnicí. Pokud chceme změnit délku této úsečky, pak v bitmapovém editoru to znamená rozsvítit další body, kdežto ve vektorové editoru se pouze přepočítá uvedená rovnice na nové podmínky. A protože počítač umí tyto přepočty velmi rychle, tak i vektorová grafika je rychlejší. Vektorová grafika je počítačově původní, starší, grafika je matematicky popsatelná a tedy i zabírá výrazně méně místa v paměti počítače než grafika bitmapová.

Page 3: Tvorba  v grafických programech

Vektorová a bitmapová grafika

Page 4: Tvorba  v grafických programech

Bitmapová grafika vyšla z potřeb počítačového zpracování reálných grafických podkladů. U některých obrazů nešlo vektorově zaznamenat všechny vlastnosti objektu, proto byla definována bitmapová grafika, která vychází z digitalizace obrazu. Jedná se o mřížku (rastr), kde každý svítící bod obrazu je definován svou souřadnicí, barvou a jasem. Barvy jsou dány některou z použitých palet – RGB, CMYK, Pantone apod. Většina vstupních periferií počítače převádí reálný obraz do bitmapy (digitizer, skener, digitální fotoaparát, videokamera a další). Kvalita bitmapového obrazu – je určena dvěma základními charakteristikami – rozlišením a barevnou hloubkou.Rozlišení udává počet bodů, kterými je obraz vyjádřen, závisí na druhu vstupního zařízení a také grafickém editoru. Rozlišení se udává v DPI, t.j. Dotch Per Inch – počet zobrazených bodů na „anglický“ palec (2,54 cm). U digitálních fotoaparátů je to v Megapixelech přepočtených na klasický formát obrázku kinofilmu, u grafických adaptérů se uvádí počet bodů na šířku „krát“ počet bodů na výšku (např. 800 x 600) apod. Je logické, že čím je hustota zobrazení vyšší, tím je obraz kvalitnější. Body či délkové míry udávají také rozměr obrázku. Kombinace rozlišení a rozměru definuje celkový objem grafiky a je pochopitelně matematicky připočitatelný.

Page 5: Tvorba  v grafických programech

Barevná hloubka je určena počtem barev, které lze při tvorbě uplatnit (závisí na kvalitě grafické karty). Čím více požíváme barev, tím víc je nutné přiřadit danému bodu dat. Data jsou vyjádřena bitech. Pokud bychom používali jen dvě barvy, černou a bílou, pak bychom hovořili o jednobitové grafice (0 vyjadřuje bílý bod, 1 černý bod). V běžných počítačích lze nastavit 8-bitovou (256 barev či odstínů šedi), 16 bitovou a 32 bitovou grafiku. Je logické, že požadavek vyšší hustoty obrazu se nutně projeví na zátěži paměti počítače, a tím i na zpomalení jeho chodu. Proto byly a jsou i nadále vytvářeny nástroje pro kompresi dat. Nejčastěji se používají metoda komprese v řádku RLC (Run Length Coding) a metoda LZW (Lempel-Zich-Welch). Metoda RLC je v podstatě průsečíkovou zjišťuje redundance ve vstupním řetězci bodů obrazu, které lze vyjádřit opakováním dílčích částí, nazývaných fráze. Výstupní popis obrazu pak opakuje už jen popisy jednotlivých frází a odkazy na místa jejich výskytu. V současné době jsou nejvíce používané komprimační algoritmy JPEG – JPG (tvůrce Joint Picture Experts Group) a 8-bitový formát GIF (Graphics Interchange Format – firmy CompuServe). Kompresní metody jsou většinou metodami ztrátovými, to znamená, že dochází k určitému úbytku bodů z obrazu, tedy dalšímu zhoršení kvality.

Page 6: Tvorba  v grafických programech

Pro praktické použití grafiky lze zjednodušeně rozlišovat 3 základní typy použití:

•tisková kvalita, dobrá až vynikající kvalita zobrazení, 300 a více DPI,•kancelářská kvalita, průměrná až dobrá z hlediska tisku, v rozmezí

100 – 300 DPI, (doporučení: 150 DPI),•elektronická kvalita, kvalita odpovídající kvalitnímu zobrazení na monitoru,

dataprojektoru, přenosu po síti apod., pro přímý tisk je tato kvalita nižší. Rozmezí 72 – 100 DPI. Pro LCD monitory je doporučeno 96 DPI.

Page 7: Tvorba  v grafických programech

Barevné palety programové (firemní), jsou dané konkrétním programem a barvy určeny například názvem, apod. (palety Office, Corel, apod.),

standardní – RGB, CMYK a dále barevná hloubka v bitech určující počet barevných odstínů (8b=256 barev, 16b=65 535, 24b=16,7 mil barev, 32b=4 295 mil.barev).

Page 8: Tvorba  v grafických programech

Grafické editory

Page 9: Tvorba  v grafických programech

MALOVÁNÍPaint Brush

• je velmi jednoduchý grafický editor • pracuje s rastrovou grafikou• Je dodávaný téměř se všemi verzemi operačního

systému Microsoft Windows• Program umí pracovat s bitmapami

JPEG, GIF PNG a TIFF

Page 10: Tvorba  v grafických programech
Page 11: Tvorba  v grafických programech

Funkcetužka- kreslí určitou barvou štětec - kreslí určitou barvou a tvarem, který zvolíte. sprej - kreslí určitou barvou a velikostí. Čím pomaleji se kurzor myši pohybuje po ploše, tím intenzivnější je barva. psaní- napíše text určitou barvou, velikostí a fontempřímka - nakreslí přímku křivka - nakreslí křivku čtverec - nakreslí čtverec mnohoúhelník - nakreslí mnohoúhelník elipsa- nakreslí elipsu (popř. kruh) čtverec se zaoblenými rohy - nakreslí čtverec se zaoblenými rohy vybrat (čtverec) - vybere vše v určeném čtverci vybrat (mnohoúhelník) - vybere vše v určitém mnohoúhelníku guma- funguje stejně jako štětec, ale barví vedlejší barvou barva - změní barvu určité plochy. vzít barvu - kliknutím na obrázek zvolíte barvu a kliknutím na funkci zvolíte, jak chcete tuto barvu používat. lupa - přiblíží (popř. oddálí) obrázek.

Page 12: Tvorba  v grafických programech

Nevýhody velké nároky na zdrojezměna velikosti (zvětšování nebo zmenšování) vede ke zhoršení obrázku 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

Výhodypořízení obrázku je velmi snadné například pomocí fotografie nebo pomocí skeneru

Výhody a nevýhody bitmapové grafiky

Page 13: Tvorba  v grafických programech

Rastrový grafický editor (Bitmapový grafický editor) je počítačový program umožňující uživateli prostřednictvím grafického rozhraní vytvářet a upravovat soubory s rastrovou grafikou. Data jsou zaznamenávána ve vhodných formátech pro bitmapovou grafiku jako např. JPEG, PNG, GIF a TIFF.nejznámější bitmapové editoryAdobe Photoshop, Corel Photo Paint a GIMP

Základní funkce

Vybrání oblasti editace Vykreslení přímek s definovanou paletou barev, velikosti, tvaru a tloušťky. Vyplnění oblasti editace jednou barvou, texturou Vepsat text s různými styly písmaOdstraňováním tmavých, rozmazaných a jinak poškozeních oblastí z fotografií, odstranění červených očí. Práce ve vrstváchAplikování nejrůznějších filtrů dělajících efektPřevod do různých grafických formátů

Page 14: Tvorba  v grafických programech

Vektorová grafika

V případě vektorové grafiky je obraz zastoupen pomocí geometrických objektů (body, přímky, křivky, polygony).

(Zatímco vektorový obrázek je složen z jednoduchých geometrických objektů jako jsou body, přímky, křivky a mnohoúhelníky, lidské oko pracuje na principu bitmapové grafiky, neboť sítnice představuje bitmapový rastr. Mozek ale zpracovává obraz jako vektorovou grafiku.)

Page 15: Tvorba  v grafických programech

Výhody a nevýhody vektorové grafiky

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á paměťová náročnost obrázku je obvykle mnohem menší než u rastrové

Nevýhody

oproti rastrové grafice zpravidla složitější pořízení obrázku.překročí-li složitost grafického objektu určitou mez, začne být vektorová grafika náročnější na paměť, procesor, velikost disku než grafika bitmapová.

Page 16: Tvorba  v grafických programech

Ukázky grafických editorů

a

programů na úpravy fotografií

Page 17: Tvorba  v grafických programech

Hlavní rysy programu Adobe Photoshop CS3 10.0

• Monitorování změn v obrazu v paletě Histogram • Galerie filtrů pro tvorbu speciálních efektů • Korekce barev • Řezy obrazů • Snadný import informací z databáze či tabulkového procesoru • Plná podpora 16-bitových obrazů • Kombinace vrstev • Export souborů Macromedia Flash • Nastavitelné klávesové zkratky • 3D nástroje • Nástroj Black and White" pro tvorbu černobílých obrázků • Nástroj pro úpravu podání barev "Curves" • Možnost vkládání 3D objektů (podpora formátů 3DS, OBJ, DAE, KMZ a

U3D) • Import snímků z video souborů • Export obrázků do formátu "Zoomify" (prezentace na webu s vysokým

rozlišením)

Page 18: Tvorba  v grafických programech
Page 19: Tvorba  v grafických programech

GIMP

GIMP, verze 2.4.3Vývojář: The GIMP TeamOperač.s.: Unix, Windows, Mactyp softwaru: bitmapový grafický editor lokalizace: různé weby Web: www.gimp.org

Freeware

Page 20: Tvorba  v grafických programech
Page 21: Tvorba  v grafických programech

GIMP podporuje celou řadu funkcí pro práci s grafikou podobných Photoshopu ,mimo jiné např:

široká škála nástrojů (štětec, pero, tužka, rozprašovač, guma, razítko a další) práce s kanály, vrstvami a cestami grafické filtry dodatečné zásuvné moduly a skripty v dialektu jazyka práce s grafikou v prostoru ,ve stupních šedi nebo barevné paletěplná podpora většiny významných standardních rastrových formátů: PNG, JPG, GIF, TGA, TIFF, BMP aj. plná podpora vlastního formátu XCF a částečná podpora formátu Adobe Photoshopuimport vektorových obrázků ve formátu SVG

Page 22: Tvorba  v grafických programech

Editor vektorové grafiky podporující práci s formátem SVG (Scalable Vector Graphics)Umožňuje, ale také import formátů JPEG, PNG, TIFF a dalšíchMožnost tvorby textů s efekty, podpora práce s hladinami, transformace objektů atd. Obsahuje rovněž nástroje pro kreslení křivek a různých objektůProgram je volně stažitelný

Inkscape 0.46

Page 23: Tvorba  v grafických programech
Page 24: Tvorba  v grafických programech

3D animační a modelovací programLze v něm vytvářet: prostorové animace ,obrázky ,počítačové hry Na webové stránce http://www.3dscena.cz naleznete několik desítek návodů, které vám pomůžou s programemBlender 2.33 má integrovaný game engine (jdou v něm vytvářet velice jednoduše počítačové hry)Díky Ambient Occlusion light obrázky a animace vypadají velmi realněProgram je volně stažitelný

Blender 2.49b

Page 25: Tvorba  v grafických programech
Page 26: Tvorba  v grafických programech

Volně stažitelnýKvalitní editor obrázků a fotografií s celu řadou užitečných funkcí, které se vyrovnají i placeným editorůmUmožňuje například pracovat ve vrstvách, používat různé speciální efekty, redukovat efekt červených očí atd.

Paint.NET 3.36

Page 27: Tvorba  v grafických programech
Page 28: Tvorba  v grafických programech

Zoner Callisto 5

Program pro nejširší grafické potřeby.Využijete jej k tvorbě všech druhů tiskovin a internetové grafiky.Kreslicí nástroje -nástroj pro kreslení objektů čtverec, obdélník, kružnice, elipsa, pravidelné polygony a různé druhy hvězd nástroj pro tvorbu čárových kódů užitečný nástroj pro kreslení tabulek umělecký a odstavcový text kreslení přímek,kreslení křivek ("freehand")velkoformátové dokumenty mohou být tisknuty pomocí "billboardového tisku„kaligrafické pero , volitelné zakončení čar ("šipky") a napojování čar ... a mnoho dalších vlastnosti...

Page 29: Tvorba  v grafických programech
Page 30: Tvorba  v grafických programech

CorelDraw!

Page 31: Tvorba  v grafických programech

CorelDraw! patří mezi nejznámější vektorové editory. Je vytvořen na platformě počítačů IBM kompatibilních a patří ke špičce. Jeho soupeřem na platformě MacIntosh je Adobe Illustrator, který má i verze pro PC IBM kompatibilní.

Tento grafický program určený pro práci s vektorovou grafikou prošel během posledních let prudkým vývojem. U nás se začínalo s verzí 3, 4 a 5 pro Windows 3.xx, verze 6 až 10 byly pro systémy Windows 9x, Windows NT, 2000 a Millenia. V současnosti jsou to verze 11 a 12. Základem balíku CorelDraw! je vektorový grafický editor s bezproblémovou možností práce s bitmapovými obrázky. Speciálně pro práci s bitmapou a pro komprimaci těchto formátů je určen Corel Photo-Paint.

Page 32: Tvorba  v grafických programech
Page 33: Tvorba  v grafických programech
Page 34: Tvorba  v grafických programech

Paleta nástrojů

nástroj Výběr

nástroj Tvar

nástroj Lupa

nástroj Ruční režim

nástroj Obdélník

nástroj Oval

nástroj Mnohoúhelník

nástroj Základní tvary

nástroj Text

nástroj Interaktivní přechod

nástroj Kapátko

nástroj Obrys

nástroj Výplň

nástroj Interaktivní výplň

Page 35: Tvorba  v grafických programech
Page 36: Tvorba  v grafických programech
Page 37: Tvorba  v grafických programech

Paleta nástrojů

nástroj Výběr objektunástroj Maskanástroj Oříznoutnástroj Lupanástroj Kapátkonástroj Gumanástroj Textnástroj Odstranění efektu červených očínástroj Obdélníknástroj Výplňnástroj Malbanástroj Interaktivní stínnástroj Řezání obrázkůnástroj Barva popředí a pozadínástroj Výplň

Page 38: Tvorba  v grafických programech

Další nástroje Corel DrawCorel TRACE 11 - inteligentní nástroj pro převod bitmapových obrázků na vektoryCorel CAPTURE 11 - utilita pro zachycení oken, nebo videa na obrazovce počítačeCorel R.A.V.E 2.0 - program pro tvorbu interaktivní webové grafiky, UI elementů a prezentací. Produkuje kompaktní pohybující se grafiku ve formátu Macromedia Flash, vytváří skvělé animované textové a obrazové proměny.

Page 39: Tvorba  v grafických programech

ZDROJE:

PEJSAR, Z. Médium, multimédia a co dál? Pedagogická fakulta UJEP v Ústí nad Labem 2003. ISBN 80-7044-507-6, skriptum

SOUKUP, J. Úprava multimediálních komponent. Pedagogická fakulta UJEP v Ústí nad Labem 2007. ISBN skriptum