1.

Spracovanie grafiky pre webové stránky

Nie každý z nás vie chytiť ceruzku či štetec do ruky a nakresliť skicu či obrázok hodný obdivu.
Využívaním dig. Technológií a s ich pomocou sa dajú vytvárať obrázky s obdivuhodným výsledkom.
Profesionálni výtvarníci – webdizajnéri využívajú väčšinou zložitejšie grafické nástroje radu Adobe,
Makromedia ... Existuje však množstvo sharewarových a freewarových programov, ktoré ponúkajú jednoduché,
rýchle a užívateľsky prívetivé prostredie , dávajú možnosť vytvoriť profesionálne prezentácie bez zdĺhavého
listovania v manuáloch a helpoch.
Pri surfovaní Internetom iste zistíte, že webovské stránky sa na seba podobajú a sú často pozmenenou
(aj nepozmenenou) kópiou bez originálnych nápadov. Preto by sme chceli predstaviť rôzne možnosti, ako
jednoducho vytvoriť webovské prezentácie za pomoci jednoduchých grafických editorov a vlastnej fantázie či
predstavivosti.

1.1 Trochu teórie

Obraz, či grafika je podobne ako text médiom statickým. Jednou z výhod obrazu je to, že neraz dokáže
jeden malý obrázok vyjadriť to, čo by sme textom len veľmi zložito a zdĺhavo opisovali. Mnoho ráz sa obrazom
dá vyjadriť aj to čo sa jednoducho opísať nedá. Grafika je prvkom, ktorý dokáže vo výraznej miere ovplyvniť
celkový vzhľad aj efektívnosť prenosu informácie ku adresátovi.
Počítačová grafika, t.j. digitálne spracovaný obraz, môže byť uložený v dvoch rozdielnych podobách:
•rastrová grafika
•vektorová grafika
Podstatnou vlastnosťou rastrovej grafiky je to, že obrazová informácia sa ukladá pomocou matice
rôznofarebných izolovaných bodov. Táto skupina bodov tvorí celý obraz a od jej veľkosti závisí aj kvalita
výsledného obrázka. Platí jednoduché pravidlo: "čím je obrazových bodov viac, tým kvalitnejšie je zobrazenie".
To, koľko bodov tvorí daný obrázok sa najčastejšie udáva rozlíšením, t.j. počtom bodov, ktoré tvoria obraz na
vodorovnej a zvislej osi. Príkladom môže byť obrázok z rozmermi 160 x 120 bodov. Výsledný obraz teda tvorí
19200 obrazových bodov.

1.1.1 Farebná hĺbka

