Gymnázium, Školská 234/8, 017 01 Považská Bystrica

Ročníková práca

Multimediálna učebnica na grafický bitmapový editor GIMP

2011 riešitelia:

Považská Bystrica Pavol Čičkán

Ondrej Čičkán

Peter Bučo

ročník: druhý

Gymnázium, Školská 234/8, 017 01 Považská Bystrica

Ročníková práca

Multimediálna učebnica na grafický bitmapový editor GIMP

2011 riešitelia:

Považská Bystrica Pavol Čičkán

Ondrej Čičkán

Peter Bučo

ročník: druhý

konzultant:

Ing. Eva Žernovičová

Čestné vyhlásenie

Čestne vyhlasujeme, že ročníkovú prácu na tému Multimediálna učebnica na

bitmapový grafický editor GIMP sme vypracovali samostatne a s použitím uvedenej

literatúry.

...............................................

...............................................

...............................................

Obsah

0 ÚVOD...........................................................................................................................................4

1 PROBLEMATIKA A PREHĽAD LITERATÚRY..................................................................5

1.1 POČÍTAČOVÁ GRAFIKA..........................................................................................................5

1.1.1 Bitmapová grafika............................................................................................................5

1.1.2 Vektorová grafika.............................................................................................................5

1.2 GRAFICKÉ FORMÁTY.............................................................................................................6

1.2.1 Vektorové formáty............................................................................................................6

1.2.2 Bitmapové formáty...........................................................................................................7

1.3 GIMP....................................................................................................................................8

1.3.1 Panel nástrojov................................................................................................................8

1.3.2 Pracovná plocha..............................................................................................................9

1.3.3 Vrstvy.............................................................................................................................10

1.4 ADOBE PHOTOSHOP......................................................................................................10

1.4.1 Panel nástrojov..............................................................................................................11

1.4.2 Hlavná ponuka...............................................................................................................12

1.4.3 Okná zložiek...................................................................................................................12

2 CIELE PRÁCE..........................................................................................................................13

3 MATERIÁL A METODIKA...................................................................................................14

4 VÝSLEDKY PRÁCE A DISKUSIA........................................................................................16

5 ZÁVERY PRÁCE.....................................................................................................................19

6 ZHRNUTIE................................................................................................................................20

7 RESUMÉ....................................................................................................................................21

8 ZOZNAM POUŽITEJ LITERATÚRY..................................................................................22

PRÍLOHY

0 Úvod

Celým našim životom sa prelína grafika v rozličných podobách. Televízne

programy, filmy, informačné tabule, reklamné nápisy – všetky tieto mediálne produkty nás

oslovujú pomocou obrazu a farieb. Marketingoví pracovníci vedia, že ak výrobok nemá

pútavý farebný obal a vzhľad, ťažko sa predáva. Ak sa rozhodneme relaxovať, často

siahneme po počítačových hrách a videách.

Väčšina ľudí si pri potrebe vytvoriť grafickú prácu radšej zaplatí odborníka, pritom

ale vôbec nevedia, že si túto prácu môžu vytvoriť sami a to bez použitia komerčného

programu.

Túto tému sme si vybrali, pretože sa už dlhšiu dobu zaujímame o spracovávanie

grafiky a chceli by sme sa tejto problematike venovať aj v našom budúcom štúdiu.

Naskytla sa nám príležitosť naučiť sa narábať s grafickým editorom GIMP a tú sme bez

váhania využili.

Touto prácou by sme chceli ukázať ako vytvárať počítačovú grafiku za pomoci

vyššie spomínaného rastrového editora. Vzniknutý projekt plánujeme umiestniť na www

stránku našej školy, postupne ho dopĺňať a sprístupniť nielen všetkým profesorom

a študentom Gymnázia v Považskej Bystrici ale aj širokej verejnosti.

Súčasťou projektu je multimediálna učebnicu GIMPu, ktorá je zostavená z návodov

vo forme videí a k ním príslušným zvukovým záznamom s hovorovým slovom bližšie

vysvetľujúcim daný problém v programe. Videonávody vám umožnia získať základné

zručnosti potrebné na tvorbu a úpravu grafiky.

Ďakujeme nášmu konzultantovi Ing. Žernovičovej za čas, ktorý nám

venovala, odborne nás pripravila a usmernila náš projekt správnym smerom. Ďalej

ďakujeme pani profesorke PhDr. Juríčkovej a Mgr. Kukučkovej, ktoré nás naučili vytvoriť

jeho správnu formu.

4

1 Problematika a prehľad literatúry

1.1 Počítačová grafika

Počítačová grafika sú metódy a techniky pre konštrukciu, manipulovanie, ukladanie

a zobrazovanie obrazov na počítači, ktorá v dnešnej dobe predstavuje jednu

z najpopulárnejších, najvyužívanejších a najrýchlejšie sa rozvíjajúcich oblastí

z informačných technológií.. Každý človek už určite využil počítačovou grafikou, pretože

