Upload
01blublu01
View
248
Download
0
Embed Size (px)
DESCRIPTION
GIMP, ročnikova, praca
Citation preview
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