Ako bolo vyššie spomenuté, každý bod obrazu môže mať definovanú svoju farbu. Táto farba sa spravidla
vyberá z farebnej palety, ktorej veľkosť závisí od farebnej hĺbky obrazu. Nuž a opäť môžeme povedať, že čím
farebná hĺbka väčšia, tým je zobrazenie kvalitnejšie a vernejšie. Farebná hĺbka obrazu sa udáva v bitoch.
Štandardné farebné hĺbky obrazu sú:
•1 bit - čierno-biely obraz (POZOR! nemýliť si z odtieňmi sivej), označovaná aj ako BW (Black And White).
Už z názvu je zrejné, že body tvoriace obraz môžu byť buď biele alebo čierne. Na uloženie informácie o ôsmich
obrazových bodoch nám postačí jeden BYTE. Obrázok z rozmermi 160 x 120 bodov by teda spotreboval 2400
bajtov pamäti.
•8 bitov - obraz v odtieňoch sivej tiež nazývaný GREYSCALE, dovoľujúci vybrať pre daný obrazový bod
jeden z 256 odtieňov sivej farby. Toto farebné rozlíšenie je plne postačujúce napríklad na kvalitné zobrazenie
fotografie. Pri tejto farebnej hĺbke potrebujeme na uloženie informácie o farbe jedného obrazového bodu jeden
BYTE. Obrázok z rozmermi 160 x 120 bodov by teda spotreboval 19200 bajtov pamäti.
•24 bitov (RGB) - obraz v pravých farbách. Toto zobrazenie sa najčastejšie nazýva TRUECOLOR a dovoľuje
pre každý obrazový bod zvoliť jeden z asi 16 miliónov farebných odtieňov. Toto rozlíšenie je plne postačujúce
na vysoko kvalitné zobrazenie akéhokoľvek obrazu na obrazovke monitora. Pri tejto farebnej hĺbke sa farba
obrazového bodu mieša z troch základných farieb: čevenej (Red), zelenej (Green) a modrej (Blue). Na každú
farebnú zložku máme k dispozícii 8 bitov, teda jeden bajt. Jeden obrazový bod tak potebuje na uloženie
informácie o svojej farbe 3 bajty. Obrázok z rozmermi 160 x 120 bodov by teda spotreboval 57600 bajtov
pamäti.
•32 bitov (CMYK) - sa používa na profesionálne spracovanie obrazu pre tlačiarenské účely. Pri tejto farebnej
hĺbke sa farba obrazového bodu mieša zo štyroch základných farieb: tyrkysová (Cyan), fialová (Magenta), žltá
(Yellow) a čiarna (blacK). Na každú farebnú zložku máme k dispozícii opäť 8 bitov. Jeden obrazový bod tak
potebuje na uloženie informácie o svojej farbe 4 bajty. Obrázok z rozmermi 160 x 120 zaberie 76800 bajtov
pamäti.
Ako ste si isto všimli, so zväčšovaním farebnej hĺbky narastajú nároky na uloženie obrazu. Spomenuli
sme si štyri rôzne farebné hĺbky a niekto by mohol namietať, že pozná aj obraz, ktorý má 256 farieb, ktoré však
nie sú sivé. Áno, existujú aj takéto obrázky, ale tu sa už nedá hovoriť pravom farebnom rozlíšení. Lepšie
je hovoriť o obrazových formátoch, ktoré dovoľujú ukladať farebné obrázky s rôznym počtom farieb (často 16 či
256 farieb). Tieto farby sú však aj tak vyberané len z jednej z vyššie uvedených farebných paliet. Napríklad 256
farebný obrázok, ktorý nepoužíva len sivé farby v sebe obsahuje aj paletu 256 farieb (často nazývané indexové
farby) namiešaných z 24 bitovej palety. Spôsob uloženia je podobný ako pri GREYSCALE obraze, s tým
rozdielom, že každý bod obrazu je reprezentovaný číslom z rozsahu 0 až 255, ktoré je indexom do 256 farebnej
palety. Pri 16 farbách je to podobné. Tieto formáty vznikli ako určitý kompromis medzi pamäťovými nárokmi
grafiky a požiadavkou na kvalitné zobrazenie. Napríklad systém Windows bohato vystačí s paletou 256 farieb
a používateľ si ani len nevšimne, že farieb je voľajako málo. Problém by nastal napríklad pri zobrazení
fotografií.
Tak trochu nenápadne sme sa dostali k problému, ktorý pri spracovaní grafiky musíme riešiť. Je ním to
v akom formáte uložiť spracovanú grafiku. Isto ste si všimli, že sme hovorili o obrázkoch s maximálne 256
farbami a obrázkoch, ktoré potrebujú oveľa viac farieb. Nuž povieme si niečo viac o formátoch, ktoré použijeme
pri vytváraní WWW stránok.

1.1.2 Grafické formáty

