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

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


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


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

4


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


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…


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

7


Prohlížeč

8


Editor

9

Počítačová grafika 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

10

Počítačová grafika 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

11

Počítačová grafika Ú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ů

12

Počítačová grafika 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

Komprese

Upravený soubor

13

Počítačová grafika 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

14


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

;

16


;

17

Počítačová grafika 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

18

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

Recommend Documents