tvorí neoddeliteľnú súčasť dnešného sveta a stretávame sa s ňou na každom kroku. Grafika

sa používa v tlači, kde celá vizuálna časť v časopisoch, novinách, letákoch a v knihách je

tvorená pomocou počítačovej grafiky. Grafika je nenahraditeľná v televízií hlavne pri

tvorbe efektov vo filmovom priemysle, ale aj pri vytváraní animácií. Takmer vždy je

využívaná na tvorbu reklamných plagátov. Používa sa aj pri úprave fotografií, kde

jednotlivým fotografiám môžeme zmeniť jas, kontrast, farebnosť alebo odstrániť nežiaduce

prvky. Využíva sa na tvorbu internetových stránok, fotomontáži, trojrozmerných obrázkov

a hier.

1.1.1 Bitmapová grafika

Pod pojmom bitmapová alebo rastrová grafika rozumieme spôsob uloženia

grafickej informácie v pomyselnej mriežke, kde základný zobrazovací prvok je malý

štvorec nazývaný pixel, ktorý má v mriežke presnú polohu, farbu a iné parametre ako jas a

priehľadnosť. Kvalita obrázkov je ovplyvňovaná rozlíšením, ktoré je udávané v DPI ( Dot

per inch, počet bodov na jeden palec), pričom veľkosť jedného palca je približne 2,54 cm.

Na zobrazenie na obyčajnom monitore stačí 72 DPI, pri tlači potrebujeme až 300DPI.

Tento typ zobrazenia obrázku používa aj digitálny fotoaparát a televízia. Ak nejaký

obrázok vytvorený pomocou rastrovej grafiky začneme postupne približovať, jeho kvalita

sa bude zhoršovať až uvidíme mozaiku tvorenú z pixelov uložených vedľa seba v radoch

a stĺpcoch. Pri zväčšení rozmerov obrázku sa jeho objem dát niekoľkonásobne zvýši,

pretože nosným faktorom množstva dát, ktorý tento obrázok zaberá na pevnom disku,

závisí od počtu pixelov, z ktorých sa skladá.

5

1.1.2 Vektorová grafika

„Programy, které pracují s vektorovou grafikou, ukládají grafickou informaci ve

formě matematického zápisu. Ten definuje tvar čáry a křivky, které jsou základními

kameny všech zbývajících objektů“1. Tieto útvary majú zadefinované presné vlastnosti

(kruh– stred polomer, farba výplne). Vektorová grafika sa používa napríklad na vytvorenie

rôznych vizitiek, reklamných letákov alebo loga firmy. Obrázky môžeme ľubovoľne

zmenšovať a zväčšovať bez straty kvality. S každým objektom môžeme pracovať zvlášť.

Obrázky vo vektorovej grafike zaberajú menej priestoru v počítači ako rastrové obrázky.

Obrázok 1 - Porovnanie rastrovej (hore) a vektorovej (dole) grafiky

Mohlo by sa teda zdať, že vektorová grafika je ideálnym riešením spôsobu

reprezentácie grafiky. V skutočnosti tomu tak ale nie je. Problém je v tom, že nie všetko

vieme popísať matematicky. Predstavme si lúku plnú rozkvitnutých, pestrofarebných

kvetov. Je takmer nemožné tento obraz popísať, a už vôbec nie vyjadriť ho matematicky.

V praxi sa často používa kombinácia bitmapovej a vektorovej grafiky. Vzájomne sa

dopĺňajú. Časť výslednej grafiky môže byť reprezentovaná bitmapou, časť vektorom.

1.2 Grafické formáty

Pod pojmom grafický formát alebo grafická informácia rozumieme súhrn pravidiel

a štandardov pre ukladania obrazových dát do digitálnej podoby. Tak ako grafické editory

rozdeľujeme grafické formáty na vektorové a rastrové.

1 Navrátil, P. : Počítačova grafika a multimédia. Praha: Computer Media, 2007. s. 12,.ISSN 8086686779

6

1.2.1 Vektorové formáty

Vektorové formáty sú priamo závislé na použitom vektorovom grafickom editore.

Podľa toho má meno súboru aj príponu.

Najznámejšie vektorové formáty:

WMF (Windows Metafile)

PS, EPS (PostScript, Encapsulated

PostScript)

PDF (Portable Document Format)

SVG (Scalable Vector Graphics)

SWF (ShockWave Flash)

1.2.2 Bitmapové formáty

Pretože rastrová grafika je tvorená zo siete malých štvorcov a pri veľkých

rozlíšeniach by normálne zaberala relatívni veľký priestor na disku, využíva sa kompresia.

Rozlišujeme stratovú a bezstratovú 2(Urban, 2010) . V rastrových editoroch je možné

uložiť súbory v niekoľkých zaužívaných rastrových formátoch. Medzi najpoužívanejšie

formáty patrí JPG, GIF, PNG, TIFF a BMP.

Joint Photographic Experts Group – JPG

Formát JPEG bol uznaný ako medzinárodný štandard v roku 1988. Využíva metódu