Prvým formátom je GIF (Graphic Interchange Format). Tento formát uchováva obraz v 256 farbách
a používa indexový farebný model. GIF použijeme vtedy, ak chceme uložiť obraz s ostrými farebnými
prechodmi, ktorý využíva relatívne málo farieb. GIF sa nehodí na ukladanie veľkých fotografií. GIF dovoľuje
uložiť do jedného súboru aj viacero obrázkov, pomocou ktorých je možné vytvoriť animácie. Toto sa často
používa na spestrenie WWW stránok. Ak na nejakej stránke uvidíte jednoduchú animáciu, je pravdepodobné, že
sa jedná o animovaný GIF. Výslednú veľkosť uloženého obrázka si ľahko spočítate. Jeden bod, jeden bajt plus
niekoľko málo bajtov v hlavičke súboru a tiež zopár bajtov na uloženie 256 farebnej palety. Pri ukladní obrázka
vo formáte GIF sa môžete stretnúť s možnosťou uložiť ho ako prekladaný (interlaced). Kvalitu to nijako
neovplyvní. Iný bude iba spôsob zobrazovania. Interlaced GIF ukladá najprv nepárne a až tak párne riadky
obrazu Pri zobrazovaní na www po natiahnutí nepárnych riadkov sa pokračuje v nahrávaní ostatnej časti
obrázka. Po dokončení sťahovania sa obrázok zobrazí celý. Ak spracovávate grafiku pre Web, používajte
prekladaný GIF stále, čitateľ stránky nebude musieť dlho čakať, kým niečo uvidí.
Druhým, veľmi často používaným formátom aj pre iné účely ako len WWW, je JPEG (Joint
Photographic Expert Group). Algoritmus JPEGu je založený na analýze obrazu, v ktorom je farba kódovaná
hodnotami jasu a farebnosti. Kompresný pomer, ktorý je možné dosiahnuť býva neraz aj 1:20, či ešte lepší.
Všetko samozrejme závisí od zloženia obrazu, ktorý chcete v tomto formáte uložiť. JPEG je formát, ktorý zvláda
všetky typy farebných paliet, CMYK nevynímajúc. Formát je pre svoju univerzálnosť vhodný na ukladanie
ľubovoľnej grafiky, najviac sa však hodí na ukladanie farebných fotografií obsahujúcich množstvo farebných
odtieňov a plynulých farebných prechodov. Aj preto sa JPEG používa aj na WWW, ktoré si vyžaduje čo
najmenšie objemy prenášaných dát. Nuž a aby sme JPEG veľmi neidealizovali, povedzme si, že JPEG je formát
stratový, t.j. pri uložení v tomto formáte dochádza k určitej strate kvality. Množstvo strát je samozrejme
ovplyvniteľné parametrami zadávanými pred samotnou kompresiou. Aj preto nie je JPEG veľmi vhodný pre
zálohovanie grafiky.
V súvislosti s Webom má JPEG ešte jednu zaujímavú vlastnosť. Obraz sa dá uložiť aj vo forme tzv.
progressive JPEG. Zjednodušene sa dá povedať, že obraz je uložený v akýchsi vrstvách (najčastejšie 3 až 5),
ktoré sa postupne nahrávajú a zobrazujú. Zobrazenie dát každej vrstvy pridáva obrazu detaily. Takýto obrázok
poznáte podľa toho, že na stránke uvidíte najprv štvorčeky, ktorá sa postupne akoby zaostrujú až kým sa
nezobrazí obrázok v plnej kvalite.
Existujú aj iné grafické formáty, ktoré sa však na Webe nepoužívajú (okrem PNG - Portable Network
Graphic, ktorý ešte nie je veľmi rozšírený). Za všetky treba spomenúť aspoň tieto:
•TIFF (Taggeg Image File Format) je univerzálny, celosvetovo používaný formát, vhodný aj na zálohovanie
a ukladanie obrázkov v plnej kvalite (24-bitov), používa tie isté algoritmy ako formát PDF.
•BMP (bitmap) zachováva pôvodnú kvalitu obrazu, ale objem takto uložených dát je veľmi veľký. Obraz je
možné uložiť v rôznych farebných hĺbkach od 1 až po 24 bitov.
•PCX bol povodne vyvinutý pre potreby grafického editora PaintBrush, je optimalizovaný pre počítače typu PC,
pre ktoré má prispôsobenú vnútornú organizáciu dát. Štandardne sa používa v prostredí MS Windows
a podporuje ho drvivá väčšina aplikačných programov.

1.1.3 Uloženie obrázka z www stránky

Hovorili sme iba o tom, ako sa obrázky na www stránkach zobrazujú. Ak si chceme z webu nejaký obrázok
uložiť, stačí v kontextovom menu (vyvoláme ho pravým tlačidlom myši na obrázku) zvoliť – Uložiť obrázok
ako... . Ak uložíme www stránku príkazom Súbor/Uložiť ako – úplnú stránku, vytvorí sa priečinok , kde sa
uložia všetky obrázky z aktuálnej stránky.
1.2 ClipArty, editácia a skenovanie obrázkov
Ak nie sme zruční výtvarníci, alebo si na tvorbu vlastnoručne nakreslenej či vytvorenej grafiky ešte
netrúfame, môžeme využiť množstvo ponúkaných už vytvorených obrázkov – ClipArtov. Tie sú často súčasťou
samotných editorov, alebo sú samostatným doplnkom na pamäťovom médiu – špeciálne CD.

