Počítačová grafika 1 POČÍTAČOVÁ GRAFIKA Gymnázium Jiřího Wolkera v Prostějově Výukové materiály z matematiky pro nižší gymnázia Autoři projektu Student na prahu 21. století - využití ICT ve vyučování matematiky na gymnáziu Tento projekt je spolufinancován Evropským sociálním fondem a státním rozpočtem České republiky Prostějov 2010
Počítačová grafika 2 Obsah: Počítačová grafika...3 Dělení...3 Bitmapová grafika (rastrová grafika)...3 Použití...3 Pojmy:...3 Výhody bitmapové grafika (rastrové grafiky)...3 Nevýhody...3 Formáty souborů:...3 Bitmapové editory...4 Vektorová grafika...4 Použití...4 Výhody...4 Nevýhody...4 Formáty souborů...4 Vektorové editory...4 Formáty souborů...5 Úkoly...6 Zoner Foto Studio...7 Popis programu...7 Hromadné přejmenovaní... 11 Úprava rozměrů... 12 Konvertování souborů... 13 Efekty a vylepšení... 14 Úkoly... 15 Úkoly... 15 Tvorba html galerie... 16
Počítačová grafika 3 Počítačová grafika Dělení: Bitmapová grafika (rastrová grafika) Vektorová grafika Bitmapová grafika (rastrová grafika) Ukládání obrazových informací do pc Obrázek je popsán pomocí bodů pixelů (televize, digitální foťák) Každý bod - pixel má určenou svou polohu a barvu Kvalitu ovlivňuje rozlišení, barevná hloubka, DPI a PPI Použití Editace obrázků fotografií o Úprava barev, filtry, červené oči, přechody Převod do jiných grafických formátů Práce ve vrstvách aj. Pojmy: Rozlišení Počet bodů, ze kterých se obrázek skládá PPI (PIXELS PER INCH) počet pixelů (bodů) / palec 1 palec = 2,54 cm o Udává se u obrázků digitální fotoaparáty.. DPI (Dots Per Inch) tiskový počet pixelů (bodů) / palec 1 palec = 2,54 cm o Udává se u tiskáren tiskárna není schopna vytisknout pixel (bod) z obrázku každý bod musí namíchat z několika barev (4 6) Barevná hloubka Počet bitů požitých k popisu určité barvy nebo pixelu v obrázku, nebo rámečku videa Počet bitů / pixel Čím více bitů / pixel tím lepší kvalita, ale větší velikost Výhody bitmapové grafika (rastrové grafiky) Velmi snadné pořízení obrázku Optický věrné uchování snímku fotografie Provádění různých grafických efektů Nevýhody Velké nároky na zdroje Změna velikostí = zhoršení kvality obrázku zvětšování jen v omezené míře Formáty souborů: BMP bezztrátová komprese GIF
Počítačová grafika 4 JPEG ztrátová komprese = uložení obrázku v menší velikosti PNG - bezztrátová komprese TIFF Bitmapové editory Adobe Photoshop Zoner Photo Studio Gimp Gif Animátor IrfanView Vektorová grafika Ukládání obrazových informací do pc Obrázek je složen ze základních geometrických útvarů body, přímky, křivky, mnohoúhelníky Použití Pro tvorbu technických výkresů, počítačových animací Práce ve vrstvách Úprava obrázků Výhody Možnost libovolného zvětšování a zmenšování obrázků bez ztráty kvality Je možné pracovat s každým objektem v obrázku zvlášť Paměťová náročnost obrázku menši než i bitmapy (většinou) Nevýhody Složitější pořízení obrázku Překročí li určitou mez je náročnější na paměť a procesor Formáty souborů Cdr Zmf Svg Vektorové editory Adobe Illustrator CorelDraw Inkscape Sodipodi Zoner Callisto
Počítačová grafika 5 Formáty souborů Zvolený formát obrázku má vliv na velikost obrázku na disku Formáty souborů můžeme rozdělit na dvě skupiny: komprimované body stejné barvy se popíší matematicky, což zabere méně místa než jejich šňůra za sebou (např. TIFF, GIF, PNG bezztrátově, JPEG ztrátově - možno nastavit míru komprese, sníží se kvalita) nekomprimované (např. BMP) (!) monitor používá jiný způsob vytváření odstínů barev než tiskárny => nemusí být zachována stejná barevnost obrázku při tisku
Počítačová grafika 6 Úkoly Vysvětli formát RAW, jaké typy jednotlivý výrobci fotoaparátů uvádí Vysvětli pojem RGB a CMYK Najdi 5 freewarevých programů pro práci s obrázky stručná charakteristika, jaké umí formáty, konvertování souborů aj
Počítačová grafika 7 Zoner Foto Studio Program pro zpracování (hromadné) obrázků a fotografií Popis programu Průzkumník informace, nápověda, úpravy, publikace Prohlížeč promítání, kopírování aj Editor - úpravy fotek a obrázků Průzkumník
Prohlížeč Počítačová grafika 8
Editor Počítačová grafika 9
Základní zpracování v průzkumníkovi: Tlačítko Upravit a Publikovat Hromadné přejmenování Hromadná úprava rozměrů Konvertování souborů Konvertovat přímo pro web Úprava komprese Efekty a vylepšení aj. Vytvoření tapety Vytvoření webu html galerie Souboru pdf Dvd prehrávaní Vypálení dvd Počítačová grafika 10
Počítačová grafika 11 Hromadné přejmenovaní 1. Otevřít obrázky v Průzkumníkovi 2. Označit soubory na přejmenování 3. Tlačítko Organizovat Hromadné přejmenování Vybrané soubory Formátovací řetězce pro název souboru
Úprava rozměrů 1. Otevřít obrázky v Průzkumníkovi 2. Označit soubory určené pro změnu roměrů 3. Tlačítko Upravit Změna rozměrů Počítačová grafika 12
Počítačová grafika 13 Konvertování souborů 1. Otevřít obrázky v Průzkumníkovi 2. Označit soubory určené pro změnu přípony 3. Tlačítko Upravit Konvertování souborů Originál Upravený soubor Komprese
Efekty a vylepšení 1. Otevřít obrázky v Průzkumníkovi 2. Označit soubory určené k vylepšení 3. Tlačítko Upravit Efekty a Vylepšit Počítačová grafika 14
Počítačová grafika 15 Úkoly 1. Konvertujte fotku do přípon GIF, BMB, TIF, PNG přejmenujte fotku na pokus1.gif, pokus2.bmb atd. 2. U fotky změňte velikost na 1024x768 a 800x600 px, DPI neměňte 3. U fotky změňte velikost na 1024x768 a 800x600 px, DPI nastavte na 50 4. U fotky nastavte kompresi na 70%, 50%, 30% Porovnej u jednotlivých úkolů výsledné velikosti fotek, a znázorni je graficky pomocí MS EXCEL do sloupcových grafů (ke každému úkolu graf) Úkoly 1. Vlož do fotky libovolný text a obrázek 2. Aplikuj na fotku 3 efekty - olejomalba, negativ, stará fotografie 3. Vlož fotku do dvou různých obálek černobílé i barevné
Počítačová grafika 16 Tvorba html galerie 1. Otevřít obrázky v Průzkumníkovi 2. Označit soubory určené k vylepšení 3. Tlačítko Publikovat Vytvořit galerii html ;
; Počítačová grafika 17
Počítačová grafika 18 Veškeré publikace, kalendář, šablony, tapety aj nalezneme v záložce Publikovat Úkoly 1. Vytvoř svoji vlastní html galerii a. Vytvoř vlastní nadpisy b. Nastav jiný druh a velikost písma c. Změň barvy html šablony Úkoly 2. Vytvoř kalendář z vlastních fotek (osobní, dovolená, škola, moje koníčky) a. Nastav vlastní písmo, barvy, měsíce b. Kalendář ulož jako obrázek, pdf a jako projekt Zoner Foto Studio Úkoly 3. Vytvoř vlastní tapetu školy grafické úpravy dle vlastní fantazie a. Tapeta bude obsahovat název školy, logo školy b. Velikost tapety 1024x768