stratovej kompresie použitej na ukladanie počítačových obrázkov vo fotografickej kvalite.

Straty na kvalite sú ľudským okom skoro nespozorovateľné. Najrozšírenejšími príponami

tohto formátu sú .jpg, .jpeg, .jfif, .jpe. Obrázok má vždy 16 777 216 farieb. JPEG formát je

vhodný na fotografické snímky alebo maľovanie realistických scenérií, avšak sa nehodí na

obrázky s kontrastnou grafikou.

Graphics Interchange Format – GIF

Bol vyvinutý americkou firmou CompuServe v roku 1987. Obrázok môže mať

maximálne 256 farieb a používa jednoduchú bezstratovú kompresnú metódu LZW na

rozdiel od JPG a preto je vhodný na tvorbu log firiem, tlačidiel, reklamných bannerov,

jednoducho na všetko čo používa málo farieb a veľké jednofarebné plochy. Formát

umožňuje definovať priehľadnosť a tvorbu animácií.

Portable Network Graphics Format – PNG

2 Urban, F. :Vyberte správny formát na obrázky. In : Pc Revue, XVIII, 2010, č. 11, s.33. ISSN 1355-0226

7

Tento formát bol vyvinutý ako zdokonalenie a náhrada formátu GIF. Je založený na

bezstratovej komprimačnej technológií pod názvom ,,deflation“. Poskytuje 24 bitovú

farebnú hĺbku a nemá obmedzenie na maximálny počet 256 farieb súčasne. Podporuje aj

osembitovú priehľadnosť, čo znamená, že obraz môže byť na rôznych častiach rôzne

priehľadný. Avšak oproti GIF je prakticky nepoužiteľný na tvorbu jednoduchých animácií.

1.3 GIMP

GIMP je voľne dostupný bitmapový grafický editor (GNU Image Manipulation

Program), obľúbi si ho každý občasný používateľ. Jeho prostredie pozostáva z troch

samostatných okien. Vľavo sa nachádza panel s nástrojmi, v strede pracovná plocha

a vpravo vrstvy.

1.3.1 Panel nástrojov

Na prvom mieste sa nachádzajú nástroje na výber.

Nájdete tu obdĺžnikový a elipsový výber, kúzelnú paličku

a farebný výber, ktorý označí miesta s rovnakou farbou. Nožnice

opíšu hrany pomocou bodového systému. „Stačí ak umiestnite

body približne pozdĺž hrán objektu a systém automaticky

pritiahne tieto výrezy k obrázku“3. Nasleduje nastroj na

označenie popredia. V paneli nástrojov ďalej môžete nájsť

nástroj na úpravu ciest a ukotvení, klasické kvapátko

umožňujúce zvolenie farby z určitej oblasti obrázka, hneď vedľa

neho sa nachádza lupa, ktorá pomáha pri zbližovaní detailov.

Nástroj kružidlo odmeria vzdialenosť medzi dvoma bodmi, výšku, šírku a aj uhol.

Nasledujúce nástroje umožňujú manipuláciu s vrstvami a objektami. Nájdete tu

jednoduchý orezávač, pričom stačí vybrať určitú oblasť, kliknúť do nej a zvyšná časť sa

oreže. Ďalej tu môžete nájsť skupinu nástrojov, ktoré okrem zväčšenia, zmenšenia dokážu

vrstvu aj rozlične deformovať. Nástroj na vkladanie textu je samozrejmosťou každého

grafického programu. Pri označenom štetci môžete nájsť v ľavej časti základne nastavenia

ako jeho veľkosť, krytie a režim. Program poskytuje aj niektoré pokročilejšie efekty.

K dispozícií máte napríklad dynamiku štetca, kde sú jednotlivé nastavenia usporiadané do

tabuľky. Jednotlivé efekty sa nachádzajú v riadkoch. Stĺpce patria položkám krytie,

tvrdosť, veľkosť. Stačí umiestniť krížik do príslušného políčka. Pri každom z efektov si 3 Hardoň, D.: Adobe Photoshop vs Gimp. In : Pc Revue, XVIII, 2010, č.11, s.105. ISSN 1335-0226

8

Obrázok 2 - Panel nástrojov GIMP

môžete zvoliť aj jeho silu. Program obsahuje niekoľko predefinovaných stôp štetca ako sú

klasický štetec s okrúhlou stopou. Okrem neho sú tu aj rôzne špeciálne stopy s ktorými

môžete kresliť papriky, krížiky alebo listy. Medzi ďalšie nástroje patrí guma štetec

Airbrush a tri druhy klonovacích pečiatok. Pri použití klonovacej pečiatky je dôležité

najskôr odobrať oblasť obrázka, ktorú idete klonovať. Stačí stlačiť Ctrl. Ponuku nástrojov

uzavierajú nástroje slúžiace na rozostrovanie, zaostrovanie, rozmazávanie, zasvetľovanie