1.2.1 MS Office – úprava obrázkov

Ak ste „doma“ v prostredí programov balíka MS OFFICE, určite ste vkladali do textu ClipArty,
WordArty, či obrázky zo súboru (príkaz Vložiť / Obrázok...). V prostredí napr. MS Wordu existujú
možnosti aj pre jednoduchú editáciu obrázka či ClipArtu.
http://panelobr.jpg/

Na paneli nástrojov obrázok sa nachádzajú tlačidlá pre

úpravu kontrastu, jasu, orezanie, či nastavenie
transparentnej farby.

Takto vytvorený dokument s vloženými upravenými objektmi stačí v danom programe (MS Word, MS
Excel, MS Powerpoint) uložiť ako HTML stránku príkazom Súbor / Uložiť ako HTML...Tým sa
všetky obrázky, ClipArty a WordArty uložia v odpovedajúcej zložke ako samostatné obrázky, ktoré môžeme
dodatočne ešte upraviť, premenovať, zmeniť veľkosť , ... a vložiť do web stránky.

1.2.2 MS Photo Editor – jednoduchý a rýchly nástroj, transparentnosť

Súčasťou balíka MS OFFICE (nie súčasťou štandardnej inštalácie) je aj program MS Photo Editor, ktorý
poslúži ako rýchly nástroj na jednoduchú editáciu obrázkov. ClipArty, WordArty a iné obrázky otvorené v tomto
programe môžeme orezať príkazom Image / Crop... , ak sme predtým označili vybranú časť obrázka.
Zmenu veľkosti resp. orientáciu obrázka vykonáme príkazom Image / Resize..., resp. príkazom Image
/ Rotate... , kde v dialógovom okne navolíme novú veľkosť v percentách či iných nastavených jednotkách
– v pixeloch, v centimetroch... Pri zmene veľkosti je potrebné rátať so stratou kvality v závislosti od formátu
uloženia a farebnej hĺbky obrázka. Jas a kontrast obrázka zmeníme príkazom Image / Balance... ,
výhodou je interaktívny náhľad výsledku zvolenej operácie, ktoré sú samozrejmosťou aj pri iných efektoch
s obrázkami - príkaz Effects. Nevýhodou programu je len jeden krok Undo operácie.
http://photoedit.jpg/

načítanie zo skeneru výber oblasti jas a kontrast transparentnosť lupa

Program umožňuje nastavenie priehľadnosti pre vybranú farbu,

prípadne môžeme nastaviť toleranciu podobnosti vybranej farby až do 5%.,
či nastaviť percento priesvitnosti. Program však neumožňuje vybrať časť
obrázka a nastaviť transparentnosť len vybranej časti. Preto sa priesvitným
stáva napr. nielen vybrané pozadie obrázka, ale aj časť vnútra s identickou
farbou pozadia. Ak sme v obrázku navolili transparentnosť, musíme uložiť
obrázok vo formáte gif, inak sa transparentnosť stratí. Pri ukladaní
obrázka príkazom File / Save as... program ponúkne uloženie
v podporovaných formátoch – bmp, gif, jpg, tif, png, pcx a tga.

Photo Eitor umožňuje načítať obrázok zo skenera, čím spustí nastavený ovládací program pripojeného
skenera.

