Roman Bartßk

Firma Adobe Systems ud∞lala dalÜφ krok k posφlenφ svΘ vedoucφ role na poli aplikacφ pro "tvorbu obsahu" (content creation) -- zvlßÜt∞ v oblasti grafiky. Na trh uvedla zcela nov² software Adobe ImageReady 1.0, primßrn∞ zam∞°en² na nßvrh grafiky pro Web. ImageReady tak p°irozen∞ dopl≥uje dv∞ nejpopulßrn∞jÜφ grafickΘ aplikace Adobe Photoshop a Adobe Illustrator. Program je dostupn² v identick²ch verzφch pro poΦφtaΦe Macintosh (vy₧aduje PowerPC) a pro Windows 95/NT 4.0 (vy₧aduje Pentium).

┌pravy obrßzk∙

Ji₧ na prvnφ pohled zapadß ImageReady do grafickΘho triumvirßtu od Adobe. Ovlßdßnφm i vzhledem se prakticky neliÜφ od sv²ch znßm∞jÜφch brat°φΦk∙ a u₧ivatelΘ jin²ch produkt∙ od Adobe ho tak mohou ihned zaΦφt pou₧φvat bez n∞jakΘho dlouhΘho zauΦovßnφ. Program je podobn² zvlßÜt∞ Adobe Photoshopu. Nabφzφ podmno₧inu nejΦast∞ji pou₧φvan²ch nßstroj∙ a filtr∙ Photoshopu, tak₧e nßvrhß° mß k dispozici znßmΘ nßstroje pro v²b∞r Φßsti obrßzku, pro kreslenφ, rotace a zm∞nu velikosti obrßzku, p°φpadn∞ filtry pro rozost°enφ nebo deformace obrßzku. Jednφm z p°idan²ch nßstroj∙ je magickß guma umo₧≥ujφcφ snadno definovat pr∙hlednost obrßzku. Silnou strßnkou je mo₧nost pracovat s vrstvami, tak₧e r∙znΘ Φßsti obrßzku lze upravovat samostatn∞. Do obrßzk∙ lze takΘ vklßdat libovoln∞ formßtovan² text, kter² tvo°φ samostatnou vrstvu a je mo₧nΘ ho kdykoliv pozd∞ji editovat. Dokonce je mo₧nΘ pou₧φvat zßsuvnΘ moduly urΦenΘ pro Photoshop.

ImageReady ale v ₧ßdnΘm p°φpad∞ nelze oznaΦit jako zjednoduÜenou verzi Photoshopu nebo dokonce jako jeho nßhradu. Primßrnφm urΦenφm produktu je podpora specifick²ch postup∙ p°i nßvrhu webovΘ grafiky.

Obrßzky pro Web

Typick²mi problΘmy p°i nßvrhu webovΘ grafiky je zachovßnφ barevnΘ informace obrßzku (p°i zobrazenφ v r∙zn²ch prohlφ₧eΦφch na r∙zn²ch poΦφtaΦov²ch platformßch) a volba sprßvnΘho pom∞ru mezi ·rovnφ komprese (velikostφ grafickΘho souboru) a kvalitou obrßzku. Web navφc nabφzφ dalÜφ specifika, jako jsou animovanΘ obrßzky a tzv. mapy, tj. obrßzky s oblastmi slou₧φcφmi jako odkaz na dalÜφ webovΘ strßnky. Prßv∞ na °eÜenφ t∞chto problΘm∙ se Adobe ImageReady zam∞°uje. Prvnφm omezenφm, se kter²m se webov² grafik setkßvß, je nutnost pracovat pouze s grafick²mi formßty GIF, JPEG, p°φpadn∞ nov∞ takΘ s PNG-8, resp. PNG-24. Zatφmco formßty JPEG a PNG-24 se obecn∞ hodφ pro barevnΘ fotografie (JPEG soubory jsou zpravidla menÜφ), GIF a PNG-8 jsou vhodn∞jÜφ pro ilustrace s v∞tÜφmi jednobarevn²mi plochami. ImageReady umφ v reßlnΘm Φase provßd∞t konverze do t∞chto formßt∙, tak₧e je ihned vid∞t rozdφl mezi p∙vodnφm a "optimalizovan²m" obrßzkem pro Web. JednotlivΘ formßty majφ navφc celou °adu r∙zn²ch parametr∙, kterΘ lze snadno nastavovat v jedinΘ palet∞. Proto₧e vÜe funguje interaktivn∞, lze pohodln∞ vyzkouÜet r∙znΘ mo₧nosti a najφt optimßlnφ °eÜenφ. V okn∞ s obrßzkem se takΘ zobrazuje informace o velikosti optimalizovanΘho souboru, p°φpadn∞ o dob∞ nutnΘ pro jeho nahrßnφ p°i r∙zn²ch p°enosov²ch rychlostech.

Pro kvalitnφ zobrazenφ obrßzku je velice d∙le₧itΘ podßnφ barev, kterΘ je zßrove≥ velk²m problΘmem -- nßvrhß° toti₧ p°edem nevφ, na jakΘm poΦφtaΦi se bude obrßzek prohlφ₧et. Obrßzek zobrazen² na 24bitovΘm macovskΘm monitoru pak m∙₧e vypadat zcela jinak, ne₧ tomu bude p°i zobrazenφ na 8bitovΘm monitoru pod Windows. ImageReady op∞t umo₧≥uje interaktivn∞ vyzkouÜet r∙znß barevnß nastavenφ (r∙znΘ barevnΘ palety) a je schopen ukßzat nßhled na obrßzek za r∙zn²ch podmφnek. Nßvrhß°, kter² typicky pracuje s 24bitovou barvou, si tak m∙₧e promφtnout nßhled na 8bitovΘm monitoru za pou₧itφ ditheringu.