a stmavenie zvolených oblastí. Paleta farieb sa nachádza hneď pod panelom s nástrojmi.

Farbu si môžete vybrať niekoľkými spôsobmi. Napríklad vybratím zo vzorkovnice,

z panela farieb alebo udaním presných hodnôt RGB či CMYK.

1.3.2 Pracovná plocha

Obrázok 3 - Pracovná plocha GIMPu

Menu obsahuje 11 kategórií. Prvá z nich je Súbor. Umožňuje otváranie, ukladanie

a vytváranie nových dokumentov. „V tomto smere je GIMP na úrovni Photoshopu

a poskytuje okrem klasických nastavení veľkosti aj možnosť zvoliť si rozlíšenie, a to

zvlášť pre os X a Y.“4 Nachádzajú sa tu taktiež najpoužívanejšie rozlíšenia. Je možné si

zvoliť farebný profil, výplň pozadia a pridanie komentáru. Druhá položka v menu sú

Úpravy. Obsahuje základné nastavenia ako krok späť, vpred, vystrihnúť, prilepiť,

kopírovať taktiež nastavenia programu a správcu klávesových skratiek. Položka

Zobrazenie umožňuje základné úpravy rozhrania programu. Pomocou položiek Obrázok,

4 Hardoň, D.: Adobe Photoshop vs Gimp. In : Pc Revue, XVIII, 2010, č.11, s.106. ISSN 1335-0226

9

Vrstva a Farby môžeme upraviť celý obrázok. Od zmeny jeho veľkosti, farebného režimu

až po transformáciu. Meniť sa dajú aj jednotlivé vrstvy. V položke Nástroje sa nachádzajú

všetky nástroje usporiadané do kategórii. Veľmi dôležitá je položka Filtre. GIMP obsahuje

množstvo filtrov umožňujúcich rozostrenie, zosvetlenie a celkového vylepšenia obrázkov.

Menu uzatvárajú položky Okná a Pomocník.

1.3.3 Vrstvy

V tomto okne sa nachádzajú vrstvy, kanály, cesty, štetce, vzorky, prechody. Vo

vrchnej časti je umiestnený správca vrstiev. Môžete vrstvy vytvárať, presúvať, zmazať. Ak

chcete pridať masku musíte postupovať cez vrchnú nástrojovú lištu. Úplne naspodku

nájdete tvary štetca, farebné vzorky slúžiace na vytvorenie textúry a prechodu.

1.4 ADOBE PHOTOSHOP

„Adobe® Photoshop® CS5 Extended je definitivní řešení pro pokročilé úpravy

digitálních obrazů obsahující všechny funkce aplikace Photoshop CS5 a průlomové

nástroje pro úpravu 3D a pohyblivých objektů“5. Táto aplikácia je určená hlavne

profesionálom, čomu zodpovedá aj jeho cena. Úvodná obrazovka je rozdelená na tri časti.

Vľavo sa nachádza panel s nástrojmi, v hornej časti programu sa nachádzajú podrobné

nastavenia nástrojov, hlavná ponuka a v pravej časti sa nachádza farebná paleta, vrstvy

a prípadne ďalšie nástroje.

5ADOBE.Adobe Photoshop CS5 Extended.[online].[cit: 2011-30-04].Dostupné na internete: http://www.adobe.com/cz/products/photoshopextended.html

10

Obrázok 4 - Prostredie programu ADOBE PHOTOSHOP6

1.4.1 Panel nástrojov

Panel s nástrojmi umožňuje zmenu zobrazenia z jednostĺpcového na dvojstĺpcové.

Prvý nástroj je posun. „Dovoluje vám úplně nejzákladnější přesuny vrstev nebo celých

dokumentů.“7 Nasleduje skupina nástrojov, ktoré sa zaoberajú výbermi. Rovnaké nástroje

má aj GIMP. Navyše je tu nástroj na výber riadku a stĺpca. Má veľkosť 1 pixel. Ďalšie

nástroje vytvárajú výbery iných tvarov. Nachádza sa tu laso, pri ktorom vytvárate výber

ťahaním a súčasne držaním ľavého tlačidla myši. Nasleduje mnohouholníkové laso.

Zadávate body medzi ktorými sa vytvára úsečka. Celý proces sa ukončuje dvojklikom, po

ktorom sa opäť spojí prvý a posledný bod. Trojicu uzatvára magnetické laso. Tento nástroj

najlepšie pracuje s objektmi, ktoré sa nachádzajú na kontrastnom prostredí. Ťahaním myši

pozdĺž okraja sa vytvárajú body, ktoré program automaticky pritiahne k hrane objektu.

Ďalej sa tu nachádza nástroj rýchly výber a kúzelná palička. Nasledujú nástroje užitočné

pri rezaní a orezávaní. Nájdete tu klasické orezávanie, rez a výber rezu. Nasleduje skupina

obsahujúca nástroje ako kvapátko nástroj pre vzorkovanie farieb, ktorý zistí podrobné

informácie o vytvorených bodoch a o mieste na ktorý v danú chvíľu ukazuje myš.