Často potrebujeme napr. pri vytváraní výučbových dokumentov či hypertextov vložiť do prezentácie tzv,
hardcopy – kópiu aktuálnej obrazovky. Kópiu obrazovky vložíme do Schránky stlačením klávesu
PrintScreen. Obsah schránky vložíme do dokumentu v prostredí ľubovoľného programu. Napríklad v programe
MS Photo Editor otvoríme nové okno (File / New) so zvolenou veľkosťou a farebnou hĺbkou – veľkosťou
farebnej palety pre nový obrázok – a príkazom Edit / Paste, či známou skratkou Ctrl+V vložíme obsah
schránky do nového okna. Obrázok orežeme, upravíme veľkosť a uložíme vo vhodnom formáte. (pozri formáty
obrázkov).
1.3 Tvorba nadpisov, tlačidiel a jednoduchej web grafiky
1.3.1 Micrografx Window Draw – tvorba nadpisov
Jednoduchý nástroj s intuitívnym prostredím je program Micrografx Window Draw. Po spustení
programu si môžeme zvoliť konkrétnu prezentáciu (banner, button, line,...) alebo prázdnu stranu (blank page)
zvolenej veľkosti (custom). V ľavej časti sú 4 panely nástrojov pre prácu s obrázkami, pre vkladanie a úpravu
textu, čiar a útvarov, v pravej časti je galéria štýlov, fontov, výplní, čiar, tieňov, efektov a clipartov.

Vkladanie Galéria štýlov,

objektov, textu, fontov, výplní, čiar,
čiar a útvarov tieňov, efektov
a zmena ich a clipartov- stačí
vlastností – aplikovať na vybraný
otáčanie, jas,... objekt

Zmenu vložených objektov vykonáme buď prostredníctvom kontextového menu (pravé tlačidlo myši),
alebo cez Customize v pravom dolnom rohu prostredia. Poradie vložených objektov zmeníme najjednoduchšie
cez kontextové menu. http://mwd-vlastnosti.gif/

Vložené ClipArty
( množstvo je súčasťou
programu) môžeme meniť Customize – karty:
tiež cez ponuku výplň objektu
Customize, pričom sa dajú rámovacia čiara
zmeniť farby, výplne, ukončenie čiar
obrysy ClipArtov. tieň objektu
Vložený text, čiara či parametre pre text
útvar sa upravuje rovnako všeobecné – umiestnenie
ako každý iný objekt, či a veľkosť objektu
obrázok. Vlastnosti hypertextový odkaz
objektu meníme pomocou prostredníctvom objektu
volieb na kartách panela
Customize.

V programe Micrografx vytvoríme nadpisy na našu www stránku za pár minút. Stačí vytvoriť jeden
nadpis, navoliť mu parametre (farba, výplň, obrys, tieň...), uložiť ho ako obrázok. Potom stačí dvojklikom myši
upraviť – prepísať text, zvolený formát sa zachová. Zaujímavé efekty dostaneme vložením textu s rôznou
veľkosťou s tým istým fontom (veľkosť meníme ťahaním za štvorčekové značky objektu), či vytvorením
nadpisu z jednotlivých písmen, ktoré sú „rozhádzané “ na pozadí obrázka („Zaspievajme si spolu“)
http://spievaj.gif/

http://nadpis.gif/ http://msw3.gif/
 http://uvod.jpg/

Vložením ClipArtov a obrázkov

rýchlo vytvoríme koláž, stačí pomeniť
veľkosti obrázkov, určiť ich poradie,
farebnosť, kombinovať s textom, či
fotografiou.
Ak sme s výsledkom spokojní, stačí
uložiť obrázok buď vo formáte JPG
(navolíme kvalitu uloženého obrázka), alebo
vo formáte GIF, pričom program pri tomto
formáte umožňuje uložiť obrázok
s transparentným pozadím (BackGround
Transparent) a s prekrývaním (Interlaced). Je
vhodné uložiť obrázok aj vo vlastnom formáte
DRW pre prípad, ak sa k obrázku chceme
„vrátiť“, upravovať ho, keďže si tento formát
„pamätá“ vlastnosti jednotlivých objektov,
z ktorých sa obrázok skladá.
Program ponúka ďalšie možnosti pre
tvorbu prezentácií – vytváranie animácií,
kalendárov, albumov, pohľadníc...

1.3.2 Font Twister, Button Studio

