Gymnázium a Střední odborná škola, Cihelní 410, Frýdek-Místek



Podobné dokumenty
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

Systém GIMP - tvorba jednoduchých animací a grafiky pro web

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

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

GIMP. Kreslící nástroje

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

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

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

DUM 07 téma: Výběry práce s nimi

Praktická cvičení v grafickém editoru GIMP. březen 2012

aneb Malířem snadno a rychle

Vstupní požadavky, doporučení a metodické pokyny

Systém Gimp Tvorba jednoduchých animací a grafiky pro web

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

1. Bitmapová (rastrová) grafika

GIMP. Úterý 6. září. Kreslící nástroje

Úvod do počítačové grafiky

Sada 2 Microsoft Word 2007

Jak namalovat obraz v programu Malování

Jak namalovat obraz v programu Malování

INFORMATIKA PRO ZŠ. Ing. Veronika Šolcová

DUM 12 téma: Nástroje pro transformaci vrstev

Corel PhotoPaint. Základní operace s obrázkem menu Obrázek. PDF vytvořeno zkušební verzí pdffactory Pro

Gymnázium Vysoké Mýto nám. Vaňorného 163, Vysoké Mýto

Systém GIMP (barvy, vrstvy, transformace, průhlednost)

POPIS PROSTŘEDÍ PROGRAMU GIMP 2. Barvy 2. Okno obrázku 4 ZÁKLADNÍ ÚPRAVA FOTOGRAFIÍ V GRAFICKÉM EDITORU 6. Změna velikosti fotografie 6

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

nástroj pro výběr - obdélník, elipsa... nástroj pro přesun - přesun výběru, vrstev a vodítek nástroj laso - vytváření výběru od ruky

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

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

VY_32_INOVACE_INF.19. Inkscape, GIMP, Blender

Microsoft Word - Sloupce a objekty

Obsah. Kapitola 1 Stažení a instalace Kapitola 2 Orientace v programu a základní nastavení Úvod... 9

Adobe Photoshop 18. Ukládání dokumentu formáty

počítačová grafika Obor informatiky, který používá počítače ke zpracování informací, které následně uživatel vnímá očima.

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

Vektorová grafika. Návod do cvičení z Informatiky pro ekonomy I

Zoner Callisto. text. tabulky

Seznámení Corel Draw. PDF vytvořeno zkušební verzí pdffactory Pro Panel Vlastnosti. panel základních kreslicích nástrojů

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ů

Zvyšování kvality výuky technických oborů

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

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

1. Nastavení dokumentu

Co je počítačová grafika

Rastová a vektorová grafika

MALUJEME v MALOVÁNÍ. Základní nabídka. a) tažením úchytů umístěných v pravém dolním rohu a na spodním okraji obrázku

POČÍTAČOVÁ GRAFIKA VEKTOROVÁ GRAFIKA VÍCENÁSOBNÉ KOPÍROVÁNÍ

Nástroje v InDesignu. Panel nástrojů 1. část. Nástroje otevřeme Okna Nástroje

DUM 16 téma: Vrstvy v prostředí Gimp

Vyšší odborná škola a Střední škola,varnsdorf, příspěvková organizace. Šablona 15 VY 32 INOVACE

Konverze grafických rastrových formátů

Osnovy kurzů. pilotního projektu v rámci I. Etapy realizace SIPVZ. Systém dalšího vzdělávání veřejnosti. počítačová gramotnost

Inovace bakalářského studijního oboru Aplikovaná chemie

Pokyny pro žáky k testování písemné zkoušky na počítači

2.17 Webová grafika. Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Jiří Hort. Vyrobeno pro SOŠ a SOU Kuřim, s.r.o.

Základy počítačové grafiky

Flash - animace. 17. Změna tvaru - Flash. Vytvořila: Radka Veverková Vytvořeno dne: Flash. DUM číslo: 16 Název: Flash

Software pro úpravu snímků LAB-10. Návod k obsluze

Š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

Název školy: Základní škola a Mateřská škola Žalany. Číslo projektu: CZ. 1.07/1.4.00/ Téma sady: Informatika pro sedmý až osmý ročník

DUM 18 téma: Cesty a jejich užití v prostředí Gimp

Téma: Práce se základními objekty, výplní a obrysem

DUM 03 téma: Tvary - objekty

Použijeme vytvořený gradient táhnutím odshora dolů ve výběru opět s držením Ctrl.

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

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