Informácie sa usporiadajú do prehľadnej tabuľky, kde sa nachádza aj hodnota farieb RGB

a CMYK. Skupinu uzatvárajú nástroje pravítko, poznámka a počítanie. Po spomínaných 6 Itnews.[online].[cit: 2011-30-04].Dostupné na internete: http://static.itnews.sk/a501/image/file/6/0031/ DksWHvw0.jpg

7 Široký, P. : Photoshop CS5 – základní pracovní nástroje.[online].[cit: 2011-01-04].Dostupné na internete: http://www.tutoriarts.cz/6-photoshop-cs5-zakladni-pracovni-nastroje-1160

11

nástrojoch nasledujú nástroje na úpravu a dolaďovanie fotografií ako nástroj na odstránenie

červených očí alebo retušovací štetec. Medzi kresliace nástroje patrí štetec a ceruzka.

Štetec je vo Photoshope veľmi prepracovaný. Umožňuje zmenu krytia, hustoty, tvrdosti

a veľkosti. Obmedzovaný nebudete ani v oblasti výberu stopy štetca. A ak by vám ani tieto

stopy nestačili, je tu možnosť vytvoriť si vlastné alebo si načítať iné stopy. Nachádza sa tu

aj panel nastavení v ktorom môžete nastaviť dynamiku tvaru štetca, jeho rozptyl, dynamiku

farby a môžete pridať aj textúru. Zvyšné nastavenia nájdete v kategórií ďalšia dynamika.

Po kliknutí na určitú kategóriu sa dostanete k podrobnejším možnostiam. Okrem nich

program ponúka aj efekty ako šum, vlhké okraje, rozprašovač, vyhladenie a ochrana

textúry. Nasledujú známe klonovacie pečiatky, štetec histórie, umelecký štetec histórie,

gumu, kúzelnú gumu, nástroj na mazanie pozadia, nástroj prechod a plechovku farby. Pri

klonovaní musíte odobrať vzorku za pomoci klávesy Alt. Môžete tu nájsť aj nástroje

nachádzajúce sa v GIMPe. Vytvárajú rôzne efekty. Photoshop ponúka aj nástroj huba,

ktorý zmení sýtosť farby na určitej ploche. Veľkým pomocníkom je aj nástroj pero.

Pomocou neho sa dajú efektne orezať časti obrázka. Využíva techniku kotevných bodov.

Nástroj na vkladanie textu umožňuje pridanie tieňu, žiary, reliéfu cez satén, prekrytie

prechodom, farbou, pridanie vzorky a vytiahnutia textu. Kategóriu nástrojov uzatvárajú

nástroje výber cesty, priamy výber, priblíženie a posun obrázka a nástroj určený na

vkladanie tvarov.

1.4.2 Hlavná ponuka

Horná nástrojová lišta je tvorená z 11 kategórii. Prvá z nich sa nazýva Súbor.

Poskytuje funkcie, ktoré ponúka aj GIMP, ale navyše tu nájdeme funkcie import, export

a prípadné skripty. Pri vytváraní dokumentu si môžete určiť šírku, výšku v rozličných

jednotkách, určiť rozlíšenie, režim farby, obsah pozadia a profil farieb. Nasledujú položky

Úpravy, Obraz, Vrstva, Filter, ktorá združuje všetky filtre programu, ktoré sú usporiadané

do prehľadných kategórii. Menu uzatvárajú kategórie ako Analýza, Zobrazenie, Okná,

Nápoveď a verzia Extended obsahuje aj kategóriu 3D.

1.4.3 Okná zložiek

V pravej časti programu sa nachádza paleta farieb, kategórie Prispôsobenie

a Masky. V úplne spodnej časti nájdeme vrstvy, ktoré sa  vo Photoshope dajú aj zaradiť do

skupín. Každá vrstva môže mať svoju masku.

12

2 Ciele práce

Naším hlavným cieľom je vytvoriť multimediálnu učebnicu bitmapového

grafického editoru na úpravu a tvorbu grafických projektov. Tento súbor audio –

vizuálnych návodov bude nahratý na internetovú stránku Gymnázia Považská Bystrica,

čím sa sprístupní študentom a širokej verejnosti, ktorých prevedieme programom od

základných prostriedkov až po tie zložitejšie. Ďalším cieľom je vytvoriť internetovú

anketu, ktorou zistíme záujem ľudí o tento obor. Zámerom teoretickej časti je zistiť

a porovnať dostupnosť a kvalitu komerčných produktov vzhľadom na Gimp. Porovnáme

rozdiely medzi jednotlivými nástrojmi, funkciami, užívateľskými prostrediami a celkové

dojmy týchto programov.

13

3 Materiál a metodika

Pri tvorbe tejto práce sme sa opierali o naše vedomosti v grafických editoroch,

ktoré sme nadobudli učením vo voľnom čase na internete, kde sme dlhodobo a podrobne