Jednoduchý programček Font Twister v trial verzii slúži na vytváranie nadpisov a tlačidiel s 3D
efektom. Stačí vložiť vlastný text a vybrať vhodný font, štýl, farby, natočenie resp. deformácie textu, vlastnosti
tieňa textu, pozadie textu, prípadne tvar tlačidla, na ktorom je text umiestnený. Program ponúka množstvo
vlastných štýlov, vie vygenerovať galériu náhodných efektov a štýlov. Program umožňuje uloženie obrázka
v zaužívaných formátoch. V trial verzii nie je časovo obmädzený, zanecháva však nadpis – Trial version (viď
nadpis Richard), ten sa však dá šikovne vyretušovať ľubovoľným kresliacim programom (viď nadpis Dominika,
či Jana).
http://richard.jpg/

http://jana.gif/

http://dominika.jpg/

Program Button Studio má analogické schopnosti ako Font Twister , dôraz kladie na tvorbu tlačidiel.
V trial verzii je časovo obmädzený.

1.4 Maľovanie, kreslenie, tvorba pozadí, retušovanie fotografie či skice

Maľovať či kresliť môžeme v známom programe PainBrush - Skicár – Maľovanie, kde si rýchlo pod
niekoľko násobným zväčšením nakreslíme napr. maličké odrážky, či tlačidlá. Oveľa silnejším nástrojom na
maľovanie je Painter Classic firmy Metacreation (celá rada grafických programov od tejto firmy – Bryce,
Poser...).
http://PAINTER.JPG/

Nástroje
Po spustení programu sa zobrazia
plávajúce panely nástrojov, štetcov, textúr
a kontrolný panel pre aktuálny nástroj.
Z nástrojov najviac využijeme nástroje:
štetec, výplň vybratej oblasti, dropper –
identifikácia farby v obrázku napr, pri
retušovaní a výber obdĺžnikovej, či
Štetce elipsovitej oblasti. Ak je vybraný nástroj
štetec, môžeme vyberať z ponuky štetec,
ceruzka, uhlík, mastný olej, graf. pero,
Farby a nástroje pre akvarel, fixírka, guma, tempera
Kontrol panel textúry a pod. Stačí trochu poexperimentovať.
 Ak chceme nakresliť vlastný web obrázok, otvoríme nový výkres ( File / New...) so zvolenou
veľkosťou v ľubovoľných jednotkách napr. v pixeloch. Pre malé ikony zvolíme veľkosť menšiu než 100x100
pixelov. Príkazom Window / Zoom ...zväčšíme výkres na niekoľko násobok. Vyberieme jeden z nástrojov
„štetec“, zvolíme jeho veľkosť v control paneli, vyberieme farbu nástroja a kreslíme. V kontrol paneli sa
nachádza prepínač medzi voľným kreslením a kreslením priamych čiar. Program umožňuje 5 krokov späť pri
nesprávnych ťahoch. Nástrojom „hadica obrázkov – image hose“ môžeme doslova „vylievať“ hotové obrázky
navolených druhov a veľkostí – tulipány, postavy, kamene, stromy... Môžeme si pomocou nich vytvoriť pozadie
na prezentáciu.
http://tulipany.JPG/

http://kniha.JPG/

Využitím nástrojov kreslenie namaľujeme napr. strom (kmeň „ukončíme“ nástrojom guma), viacej druhov
vtáčikov (30x30 pixelov) a vtáčiky „poukladáme“ na konáre stromu. (Ak nevieme „ukladať“ vtáčiky v tomto
programe, už to vieme napr. v Micografx.) Jediným nástrojom a jednou farbou je nakreslená v Painteri otvorená
kniha. http://strom.JPG/ http://stromvtak.gif/

http://v3.gif/

+ http://vtak3.JPG/

=
http://V4.gif/

http://vtak4.JPG/

Ak si prejdete zopár www stránok, často nájdete identické pozadie, skopírované z nejakého servera.
Aby sme sa vyhli tomto stereotypu, vytvoríme si veľmi rýchlo a jednoducho vlastné pozadia na web, stránky, či
vodorovnej farebnej čiary. Stačí do malého výkresu zvolenej veľkosti vyliať požadovanú farbu, vybrať
z ponúkaných textúr (paper) či vzorov (pattern) a aplikovať ho na výkres príkazom Effect / Apply
Surface Texture. Pri tehličkách a iných pravidelných textúrach musíme vyrezať takú časť, ktorá na seba
nadväzuje, aby sa pri vyskladaní pozadia na stránke nenarušil vzor.
http://poz1.JPG/
http://poz2.JPG/ http://poz5.JPG/