DUM 02 téma: Corel - křivky

P o w e r P o i n t

Střední vzdělání gymnaziální vzdělání

Adobe Photoshop 6. Práce s vrstvami

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

OBRÁZKY (FOTKY, OBRAZCE) vložení a editace

Rastrová grafika. body uspořádané do pravidelné matice

Prostředí Microstationu a jeho nastavení. Nastavení výkresu

Tvorba posterů v PowerPointu a InDesignu

Elektromagnetické záření. Zdroj:

Webové stránky. 13. Obrázky na webových stránkách, modul Uložit pro web a zařízení. Datum vytvoření: str ánk y. Vytvořil: Petr Lerch

Základy práce v programu Inkscape Projekty pro základní školy

SEZNÁMENÍ S PRACOVNÍ PLOCHOU

Práce v programu Word 2003

Obsah. Seznámení s programem Adobe Photoshop CS5. Práce se soubory. Úvod Spuštění a ukončení programu Popis okna programu 19

Grafické editory. Ing. Jan Steringa 2008

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

Rozšířené funkce prezentace

DUM 05 téma: Výplně, obrysy

Digitální grafika. Digitální obraz je reprezentace dvojrozměrného obrazu, který používá binární soustavu (jedničky a nuly).

Sada 1 CAD Rastrová grafika

Webové stránky. 16. Obrázky na webových stránkách, optimalizace GIF. Datum vytvoření: str ánk y. Vytvořil: Petr Lerch.

IVT. Úprava fotografií. 8. ročník

Bitmapová grafika: Vrstvy - interakce (režimy prolnutí)

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

Grafický software ve výuce a pro výuku

DUM 14 téma: Barevné korekce fotografie

Identifikátor materiálu: ICT-1-20

KOMPRIMACE. aneb Aby to zabralo méně místa

Úpravy fotografie s kalibrační tabulkou x-rite do verze adobe phostohop CS5 a camera RAW 6 (proces 2010)

Kreslení úseček a křivek

Transkript:

Gymnázium a Střední odborná škola, Cihelní 410, Frýdek-Místek Zbyněk Ševčík

Obsah workshopu Přehled základních pojmů Základní informace o programu Instalace Podpora Prostředí programu Hlavní okno - nástroje Nastavení parametrů dokumentu Typy dokumentů Stručně o kreslení v Gimpu Nástroje pro úpravu barev Nástroje transformace Retušování fotografie Nástroje pro výběr fotomontáže Vrstvy a práce s nimi koláže Základy použití filtrů Diskuze a dotazy

Základní pojmy Formáty souborů Pro fotografie použijeme ztrátově komprimovaný (zhuštěný) formát JPG. Ve formátu JPG soubor, který v paměti počítače zabírá 2 MB, obsadí na disku několikanásobně méně, 200 KB až 1 MB. Je vhodný jen na fotografie, ne na texty, tlačítka, sejmuté obrazovky apod. Čím větší komprese, tím menší soubor s obrázkem, ale tím horší kvalita obrázku. Pro grafické prvky použijeme formát GIF. Obrázek může mít max. 256 barev nebo stupňů šedi, komprese je ale bezeztrátová. Grafické prvky ve formátu GIF mohou být také animované (většina reklamních bannerů na webu), nebo průhledné.

Barevná hloubka Barevná hloubka je počet barev, který může nabývat každý bod obrázku. Barevné fotografie většinou obsahují 16,7 miliónu barev (barevná hloubka 24 bitů na bod), grafické prvky na webu 256 barev (barevná hloubka 8 bitů na bod). Obrázky určené pro tisk na černobílé tiskárně můžeme převést do 256 stupňů šedi. 16,7 mil. barev=24 bitů 256 barev = 8 bitů 256 stupňů šedi=8 bitů Grafické prvky 256 barev

Rozlišení Počtu bodů na jednotku délky se říká rozlišení. Jednotkou délky je jeden palec (cca 2,5 cm), jednotka se nazývá DPI (dý pí aj, Dot Per Inch, bodů na palec). Obrázek s rozlišením 300 DPI obsahuje na každý palec 300 bodů. Rozlišení musí být přiměřené. Malé rozlišení: zrnitý obrázek. Velké rozlišení: obrovský soubor. Tento obrázek má rozlišení cca 20 DPI Tento obrázek má rozlišení cca 100 DPI