skúmali viaceré grafické editory ako sú napríklad Photoshop, Gimp, Inscape a CorelDraw.

Od začiatku roka sme zbierali skúsenosti a zručnosti v týchto programoch, aby sme

vedeli ako fungujú, aké majú funkcie a čo je možné pomocou nich vytvoriť. Pozorovali

sme aj rôzne internetové fóra zaoberajúce sa problematikou grafiky, kde sme čítali

a analyzovali názory bežných používateľov.

Veľmi nám pomohol náš konzultant, ktorý nám poskytol knihy a rôzne materiály

o grafike a grafických editoroch. Usmernil nás aj pri konštruovaní práce a a pri tvorení jej

presnej kompozície.

Na tvorbu video návodov sme sa museli vopred dôkladne pripraviť. Prvou vecou

pri tvorbe tutoriálu bolo určenie si problému, ktorým sa bude daná video sekvencia

zaoberať. Následne sme tento problém analyzovali a spoločne sme zostavili konštrukciu

textu, ktorá bola ďalej upravovaná až do konečnej podoby. Potom sme text vytlačili a ústne

si ho pripravili. Taktiež sme si museli nacvičiť a rozmyslieť postup pohybu kurzora na

ploche, aby nebol chaotický a bol zosúladený s hovoreným textom.

Museli sme sa naučiť ako správne zaznamenávať audio stopu a video záznam. Na

to sme použili nekomerčný softvér CamStudio, pomocou ktorého je možné zachytiť

a uložiť informácie z celej pracovnej plochy, ale aj len z jej časti. Jedna z ďalších funkcií

CamStudia je aj zaznamenávanie zvuku pomocou mikrofónu. Mikrofón je možné si

zakúpiť už od niekoľko málo eur. My sme pri tvorbe videí použili drahší mikrofón značky

Trust a to z dôvodu čistého zaznamenania zvuku. CamStudio však zvuk a video ukladá do

dvoch rôznych súborov, a preto sme museli použiť ďalší program, ktorý nám umožnil

spojiť tieto súbory do celku.

Na to nám poslúžil freewarový softvér Windows Movie Maker z dielne Microsoftu.

Prvým krokom pri práci v tomto programe bolo importovanie audio a video súborov, ktoré

sme chceli spojiť. Následne sme tieto súbory v slede ukladali na časovú os, kde sme ich

museli skorigovať tak, aby boli jednotlivé obrazové záznamy v súlade s ich príslušnými

zvukovými stopami. Tento program má veľa funkcií na úpravu videa a zvuku. Využili sme

14

ich aj na odstránenie nežiaducich častí a rušivých prvkov v návode. Potom ako boli všetky

chyby vymazané a my sme boli s výsledkom spokojný, všetky súbory sme skonvertovali

a tým sme ich spojili do jedného.

Ďalšou súčasťou našej práce bola anketa. Zostavili sme šesť anketových otázok,

ktoré boli zamerané na zistenie koľko ľudí sa zaujíma a pracuje v grafických editoroch.

Využili sme druh internetovej ankety. Na jej vytvorenie sme použili značkovací jazyk

HTML, s ktorým sme vytvorili formu dotazníka, a PHP, pomocou ktorého sme

naprogramovali odoslanie ankety na emailovú adresu. Stránku s anketou sme nahrali na

internetový server, ktorý bol ľahko dostupný a nepožadoval poplatky. Potom sme rozšírili

hypertextový odkaz na túto stránku pomocou Facebooku a emailu. O vyplnenie ankety

sme požiadali najmä mladých ľudí. Výsledky ankety sme spracovali do prehľadných

grafov a tabuliek.

15

4 Výsledky práce a diskusia

Výsledkom našej práce bolo úspešné vytvorenie multimediálnej učebnice Gimpu

v podobe video záznamov s príslušnou audio stopou. Tieto návody boli nahraté na

internetovú stránku Gymnázia Považská Bystrica a uložené na priložené dátové médium.

Do dnešného dňa bola spracovaná štvorica video návodov, ktoré sa zaoberali týmito

témami :

Stručné predstavenie prostredia Gimpu

Základy práce s kresliacimi nástrojmi

Postup pri práci s výberovými nástrojmi

Úprava obrázkov

K výsledkom práce patrí aj anketa, ktorá nás prekvapila a utvrdila nás v našej práci.

Obsahovala 6 otázok a pokrývala oblasť tejto problematiky. Vďaka nej sme zisťovali

vedomosti a záujem širokej verejnosti o prácu v grafických editoroch. Dotazník vyplnilo

a odoslalo 60 osôb z toho 34 mužov a 26 žien.

Otázka č.1 : Ako trávite svoj čas na počítači?

Muži Ženy

Facebook 2 16Hry 14 0

Surfovanie po internete 6 8

Práca v grafických editoroch 6 0

Učenie 6 2

Touto otázkou sme chceli zistiť koľkí z respondentov sa v súčasnej dobe zaoberajú

prácou v grafických editoroch. Naše zistenie bolo prekvapivé pretože len 10%

