Tvorba v grafických programech

1. Tvorba v grafických programech PaedDr. Zdeněk Pejsar, Ph.D.

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

3. Vektorová a bitmapová grafika

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

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

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

7. > programové (firemní), jsou dané konkrétním programem a barvy určeny například názvem, apod. (palety Office, Corel, apod.), 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ýchodstínů (8b=256 barev, 16b=65 535, 24b=16,7 mil barev, 32b=4 295 mil.barev).

8. Grafické editory

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

11. Funkce tuž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 fontem pří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.

12. Výhody a nevýhody bitmapové grafiky Nevýhody velké nároky na zdroje změ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ýhody pořízení obrázku je velmi snadné například pomocí fotografie nebo pomocí skeneru

13. 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é editory Adobe 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ísma Odstraňováním tmavých, rozmazaných a jinak poškozeních oblastí z fotografií, odstranění červených očí. Práce ve vrstvách Aplikování nejrůznějších filtrů dělajících efekt Převod do různých grafických formátů

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

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

16. Ukázky grafických editorů a programů na úpravy fotografií

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

19. GIMP GIMP, verze 2.4.3 Vývojář: The GIMP Team Operač.s.: Unix, Windows, Mac typ softwaru: bitmapový grafický editor lokalizace: různé weby Web: www.gimp.org Freeware

21. 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 Photoshopu import vektorových obrázků ve formátu SVG

22. Inkscape 0.46 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ších Mož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ý

24. Blender 2.49b 3D animační a modelovací program Lze 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 programem Blender 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ý

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

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

30. CorelDraw!

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

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

37. Paleta nástrojů nástroj Výběr objektu nástroj Maska nástroj Oříznout nástroj Lupa nástroj Kapátko nástroj Guma nástroj Text nástroj Odstranění efektu červených očí nástroj Obdélník nástroj Výplň nástroj Malba nástroj Interaktivní stín nástroj Řezání obrázků nástroj Barva popředí a pozadí nástroj Výplň

38. Další nástroje Corel Draw Corel 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.

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