Pozor: s rozlišením roste i velikost souboru s obrázkem Jeden nekomprimovaný obrázek 15 x 10 cm ve 300 DPI zabere v paměti počítače 6,5 MB. Trocha matematiky: 15 cm/2,5=6 6x300=1 800 10 cm/2,5=4 4x300=1 200 1200x1800=2 160 000 px, asi 2Mpx Každý bod má 24 bitů barev, 2 160 000x24=51 840 000 bitů 51 840 000/8=6 480 000 byte asi 6,5 MB

Něco málo o barvách Barevný kontrast je největší u doplňkových barev, obecně u barev ležících na protilehlých stranách barevného kruhu. Tonální kontrast je největší u černé a bílé barvy. Barevné schéma definuje barvy, které se k sobě vzájemně hodí. generátor barevných schémat: wellstyled.com/tools/colorscheme2/index.html

Co je a co umí GIMP Gimp je špičkový a velice rozšířený bitmapový editor s částečnou podporou vektorové grafiky. Svými nástroji a funkcemi se vyrovná komerčním a profesionálním rastrovým editorům. Gimp je Open Source program, volně distribuovatelný pod licencí GPL, což je jeho velkou výhodou. Původně tato aplikace byla vyvíjena především pro operační systém Linux, ale v současnosti jsou verze i pro systémy Windows, Apple Mac a další. Práce na editoru Gimp začaly v roce 1995 a počátkem roku 1996 byla vydána první oficiální verze, která měla označení 0.54.

Schopnosti tohoto programu jsou velmi slušné, dá se říct, že v některých oblastech je srovnatelný s Adobe Photoshopem. Vhodný je zejména pro práci a úpravu fotografií, vytváření koláží a taky pro tvorbu grafických prvků pro webové stránky. Samozřejmostí je práce s vrstvami, kanály, křivkami, nabízí mnoho rozšířených možností výběrů a kreslících nástrojů, obsahuje spoustu známých filtrů a skriptů. Ovládání a vzhled programu může být nezvyklé pro uživatele systému Windows. Aplikace se skládá ze systému několika nezávislých oken, což je pro grafické rozhraní Windows nevhodné.

Grafické formáty podporované Gimpem Podpora grafických formátů v Gimpu je velice dobrá, podporuje téměř všechny rastrové formáty, jako GIF, JPG, PNQ, XPM, TIFF, TGA, MPEG, PS, PEX, BMP atd. a spoustu vektorových. Výhodou je možnost ukládání přímo do zkomprimovaných souborů GZIP a BZIP2. Takto zkomprimované soubory lze samozřejmě otevírat. Použití formátů lze rozdělit na dvě oblasti, pro webové stránky jsou vhodné GIF, JPEG nebo PNG a pro rastrové obrázky, fotografie jsou to formáty TIFF (nekomprimovaný), JPEG, XCF a PSD. Formáty XCF, PSD jsou vhodné pro různé fotomontáže složené s několika vrstev určené pro další úpravu.

Instalace a podpora Instalace probíhá ve dvou krocích: 1. Instalace knihoven 2. Instalace vlastního programu Podpora na Internetu Hlavní stránky: www.gimp.cz/ Příručka: www.gimp.kvalitne.cz/uvod.htm Ke stažení na: www.gimp.cz/modules.php?name=downloads Recenze programu: www.emag.cz/gimp-grafikem-zdarma/

Pracovní prostředí Hlavní okno

Vytvoření nového obrázku

Okno obrázku Vrstva - všechny nástroje pro práci s vrstvami: vytvoření, odstranění, změna parametrů vrstvy Nástroje - obsahuje nástroje, které jsou v Panelu nástrojů a pár dalších nástrojů Dialogy - zobrazení jednotlivých dialogových oken Filtry - tato položka obsahuje mnoho filtrů pro úpravu a vytváření různých efektů obrázků např. rozostření, šum, zkresleni atd. Skript-fu - obsahuje rozšiřující skripty napsané pomocí jazyka Script-Fu.

