Tvorba webov∞ch stránok dnes nie je len v∞sadou niekoûk∞ch τpecialistov, ktorí ovládajú HTML kód - webové stránky uº dokáºe vytvori£ pomocou dostupn∞ch programov takmer kaºd∞ pouºívateû. Horτie je to vτak s ich τtruktúrou, obsahom a hlavne grafikou. Pre návrh kvalitnej grafiky treba ma£ totiº nielen znalosti grafick∞ch programov, ale aj trochu talentu (bohuºiaû mnohé webové stránky ukazujú práve opak). Naτ£astie vτak existujú nástroje, ktoré umoºσujú aj neprofesionálnym návrhárom vytvára£ pôsobivú grafiku bez ohûadu na technické znalosti ƒi talent. S jedn∞m z nich vás zoznámime.
Profesionálom bez talentu
Adobe ImageStyler 1.0, ktor∞m firma Adobe rozτiruje τkálu svojich grafick∞ch programov, umoºσuje veûmi r∞chle vytvorenie a aplikáciu grafick∞ch τt∞lov na ak∞koûvek grafick∞ objekt. Ktor∞koûvek efekt môºete kedykoûvek zmeni£, nahradi£ ƒi modifikova£ pod ním leºiaci objekt, a to pri súƒasnom zachovaní ostatn∞ch ƒastí; jednoducho a bez zápisu kódu tieº vytvoríte rolovacie efekty JavaScript.
Program dokáºe vytvori£ veûmi efektné webové stránky, prípadne podûa vytvoren∞ch grafick∞ch prvkov prepisuje uº existujúce textové stránky, ƒo umoºní r∞chle zmeny vzhûadu stránok pomocou dávkového vytvárania grafiky. Po╘me sa vτak na tieto lákavé moºnosti pozrie£ podrobnejτie.
Prostredie
Prostredie Adobe ImageStyler je rovnaké ako u in∞ch produktov tejto firmy - je to klasická multiokenná aplikácia pre Windows. Vzhûad niektor∞ch grafick∞ch prvkov je síce pre prostredie Windows trochu netypick∞, no pouºívateûom produktov Adobe bude známy. V hornej ƒasti menu je nástrojová liτta, ktorú je moºné umiestni£ kdekoûvek na ploche. K dispozícii je niekoûko plávajúcich okien, v ktor∞ch nájdete potrebné nástroje na tvorbu a úpravu grafiky at╘. Ke╘ºe je ich na pracovnej ploche aº τes£, zaberajú jej znaƒnú ƒas£, a preto je vhodné vyττie grafické rozlíτenie. Plávajúce okná je síce moºné uzavrie£ a v prípade potreby ich zobrazi£, no lepτie je ich ma£ vºdy k dispozícii.
Pokiaû ide o systémové poºiadavky, pre Adobe ImageStyler budete potrebova£ poƒítaƒ s procesorom Pentium alebo r∞chlejτím, 32 MB RAM, 40 MB voûného miesta na pevnom disku pre inτtaláciu, grafickú kartu podporujúcu minimálne 256 farieb (doporuƒuje sa vτak 24-bitová grafická karta) a jednotku CD-ROM. Ako operaƒn∞ systém môºe by£ pouºit∞ MS Windows 95/98 nebo Windows NT 4.0.
Grafika
Moºnosti pri tvorbe nov∞ch grafick∞ch objektov sú veûmi skromné, no pre potreby webovej grafiky úplne postaƒia. Nakresli£ teda môºete τtvoruholník, τtvoruholník so zaoblen∞mi rohmi, mnohouholník, kruh/elipsu a text. Taktieº môºete vklada£ niektor∞ z preddefinovan∞ch objektov (τípky, hviezdy a pod.). Nástroje na ich úpravu sú na úrovni jednoduchého vektorového grafického editora. Samozrejme môºete importova£ grafické súbory - podporovan∞ch je aº 18 formátov, medzi nimi vτetky beºne pouºívané.
A ako môºete upravova£ objekty? Moºností je veûké mnoºstvo a sú zamerané hlavne na tvorbu webovej grafiky. Samozrejmos£ou je zmena farieb, veûkosti, orezanie, otáƒanie, rôzne deformácie a podobne. Na kaºd∞ objekt môºete aplikova£ niektor∞ z preddefinovan∞ch τt∞lov. Objekt vτak pri akejkoûvek úprave zostane nezmenen∞, takºe môºete kedykoûvek zmeni£ napríklad pouºit∞ τt∞l. Je to veûmi efektné a r∞chle.
Objekty môºete vypÆσa£ najrôznejτími textúrami, orezáva£ ich tvar podûa grafick∞ch objektov a podobne. Okrem τt∞lov, textúr a grafick∞ch objektov uº preddefinovan∞ch si môºete r∞chlo vytvori£ aj vlastné podûa uº vytvoreného objektu (preberajú sa jeho atribúty). Nech∞bajú ani moºnosti vytvárania trojrozmernosti (v niekoûk∞ch τt∞loch), gradientnej v∞plne, priehûadnosti, na grafiku môºete aplikova£ rôzne filtre, objekty môºete zoskupova£, zluƒova£, vytvára£ ich prieniky a podobne.
Obzvláτ£ pôsobivé je pouºitie rôznych efektov na text, ktor∞ aj po úprave zostane stále editovateûn∞. Pri úprave textu (prípadne aj in∞ch objektov) by sa vτak hodila eτte moºnos£ jeho poloºenia na krivku. Vyuºi£ môºete aj export vybraného grafického objektu vo formáte JPEG.
Skrátka a dobre - vτetko máte pripravené pre veûmi jednoduché a r∞chle vytvorenie grafiky, a navyτe na profesionálnej úrovni (ak to samozrejme s efektmi nepreºeniete). A zvládnu to aj úplné antitalenty...
HTML
ImageStyler nie je len grafick∞ editor - okrem toho samozrejme ponúka generovanie webov∞ch stránok podûa vytvoreného grafického dokumentu a taktieº obûúbené akcie JavaScript. Vytváranie tak∞chto rolovacích efektov (zmena grafiky napríklad pri kliknutí myτou) je veûmi jednoduché. Staƒí vybra£ grafick∞ objekt, z palety JavaScript vybra£ poºadovanú akciu (zvolen∞ pohyb myτi) a pri nastavenej akcii zmeni£ τt∞l, parametre alebo atribúty grafického objektu.
Ku vτetk∞m grafick∞m objektom je samozrejme moºné pridáva£ URL odkazy. Prostredníctvom spájania a kombinovania intern∞ch objektov s rôznymi URL môºete dokonca vytvára£ aj zloºité mapy aktívnych plôch obrázku (hotspot).
Pri generovaní HTML kódu pracuje ImageStyler na princípe vytvárania tabuûky. Prostredníctvom funkcie Auto Layout rozloºí vτetky potrebné grafické objekty na najlepτie vyhovujúce ƒasti, ktoré potom umiestni do pripravenej tabuûky, ƒím vznikne presn∞ obraz grafiky. Veûkos£ jednotliv∞ch obrázkov dokáºe veûmi úƒinne redukova£ a máte tieº moºnos£ vyváºi£ pomer medzi vizuálnou kvalitou grafiky a veûkos£ou grafick∞ch súborov. Môºete si vybra£ export do formátov GIF, JPEG alebo PNG, priƒom máte prehûad o veûkosti vytvoreného súboru.
Zaujímavá a v∞borná je dávková tvorba webovej grafiky, s ktorou som sa eτte nestretol u ºiadneho programu. ImageStyler touto moºnos£ou ponúka nov∞ spôsob práce s HTML tagmi H1 aº H6. U kaºdého grafického prvku môºete urƒi£, ktor∞ tag bude program automaticky prepisova£. ImageStyler vyhûadá vτetky v∞skyty kaºdého tagu so τpecifikovan∞m τt∞lom a zamení ich za priradenú grafiku. Pritom na textovú informáciu z tagu aplikuje pouºit∞ τt∞l z priradeného grafického objektu. V∞sledok je efektn∞, samozrejme vτak závisí na tom, ako je napísan∞ HTML kód (napr. ƒi sú nadpisy definované tagmi H1 aº H6).
Záver
Adobe ImageStyler 1.0 je vynikajúci pomocník nielen pre t∞ch, ktorí nevedia vytvára£ grafiku pre webové stránky, ale aj pre profesionálov, ktor∞m uτetrí mnoºstvo ƒasu.
Kaºdá jeho funkcia nahrádza i niekoûko funkcií v univerzálnych grafick∞ch editoroch, ktoré by bolo potrebné aplikova£ pre rovnak∞ v∞sledok. V∞borná je aj dávková tvorba webovej grafiky a maximálna redukcia veûkosti generovan∞ch obrázkov.
