COMPUTERWORLD
 

profil kontakt CD-ROM CW100 předplatné

archiv anketa CO VY NA TO? CW kariéra seriály
 

IDG

IDG CZ homepage
COMPUTERWORLD
PC WORLD
INTERNET4U
MEGABYTE
TESTCENTRUM
ON-LINE






COMPUTERWORLD 24/98

Adobe ImageReady 1.0 -- grafika pro Web

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.

 

 

© IDG Czechoslovakia, a.s., Všechna práva vyhrazena
info@idg.cz, webmaster@idg.cz