Práce s obrázkem Nabídka Obrázek slouží k práci s obrázky. Můžeme Duplikovat (CTRL+D) obrázek, tedy vytvoříme přesnou kopii obrázku. Položka Režim udává, jakou barevnou paletu obrázek používá, lze ho převést např. do stupně šedi. Obrázek můžeme libovolně otáčet a to překlopit vodorovně, svisle otočit o 90 stupňů doleva, doprava pomocí funkce Transformovat. Dále lze nastavovat Velikost plátna, která udává viditelnou oblast obrázku. U položky Velikost tisku nastavujeme velikost a rozlišení obrázku při tisku. Změnu rozměrů obrázku provedeme přes Velikost obrázku, zadáváme šířku, výšku, rozlišení a kvalitu. Pokud máme více viditelných vrstev v obrázku, tak je můžeme sloučit do jedné vrstvy přes Sloučit viditelné vrstvy (CTRL+M). Posledními položkami jsou Vodítka a Nastavit mřížku. Vodítka můžeme vytvořit z výběru, nebo vytvořit vodítko zadáním pozice v obrázku a určit zda je vodorovné či svislé.

Nástroje kreslení

Barvy a jejich nástroje na úpravu barevnosti snímku je funkce Vyvážení barev Hlavní předností je možnost výběru některé barvy Obarvit převede snímek do dvoubarevného provedení mění všechny obrazové body najednou V obrázku se zobrazí jen body z vybraného prahového intervalu mnohem širší možnosti pro úpravy jasu a kontrastu Nejpokročilejší nástroj pro úpravu barevnosti, Nástroj pro snížení počtu barev

Úrovně Histogram udává, jak jsou obsazeny jednotlivé úrovně jasu nebo některé barevné složky viz. obr. okna úrovní. Na vodorovné ose především zobrazuje zastoupení odstínů "šedé" ve snímku. Kolmá osa udává počet pixelů dané úrovně. Zesvětlení/Ztmavení snímku provedeme posunutím prostřední šipky pod grafem. Kontrast nastavujeme pomocí výstupní úrovně.

Křivky Nástroj pro úpravu barevnosti, určený spíše pro profesionální úpravu obrázků a fotografií. Je to diagram poměru jasu (osa X) na vstupu a výstupu (osa Y). Na levé dolní straně jsou stíny, uprostřed stupnice polotóny a vpravo nahoře oblast světel. Pomocí křivek se dají různé efekty třeba tím, že zcela odfiltrujeme některou z tonálních úrovní.

Nástroje transformace Nástroje transformace jsou základní a jedny z nejčastěji používaných operací v počítačové grafice. Mezi tyto nástroje patří změna polohy objektu, změna velikosti, tvaru a rotace objektu. Nástroje pro transformaci pracují s vrstvou nebo výběrem. Jednotlivé nástroje: Přesun Ořezání Rotace Změna velikosti - Škála Naklonění Perspektiva Překlopení

Nástroje pro retuše klonování Změna ostrosti Šmouha Zesvětlení/ztmavení

Klonování Slouží k přemalování části obrázku na jiné místo. Tedy můžeme zkopírovat zdrojovou oblast do jiné části obrázku. Klonujeme tak, že vybereme oblast pro klonování (kopírování) CTRL spolu s lev. tlačítkem myši. Pak kreslíme kdekoli na obrázku a vybraná oblast se tam bude kopírovat. Pomocí Režimů krytí nastavíme průhlednost. Také je možné využít různých Režimů: Barva, v obraze ovlivní jen barevný odstín retušované oblasti. Pouze zesvětlení "překreslí" jen ty oblasti, které jsou tmavější než nabíraná oblast (využijete například při retušování nejrůznějších drátů el. vedení), u druhého je tomu naopak. Pokud chceme sílu efektu zmírnit, přiměřeně snižujeme hodnotu Krytí. Přes položky Sledování vybíráme druh překreslování.

Nástroje pro výběr Režim Výběr obdélníku Výběr elipsy Volný výběr Výběr spojitých oblastí Výběr podle barvy Nůžky Cesty Režimy výběrů nahradit aktuálni výběr přidat k aktuálnímu výběru (SHIFT) ubrat z aktuálního výběru (CTRL) průnik s aktuálním výběrem

O výběrech podrobněji Základní možnosti výběru Volbou Pevná velikost určíme velikost výběru pomocí šířky a výšky. Pevný poměr stran zachovává nastavený poměr stran. Při nastavení Prolnout okraje, budou zaoblené a průhledné okraje výběru, velikost určujeme poloměrem. Vyhlazování umožňuje kompenzovat nevýhodu bitmapových křivek, tedy vytvoří hladkou hranici výběru. Držením klávesy SHIFT vybereme čtverec nebo pravidelný kruh, s klávesou CTRL oblast začneme vybírat od středu. Výběr může být jen v hranici plátna, jinak bude ořezán. Výběr spojitých oblastí Vybereme bod na obrázku a k němu se vybere ta část pixelů, která se mu barvou podobá. Práh je míra tolerance (podobnosti) barevných odstínů, čím vyšší, tím větší část obrázku se vybere. Zapnutím položky Zvolit průhledné oblasti vybírá nástroj zcela průhledné oblasti. Při aktivaci Sloučený vzorek vybíráme oblast i z ostatních vrstev. Nástroj Výběr podle barvy je téměř stejný, ale lze vybrat i nespojité oblasti