http://poz4.JPG/

Painter Classic môžeme použiť aj na retušovanie obrázkov využitím nástroja dropper, ktorým
nastavíme identickú farbu, ako je vybraná farba v obrázku a premaľujeme nevhodnú časť obrázka napr. skutočnú
fotografiu pomocou droppera premaľujeme. V Painteri môžeme otvoriť aj namaľovanú oskenovanú skicu, ktorú
premaľujeme nástrojmi kreslenia. http://skola.jpg/

http://skola1.jpg/
1.5 Prehliadače obrázkov, spracovanie fotografií, optimalizácia obrázkov a
fotografií na web, tvorba fotogalérií
Nástroje typu MS Photo Editor ponúkajú len jednoduché úpravy, nepodporujú veľa graf. formátov.
Výhodnejšie je - hlavne pri spracovaní fotografií a väčšieho množstva obrázkov – používať prehliadač
obrázkov. Asi najznámejším a najlepším prehliadačom je program ACDSee (posl. ver. 4.0). Druhým
najznámejším je prehliadač IrfanView – jeho výhodou je licencia – freeware pre nekomerčné použitie.

1.5.1 ACDSee - popis

Program v sebe spája Browser – súborový manažér, Viewer – prehliadač obrázkov a Editor-Enhacer –
úpravy obr. súborov. Podporuje viac než 50 graf. formátov, umožňuje ich vzájomnú konverziu (Format
Conversion). Z prostredia programu môžeme skenovať (tlačidlo Acquire), resp. editovať obrázky priamo
z podporovaných dig. zariadení – fotoaparát, kamera. Súčasťou aplikácie je niekoľko pluginov. Tlačidlom
Create zapneme panel so všetkými pluginmi. Program umožňuje vytvárať aj prezentácie obrázkov s efektami
prechodu snímok (tlačidlo Slide Show). V prostredí programu je výhodné pracovať pomocou sprievodcu
úlohami – zapneme ho príkazom Tools / Activities.
http://Acdsee1.jpg/

1.5.2 ACDSee – editor (enhacer)

4Označený obrázok alebo skupinu obrázkov rýchlo upravíme editorom (tlačidlo Edit resp. Enhace),
ktorý ponúka koverzie na iný formát, otáčanie a zmenu veľkosti. Viac možností úprav máme k dispozícii
v novom prehliadacom okne, ktoré sa otvorí, ak poklepeme myšou na vybraný obrázok a stlačíme tlačidlo Edit.
Nájdeme tu už známe funkcie ako sú orezanie (Crop), lupa (Zoom in, out), zmena veľkosti obr. (Resize),
otáčanie a prevracanie (Rotate, Flip).
http://ACDSEE2.JPG/

Pri zmene veľkosti - zväčšení obrázka (tlačidlo Resize) program ponúka niekoľko algoritmov – od
najslabšieho (Box), až po najlepšie zachovávajúceho ostrosť (Lanczos).
Tlačidlami Levels a AutoLevels a príkazom Adjust upravíme farebnosť a úrovne použitých farieb.
V dialógovom okne „Adjust Exposure“ (príkaz Adjust) nastavíme úrovne bieleho a čierneho bodu (ak posunieme
úroveň bieleho bodu na vyššiu hodnotu ako 0, potom každá „menej“ biela farba v zvolenom rozpätí bude jasne
biela) a úroveň krivky gamma (Gamma – zmena úrovne strednej šedej farby). V dialógovom okne vyvolanom
tlačidlom „Levels“ môžeme posúvať hodnotu jasu (Brightness), kontrastu (Contrast) a krivky gamma. Zmenu
farebnosti a sýtosti farieb interaktívne meníme v HSL - odtieň (Hue), sýtosť (Saturation) a jas (Lightness)
aktuálneho obrázka, alebo RGB- zmena odtieňov jednotlivých farieb. K dispozícii je vždy náhľad pôvodného
a zmeneného obrázka. Zaujímavé je tlačidlo Red-eye, ktorým sa redukujú „červené oči“ na fotografiách.
Príkazom Filter ( v staršej verzii Effects) v hlavnej ponuke vyvoláme zoznam všetkých efektov, ktoré
môžeme aplikovať na aktuálny obrázok, ale najvhodnejšie efekty majú tlačidlá na paneli s nástrojmi:
• Blur – rozmazanie – odstránenie šumu a škrabancov
• Sharpen – zaostrenie – nasnímané resp. zmenšené obrázky vždy zaostrujte
• Despecle – vyhladenie – odstráni šum, či tlačový raster z naskenovaných tlačovín
 http://Acdsee3.jpg/