z opýtaných, z toho všetko muži, túto činnosť vykonávajú. Drvivá väčšina opýtaných trávi

svoj čas na počítači hraním hier alebo navštevovaním Facebooku.

Otázka č.2 : Chceli by ste sa naučiť pracovať v grafickom editore?

Muži Ženy

Áno 30 10Nie 4 16

16

Odpovede na túto otázku nás veľmi potešili pretože až 66,66% ľudí má záujem

naučiť sa pracovať v grafických editoroch.

Otázka č. 3 : Upravujete nejakým spôsobom fotografie?

Muži Ženy

Áno 22 20Nie 12 6

Dozvedeli sme sa, že až 70% opýtaných upravuje fotografie v nejakom grafickom

editore.

Otázka č. 4 : Akú sumu by ste boli ochotný investovať do grafického editora?

Muži Ženy

Nič 24 20Do 50€ 4 4

Do 100€ 0 2

Do 250€ 2 0

Nad 500€ 4 0

Výsledok tejto otázky dopadol podľa našich očakávaní. Vzhľadom nato, že drvivá

väčšina používateľov grafických editorov využíva tieto programy len zriedkavo takmer

nikto by do nich nebol ochotný investovať ani cent. To nám potvrdilo, že Gimp ako open

source je pre nich veľmi vhodný.

Otázka č. 5 : Viete čo je to Gimp?

Muži Ženy

Áno 20 6Nie 14 20

Zistili sme, že muži v tomto ohľade majú väčší prehľad ako ženy, pretože na

rozdiel od nich, ktoré odpovedali len z 23% kladne, až 59% mužov to vedelo.

Otázka č. 6 : Aký typ návodov uprednostňujete?

Muži Ženy

Textová príručka 4 8Video tutoriál 12 12

Je mi to jedno 18 6

Účastníci označovali dvojnásobne viackrát odpoveď videotutoriál ako textovú

príručku. Ostatným to bolo jedno.

17

K výsledkom práce patrí aj anketa, ktorá nás prekvapila a utvrdila nás v našej práci.

Obsahovala 6 otázok a pokrývala oblasť tejto problematiky. Vďaka nej sme zisťovali

vedomosti a záujem širokej verejnosti o prácu v grafických editoroch. Dotazník vyplnilo

a odoslalo 60 osôb z toho 34 mužov a 26 žien.

Diskusia

Väčšina ľudí, ktorí sa chcú naučiť pracovať v grafickom editore Gimp vo svojom

voľnom čase, vyhľadávajú návody týkajúce sa tejto problematiky. Predovšetkým, ako sme

zistili pomocou našej ankety, uprednostňujú tutoriály vo forme video sekvencií

s príslušnou audio stopou. Nanešťastie pre nich sa na internete nachádza nedostačujúci

počet videí v slovenskom jazyku, pretože väčšinou sú nahovorené v anglickom jazyku, aby

slúžili širšej verejnosti. Iný autori zvolili kvôli jednoduchosti textovú formu návodov, ktoré

však pre mnohých bežných používateľov nie sú dostačujúce, pretože niektoré pojmy v tejto

problematike sú veľmi ťažko vysvetliteľné slovami, a preto je potrebná aj názorná ukážka.

My sme v našich návodoch vytvorili podrobný postup vysvetľovania jednotlivých častí

možností programu. Keďže znalosť anglického jazyka na Slovensku nie je taká vysoká ako

v iných štátoch, zvolili sme slovenskú formu týchto video návodov, a tak sú ľahko

zrozumiteľné pre všetkých Slovákov a Čechov.

18

5 Závery práce

Cieľom našej práce bolo vytvoriť videotutoriál k programu Gimp, Náš hlavný cieľ

sa nám podarilo splniť. Videotutoriál je rozdelený na niekoľko častí, kde je popísaná práca

s niektorými nástrojmi pre začínajúcich užívateľov.

Tento editor má intuitívne pracovné prostredie a mnoho ľahko využiteľných

funkcií. Ako prvé je predstavené hlavné okno programu Gimp, jeho nástroje a pracovné

prostredie. V druhej časti sa venujeme nástrojom štetec, ceruzka a rozprašovač. Okrem

týchto základných nástrojov sme pripravili aj návod, ako pracovať s výberom a obrázkami.

Vytvorený videotuoriál môže mať dve využitia. Okrem toho, že ho plánujeme uverejniť na

www stránku školy, vytvorili sme aj jeho elektronickú verziu na CDrome. Našu

elektronickú učebnicu plánujeme doplniť o ďalšie nástroje, ktoré sú obsiahnuté v prostredí

programu Gimp.

Vytvorený videotutoriál poskytuje užívateľovi možnosť naučiť sa pracovať

v programe Gimp, ktorý je alternatívou programu Adobe Photoshop. Adobe Photoshop je

komerčný grafický program a jeho cena je pre bežného užívateľa pomerne vysoká (príloha

C1), preto veríme, že mnohí siahnu po Gimpe, ktorý je poskytovaný zadarmo. Má trochu