Podobn∞ lze ukßzat, jak bude tent²₧ obrßzek vypadat p°i zobrazenφ pod Windows nebo na Macu (dφky r∙zn²m gamma korekcφm je zobrazenφ pod Windows typicky o n∞co tmavÜφ).

Na celΘm postupu tvorby webovΘho obrßzku je nßdhernß jeho interaktivita, kterß umo₧≥uje rychle a pohodln∞ vyzkouÜet veÜkerß mo₧nß nastavenφ. V ka₧dΘm okam₧iku je tak mo₧nΘ srovnat, jak vypadß originßlnφ obrßzek a jeho verze optimalizovanß pro Web.

Animace, mapy a tabulky

Webovß grafika nejsou jen statickΘ obrßzky, ale takΘ animace, jejich₧ jednoduchou verzi lze dφky animovan²m GIF obrßzk∙m navrhovat i bez nutnosti programovßnφ skript∙. TakΘ ImageReady nabφzφ tvorbu webov²ch animacφ a siln∞ p°i tom vyu₧φvß prßv∞ prßci s vrstvami. Animaci m∙₧ete tvo°it ruΦn∞ polφΦko po polφΦku, potom je ka₧dΘ okΘnko animace v samostatnΘ vrstv∞ -- p°esn∞ji °eΦeno, u ka₧dΘho polφΦka animace zvolφte vrstvy, kterΘ v n∞m budou vid∞t, tak₧e m∙₧ete mφt klidn∞ spoleΦnΘ pozadφ pro vÜechna polφΦka. ZvlßÜ¥ dob°e se vytvß°φ animace, ve kter²ch se jedna vrstva posouvß nebo se m∞nφ jejφ pr∙hlednost (p°φpadn∞ kombinace obojφho). Potom ani nenφ pot°eba definovat pro ka₧dΘ polφΦko animace samostatnou vrstvu. ImageReady umφ vytvß°et takovΘ animaci takΘ automaticky, staΦφ zvolit 2 nßsledujφcφ polφΦka a p°φkaz Tween automaticky vygeneruje zvolen² poΦet mezilehl²ch polφΦek.

DalÜφ typicky webovou vlastnostφ grafiky je tvorba map, kterß se v ImageReady takΘ opφrß o vrstvy. Ka₧dß vrstva zde m∙₧e mφt p°i°azenu URL adresu a typ oblasti (kruh, obdΘlnφk, polygon). P°i uklßdßnφ obrßzku je pak mo₧nΘ nechat vygenerovat HTML soubor obsahujφcφ popis klientskΘ mapy.

ProblΘmem p°i pou₧itφ v∞tÜφch obrßzk∙ je jejich rozd∞lenφ na menÜφ Φßsti, kterΘ jsou potom na strßnce uspo°ßdßny pomocφ tabulky. Toto rozkouskovßnφ dosud nebylo zrovna jednoduchou zßle₧itostφ, s pomocφ ImageReady se z n∞j ale stßvß hraΦka. StaΦφ v obrßzku ta₧enφm naznaΦit mφsta rozd∞lenφ a vyvolßnφm jedinΘho p°φkazu jsou pak vytvo°eny jednotlivΘ Φßsti obrßzku a p°φsluÜnß HTML tabulka.

Droplety

P°i nßvrhu webovΘ grafiky se Φasto aplikujφ stejnß nastavenφ na °adu obrßzk∙. Aby byl tento proces co nejp°φjemn∞jÜφ, nabφzφ ImageReady tzv. droplety, co₧ jsou drobnΘ aplikace provßd∞jφcφ s obrßzkem zvolenou sadu ·prav. Droplet vlastn∞ p°edstavuje dßvkov² soubor, kter² popisuje, jakΘ akce se majφ s obrßzkem provΘst. U₧ivatel ho m∙₧e jednoduÜe vytvo°it tak, ₧e zvolenΘ nastavenφ nebo posloupnost akcφ v ImageReady ulo₧φ. Potom jen staΦφ p°enΘst obrßzek na ikonu dropletu a automaticky se spustφ ImageReady, kter² provede s obrßzkem po₧adovanΘ ·kony. Droplety lze bez problΘm∙ p°enßÜet mezi macovskou i windowsovou verzφ.

Proto₧e v ImageReady lze podobn∞ jako ve Photoshopu 4.0 zaznamenßvat provedenΘ akce (v palet∞ Actions), je mo₧nΘ snadno vytvß°et i komplikovan∞jÜφ droplety. Podobn² v²znam jako paleta Actions mß i paleta History, kde je uveden seznam vÜech operacφ proveden²ch s obrßzkem. Snadno se pak lze vrßtit o n∞kolik krok∙ zp∞t a zruÜit tak provedenΘ ·pravy.

Zßv∞r

Adobe ImageReady 1.0 by se mohl stßt spln∞n²m snem profesionßlnφch webov²ch grafik∙. Zatφmco dosud bylo nutnΘ pro r∙znΘ fßze nßvrhu webovΘ grafiky pou₧φvat r∙znΘ nßstroje, nynφ je k dispozici software, kter² vÜechny po₧adovanΘ funkce integruje v jedinΘ aplikaci. NemΘn∞ d∙le₧itß je takΘ podobnost vzhledu a ovlßdßnφ programu s dalÜφmi produkty od Adobe, kterß otevφrß ImageReady cestu ke vÜem profesionßlnφm grafik∙m zvykl²m na Photoshop p°φpadn∞ Illustrator.