• Sepia – vytvorí „zahnedlú“ čirnobielu fotografiu

1.5.3 ACDSee –galéria obrázkov na web

Súčasťou programu je aj plug-in pre tvorbu web galérií
(Tlačidlo Create /HTML).V dialógovom okne si zvolíme počet
stĺpcov a riadkov, veľkosť náhľadov fotiek v galérii v pixeloch,
prípadne ďalšie nastavenia – titulok, farbu pozadia, priečinok
pre náhľady fotiek a pod. Potvrdením sa vygeneruje HTML kód
s odkazmi cez náhľady aj mená obrázkov. V HTML kóde
môžeme dopísať napr. komentáre k jednotlivým náhľadom.
Postup je jednoduchý, efekt výborný.
Zložitejším nástrojom pre tvorbu galérií je program
HNM Web Galery Creator, jeho ovládanie však nie je také
jednoduché.

1.5.4 IrfanView –hromadné spracovanie

obrázkov
Výhodou tohto prehliadača je jeho licencia (freeware) a tiež dávkové spracovania viacerých obrázkov naraz. Ak
chceme u viac obrázkov zmeniť napr. veľkosť, či formát, alebo ich všetky premenovať, otvoríme si dialógové
okno File / Batch Conversion-Rename. Tlačidlom Add pridáme z vybraného priečinka obrázky do okna „Input
files“ pre hromadné spracovanie. Tlačidlom Options zmeníme formáty vybraných obrázkov, tlačidlom
Advanced options zmeníme ďalšie vlastnosti – veľkosť, orezanie, fareb. hĺbku a pod. Po nastavení parametrov
spustíme proces tlačidlom Start.

Prehľad programov na grafiku, veľkosti, licencie a www adresy pre

download
program veľkosť licencia www
Adesign 3,9MB demo www.pierresoft.com/eng
ACDSee 10.3MB trial 30 dni www.acdsystems.com
Babarosa 800kB shareware www.liatro.net
Button Studio 1,2MB Trial 30 dni www.tahaj.sk
CompactDraw 5,2MB Trial 30 dni www.compactdraw.com
CoffeCup Gif Animator 2,7MB shareware www.coffecup.com
Font Twister 1,7MB shareware www.tahaj.sk
IrfanView freeware www.irfanview.com
MagicFlare 8,1MB demo www.magicflare.com
Micrografx Window Draw 29MB s ClipArtmi shareware www.sierra.com
Painter Clasic 58,6MB Infovek www.metacreation.com
Paint Shop Pro 59Mb Trial 30 dní www.jasc.com
Real Draw Pro 4,8MB Trial 15 dní www.mediachance.com
Ulead Cool 3D 15,8MB Trial 15 dní www.ulead.com
Ulead Smart Saver 8,9MB Trial 15 dní www.ulead.com
Ulead Gif Animator 10,3MB Trial 15 dní www.ulead.com
Web Grafic Optimizer 7MB Trial 30 dní www.webopt.com
Web Image Guru Review 5,6MB Trial 14 dní www.vimas.com
Web Galery Creator 1,3MB freeware www.hnm-freeware.com
Xara 3D 1MB Trial 15 dní www.xara.com
Xara Web Style 5,1MB Trial 15 dní www.xara.com
Xara X 6,4MB Trial 30 dní www.xara.com
Zoner Calysto 15MB Trial 60 dní www.zoner.cz
Zoner Gif animator 7MB Trial 60 dní www.zoner.cz
Zoner Media Explorer súčasť Callista Trial 60 dní www.zoner.cz