Nůžky Slouží k výběru různých oblastí a tvarů z obrázku. Nástroji se také říká inteligentní nůžky. Program kopíruje ostrou barevnou hranici, snaží se odhadnout co chceme vybrat. Levým tlačítkem myši vybíráme body křivky, které ohraničují nějaký tvar. Poslední bod umístíme do prvního místa kotevního bodu a kliknutím dovnitř vybraného objektu vytvoříme výběr. Zobrazit interaktivní hranici znamená, že při držení levého tlač. myši a určování nového bodu se interaktivně mění křivka (při vypnutí se zobrazí úsečka mezi body, až při puštění tlač. myši se křivka vytvoří). Cesty Nástroj pro vytváření Bezierových křivek, umožňuje vytvářet výběry ohraničené libovolně tvarovatelnou hladkou křivkou. Cesty můžeme upravovat, ukládat nebo převádět na výběry. Křivku vytvoříme tak, že levým tlačítkem myši umístíme jednotlivé kotevní body, které se propojí přímkou (držíme-li SHIFT nový bod se nespojí s přímkou). Uzavření cesty provedeme kliknutím na počáteční kotvící bod současně s držením klávesy CTRL (u kurzoru se objeví otočené U). Křivku lze editovat s držením klávesy CTRL. CTRL+ALT přesouváme celou křivku. Nakonec vytvoříme z křivky výběr.

Práce s vrstvami Co jsou vrstvy Práce s vrstvami patří k vrcholu práce v gafickém editoru. Vrstvy si můžeme představit jako listy průhledné fólie naskládané na sobě. Na každou vrstvu kreslíme jednotlivé části obrazu. Vrstvy umožňují nezávislou práci s jednotlivými částmi obrazu. Samotnou vrstvu lze libovolně upravovat a přemisťovat nezávisle na dalších vrstvách. Na vrstvy lze aplikovat různé nástroje (např. nástroje transformace). Obsah vrstvy se chová jako samostatný obrázek. Větší počet vrstev v dokumentu zvětšuje jeho velikost. Rozpracované obrázky s vrstvami vždy ukládáme ve formátu XCF (ve formátu Gimpu), protože v takto uloženém obrázku se zachovávají jednotlivé vrstvy, a lze je znovu kdykoliv upravovat.

Zapínání a vypínání Aktivní vrstva Přesouvání vrstev Změna pořadí Vytvoření a mazání vrstev Sloučení a velikost vrstvy

Příklad: Obrázek s vrstvami 1) Založíme nový soubor přes Soubor -- >Nový, nastavíme velikost na 300x200, tím zároveň vznikne prvni vrstva nazvaná pozadí. Vyplníme vrstvu pozadí vzorkem Sky a vypneme vrstvu pomocí oka. 2) Vytvoříme novou vrstvu mrak, nastavíme velikost na 120x80, typ vyplnění průhlednost. Pomocí nástroje cesty vytvoříme okraje mraku a cestu převedeme na výběr, který vyplníme modrou barvou. 3) Založíme novou vrstvu slunce o velikosti 200x200 a opět nastavíme průhlednost, pak přes nástroje výběr a štětec vytvoříme slunce. 4) Duplikujeme vrstvu mrak, vznikne vrstva mrak kopie, přepneme se na nástroj Přesun vrstev a výběrů a posuneme mrak do pravého rohu dole. 5) Posuneme vrstvu mrak šipkami směrem nahoru a vrstvy máme v tomto pořadí: 6) Výsledkem je obrázek, kde uprostřed je slunce, kde jeden mrak je nad sluncem a jeden je pod sluncem, za všemi vrstvami je vrstva pozadí.

Základy použití filtrů Filtry se používají především pro vylepšení parametrů obrázků, pro různé efekty a pro jednoduché animace.

DĚKUJI ZA POZORNOST