odlišný prístup a prostredie ako Photoshop, ale nájdete v ňom takmer všetky funkcie

potrebné pre prácu s grafikou. Jeho nespornou výhodou je aj to, že je dostupný aj pod

systémom Linux. V Gimpe môže niekomu chýbať jednoduchý prístup k špeciálnym

efektom, ktoré ponúka Adobe Photoshop, je to však len malá daň za bezplatnú licenciu.

19

6 Zhrnutie

Hlavným cieľom tejto práce bolo vytvoriť multimediálnu učebnicu bitmapového

grafického editoru Gimpu, ktorá by previedla ľudí, ktorí sa chcú v tomto programe naučiť

pracovať, jeho jednotlivými funkciami. Pri vytváraní tejto učebnice sme použili rôzne

softvéry ako CamStudio a Windows Moovie Maker. Zistili sme, že ľudia nie sú dostatočne

oboznámení s prácou v Gimpe. V teoretickej časti sme sa venovali vysvetľovaniu

a priblíženiu najzákladnejších pojmov potrebných pri práci s grafikou. Porovnali sme

jednotlivé funkcie medzi Photoshopom a Gimpom, ich nástroje a užívateľské prostredia.

20

7 Resumé

The main objective of this work was to create a multimedia textbook bitmap

graphics editor GIMP, which transferred the people who want this program to learn to

work, its various functions. In creating this textbook, we used a variety of software as

CamStudio and Windows Moovie Maker. We found that people are not sufficiently

familiar with the work in Gimp. In the theoretical part we give and be close to explaining

the most fundamental concepts necessary for working with graphics. We compared the

different features between Photoshop and The GIMP, their tools and user interfaces.

21

8 Zoznam použitej literatúry

Navrátil, P. : Počítačova grafika a multimédia. Praha: Computer Media, 2007.168

s.ISBN 8086686779

Urban, F. :Vyberte správny formát na obrázky. In : Pc Revue, XVIII, 2010, č. 11,

136 s. ISSN 1355-0226

Itnews.[online].[cit: 2011-30-04].Dostupné na internete:

http://static.itnews.sk/a501/image/file/6/0031/DksWHvw0.jpg

Široký, P. : Photoshop CS5 – základní pracovní nástroje.[online].[cit: 2011-04-

03].Dostupné na internete: http://www.tutoriarts.cz/6-photoshop-cs5-zakladni-

pracovni-nastroje-1160

ADOBE.Adobe Photoshop CS5 Extended.[online].[cit: 2011-04-03]. Dostupné na

internete: http://www.adobe.com/cz/products/photoshopextended.html

22

Prílohy

Príloha A - Anketa

Príloha B - Grafy

Príloha C - Tabuľky

Príloha D - Obrázky

Príloha E - CD

Prílohy A: Anketa

Príloha B : Grafy

Muži Ženy0

5

10

15

20

25

30

35

Chceli by ste sa naučiť pracovať v grafickom editore?

ÁnoNie

Faceb

ookHry

Surfo

vanie

po inter

nete

Práca v

grafi

ckých

edito

roch

Učenie

02468

1012141618

Ako trávite svoj čas na počítači?

MužiŽeny

Nič do 50€ do 100€ do 250€ nad 500€0

5

10

15

20

25

30

Koľko by ste boli ochotný investovať do grafickýckého editora?

MužiŽeny

Muži Ženy0

5

10

15

20

25

Upravujete fotografie?

ÁnoNie

Muži Ženy0

5

10

15

20

25

Viete čo je to Gimp?

ÁnoNie

Textová príručka Video tutoriál Je mi to jedno0

2

4

6

8

10

12

14

16

18

20

Aký typ návodu uprednostňujete?

MužiŽeny

Príloha C: Tabuľky

Bitmapové grafické editory

Produkt Cena

Adobe Photoshop CS5 Extended 958 €

Gimp zadarmo

Paintbrush zadarmo

Microsoft Photo Editor zadarmo

Corel Painter 11 315 €

PaintShop Photo Pro X3 89 €

Vektorové grafické editory

CorelDRAW Graphics Suite X5 635 €

CorelDRAW Premium Suite X5 959 €

Inkscape zadarmo

Tabuľka C. 1 : Ceny jednotlivých produktov

Príloha D - Obrázky

Obrázok D.1 : Nástroje Gimpu, Autor : Ondrej Čičkán [2011-30-04]

Obrázok D.2: Okná Gimpu, Autor: Ondrej Čičkán [2011-30-04]

Obrázok D.3 : Auto, Autor: Peter Bučo [2011-30-04]

Obrázok D.4 : Zapaľovač, Autor: Peter Bučo [2011-30-04]

Obrázok D.5 : Planéta v temnote, Autor: Peter Bučo [2011-30-04]

Obrázok D.6 : Assassins Creed, Autor: Peter Bučo [2011-30-04]

Príloha E - CD