Macromedia Fireworks 2
Kvalitn¡ webov‚ str nky se bezesporu neobejdou bez zaj¡mavìch, profesion lnØ vytvoýenìch grafickìch prvk…. K tomu je samozýejmØ potýeba speci ln¡ software, kterì obsahuje po§adovan‚ funkce. Jak‚ mo§nosti nab¡z¡ grafik…m program Macromedia Fireworks 2?

Lah…dka pro vaçe oŸi

Bylo nebylo. V zaŸ tc¡ch tvorby obr zk… pro webov‚ str nky museli grafici s hnout po kombinaci hned nØkolika r…znìch program…, nejŸastØji po Adobe Photoshopu s nØkolika plug-in moduly a sadou sharewarovìch utilit, aby dos hli kì§en‚ho vìsledku. V loåsk‚m roce se na trhu koneŸnØ objevily prvn¡ programy nab¡zej¡c¡ kompletn¡ slu§by v oblasti webov‚ grafiky a letoçek se stal rokem jejich druhìch verz¡. Zat¡mco Adobe integroval vlastnosti sv‚ho webov‚ho grafick‚ho programu ImageReady do nov‚ho Photoshopu 5.5 a ImageReady 2 se samostatnØ neprod v , firma Macromedia dr§¡ svoji linii a uvedla program Fireworks 2.
Macromedia Fireworks 2 je ve sv‚m principu grafickì editor, nab¡zej¡c¡ n stroje pro pr ci s vektorovou i bitmapovou grafikou v r mci jedin‚ho obr zku. KromØ grafick‚ Ÿ sti nab¡z¡ i funkce specifick‚ pro webovou grafiku, jako je pý¡prava animac¡, map a interaktivn¡ch tlaŸ¡tek, a samozýejmØ export v potýebnìch form tech.

Editace grafiky
Z kladem Fireworks 2 je grafickì editor, kterì m…§ete pou§¡t pro nakreslen¡ novìch obr zk… nebo pro £pravu obr zk… pýipravenìch v jinìch aplikac¡ch. Podporov n je import form t… PNG, GIF, JPEG, BMP, TIFF, LRG a pro texty ASCII a RTF. Grafiku m…§ete do Fireworks pýet hnout tak‚ pý¡mo z dalç¡ aplikace, napý¡klad z Freehandu, Illustratoru i CorelDRAW, z Photoshopu a Flashe nebo z MS Office, Internet Exploreru a Netscape Navigatoru. 
Znalci grafickìch aplikac¡ si mo§n  vçimli, §e zm¡nØn  kolekce program… zahrnuje editory vektorovìch i bitmapovìch obr zk…, jejich§ zp…sob zpracov n¡ je dosti odliçnì. Fireworks 2, jak se u podobnìch aplikac¡ st v  zvykem, toti§ m…§e v r mci jednoho dokumentu pracovat s obØma typy grafiky a vyu§¡vat tak jejich vìhod.
Pro prvotn¡ pý¡pravu obr zku je mo§n  vhodnØjç¡ vektorov  grafika (ýad¡me do n¡ i text), jej¡§ z kladn¡ vìhodou je zachov n¡ editovatelnosti tvaru a vlastnost¡. K dispozici jsou z kladn¡ n stroje pro kreslen¡ Ÿar, geometrickìch objekt… a pro zad v n¡ textu. U textu lze nastavit z kladn¡ typografick‚ vlastnosti vŸetnØ týeba prostrk v n¡, ç¡ýky p¡smen nebo vertik ln¡ho posunu (na £rovni p¡smen). Tvar grafickìch objekt… lze mØnit ta§en¡m kotevn¡ch bod…, rotac¡, pýeklopen¡m, zkosen¡m apod. Tak‚ text z…st v  pýi vçech tØchto operac¡ch plnØ editovatelnì.
Nastavit lze r…zn‚ parametry Ÿ ry a vìplnØ a hlavnØ aplikovat "§iv‚" efekty, jako je pýid n¡ st¡nu, z ýe, vnØjç¡ho i vnitýn¡ho £kosu nebo vytlaŸen¡. ¦ivost tØchto efekt… se projevuje v jejich automatick‚m pýizp…soben¡ zmØn m tvaru objektu. Novinkou oproti Fireworks 1 je mo§nost aplikovat nØkolik efekt… nar z na jeden objekt. Jednou pýipravenou kombinaci parametr… Ÿ ry, vìplnØ a efekt… m…§ete tak‚ pojmenovat a ulo§it do knihovny styl…. Odtud lze styl kdykoliv vybavit a aplikovat na libovolnì objekt, Ÿ¡m§ lze snadno udr§et jednotnì vzhled grafickìch prvk…. Pro snazç¡ organizaci objekt… nab¡z¡ Fireworks pr ci ve vrstv ch a mo§nost vytv ýet symboly a jejich instance, kter‚ se po £pravØ symbolu automaticky pýizp…sob¡.
Vektorov‚ objekty lze pýev‚st na bitmapov‚ obr zky, kter‚ je pak mo§n‚ upravovat pomoc¡ n stroj… tu§ka, çtØtec, n levka nebo guma. Zaj¡mavØjç¡ je ale aplikovan¡ filtr… na takov‚ obr zky, napý¡klad rozostýen¡. Filtry se od efekt… odliçuj¡ svou nevratnost¡ - pokud je aplikujete na vektorovì objekt, stane se z nØj bitmapa. Program Fireworks 2 podporuje z suvnou architekturu Photoshopu, tak§e lze pou§¡vat i filtry pýipraven‚ pro tento program.

¦iv‚ obr zky
Webov  grafika nab¡z¡ oproti sv‚ starç¡ tiçtØn‚ sestýe ýadu zvl çtnost¡ vyplìvaj¡c¡ch ze zp…sobu pou§it¡. Jednou z nich jsou webov‚ mapy, kdy Ÿ sti obr zku slou§¡ jako odkazy na internet prostýednictv¡m URL. Z¢ny s odkazy m…§ete kreslit buÔ ruŸnØ (obd‚ln¡k, ov l, polygon), anebo prostØ nech te automaticky vygenerovat oblast obklopuj¡c¡ zvolenì objekt. V paletØ Object pak lze zadat URL a nastavit dalç¡ parametry odkazu.
PodobnØ jako oblasti odkaz… lze novØ vytvoýit i vìýezy obd‚ln¡kov‚ho tvaru, kter‚ obr zek dØl¡ do samostatnìch obd‚ln¡kovìch Ÿ st¡. Pýi exportu je pro ka§dou Ÿ st vytvoýen samostatnì soubor, kterì m…§e m¡t vlastn¡ exportn¡ parametry (form t, barvy atd.). Na webov‚ str nce se potom p…vodn¡ obr zek poskl d  z jednotlivìch Ÿ st¡ pou§it¡m tabulky. Vìhodou tohoto dØlen¡ je menç¡ velikost grafiky (d¡ly jsou optimalizov ny samostatnØ) a plynulejç¡ nahr v n¡ str nky.
D le tady m me tvorbu animovanìch GIF obr zk…, kterou program tak‚ podporuje. KromØ vrstev lze toti§ pýidat tak‚ pol¡Ÿka (frames), kter  pýi spojit‚m pýehr n¡ vytvoý¡ animaci. Animaci lze slo§it z ji§ pýipravenìch obr zk… nebo ji navrhnout ruŸnØ nakreslen¡m jednotlivìch pol¡Ÿek. Zde se jistØ bude hodit mo§nost nastavit sd¡len¡ vrstvy v r mci cel‚ animace (pro nemØnn‚ prvky) nebo zobrazen¡ onion skinning, tj. pýedchoz¡ch Ÿi n sleduj¡c¡ch pol¡Ÿek animace. Pokud z objektu vytvoý¡te symbol a jeho instanci, lze pol¡Ÿka animace mezi tØmito dvØma instancemi vygenerovat automaticky, jde o tzv. tweening. Mo§nosti tweeningu jsou ale omezen‚ a ýadu morfingovìch efekt… budete v pý¡padØ potýeby muset nakreslit ruŸnØ.
Spojen¡m pol¡Ÿek s webovìmi objekty, jak jsou souhrnnØ nazìv ny mapy a vìýezy, a dod n¡m skript… dostaneme interaktivn¡ grafiku, mØn¡c¡ sv…j vzhled v z vislosti na akc¡ch u§ivatele (pohybech ukazatele). Ji§ produkt Fireworks 1 nab¡zel hezkì n stroj pro pý¡pravu tzv. rollover tlaŸ¡tek, kterì byl ve verzi 2 d le zobecnØn. Vìsledkem je nov  paleta Behaviours, umo§åuj¡c¡ k webovìm objekt…m pýidØlovat reakce na pohyby ukazatele nad objektem. Lze tak vytv ýet tradiŸn¡ rollover tlaŸ¡tka, kdy jsou jednotliv‚ verze tlaŸ¡tka obsa§eny v prvn¡ch Ÿtyýech pol¡Ÿk ch, nebo nechat zobrazit zpr vu ve stavov‚ ý dce okna. K pokroŸilejç¡m funkc¡m patý¡ pýehozen¡ obr zku (ze souboru nebo z jin‚ho pol¡Ÿka) ve vìýezu odliçn‚m od aktivaŸn¡ho objektu nebo prov z n¡ stav… tlaŸ¡tek tak, §e pouze jedno tlaŸ¡tko je ve stisknut‚m stavu (pro tvorbu grafickìch vìbØrovìch tlaŸ¡tek). Tyto akce lze navz jem kombinovat, pý¡sluçn‚ JavaScripty jsou pochopitelnØ generov ny automaticky. Aplikace Fireworks 2 tak grafik…m zpý¡stupåuje mo§nosti, pro jejich§ pou§it¡ by jinak potýebovali intenzivn¡ spolupr ci program tora skript….

Expert na export
Program Fireworks ukl d  obr zky v m¡rnØ upraven‚m form tu PNG (obsahuje vektorovou informaci), kterì m…§ete otevý¡t vçude, kde je PNG podporov n. Na webu jsou ovçem bاnØjç¡ form ty GIF a JPEG, a tak program samozýejmØ umo§åuje export do tØchto form t… (a tak‚ do TIFF, PICT, LRG a BMP).
Fin ln¡ export obr zk… pro web m  svoji zvl çtnost v hled n¡ vyv §enosti mezi kvalitou obr zku a velikost¡ grafick‚ho souboru prostýednictv¡m nastaven¡ ýady parametr…. Ji§ pýedchoz¡ verze Fireworks 1 nab¡zela pohodlnì exportn¡ dialog, v nØm§ çly najednou zobrazit a§ Ÿtyýi n hledy pýi r…zn‚m nastaven¡ parametr…. U ka§d‚ho n hledu je vidØt velikost souboru, tak§e u§ivatel m…§e interaktivnØ ladit parametry a ihned si ovØýit a porovnat vìsledky. Ve Fireworks 2 byla nav¡c vylepçena pr ce s barevnou paletou, a u§ivatel m  tedy nad barvami vØtç¡ kontrolu.
Dalç¡ novinkou je exportn¡ ŸarodØj, kterì porad¡ s nastaven¡m parametr… exportu. Zvl çtØ ŸarodØj "Export To Size" uçetý¡ spoustu Ÿasu, um¡ toti§ naj¡t nejlepç¡ nastaven¡ pro zvolenou velikost grafick‚ho souboru.
Webov  grafika pýirozenØ nen¡ jen vlastn¡ obr zek, ale tak‚ integrace s k¢dem. S obr zkem tak m…§ete ihned exportovat i pý¡sluçnou str nku HTML, resp. DHTML se vçemi potýebnìmi skripty. To se hod¡ jak pýi n vrhu map s odkazy, tak i pýi pou§it¡ rollover efekt… nebo pýi rozýez n¡ obr zku na v¡ce Ÿ st¡. Vytvoýenou str nku lze d le upravovat ve webov‚m editoru, pohodln  integrace je hlavnØ s Dreamweaverem firmy Macromedia.

Z vØr
Macromedia Fireworks 2 nab¡z¡ snad vçe, co si m…§e grafik pýipravuj¡c¡ obr zky pro web pý t. D¡ky integraci ýady n stroj… v jedin‚m programu se tak vìraznØ zvyçuje pohodl¡ a zkracuje Ÿas, kterì by byl pro pý¡pravu webov‚ grafiky potýeba pýi pou§it¡ nØkolika utilit. Mezi neju§iteŸnØjç¡ novinky verze 2 patý¡ mo§nost aplikovat nØkolik §ivìch efekt… na jeden objekt, schopnost rozdØlit obr zek do v¡ce soubor… a çirç¡ podpora akc¡ JavaScriptu. A to jsme se jeçtØ nezm¡nili o mo§nostech d vkov‚ho zpracov n¡, kdy lze najednou upravovat nØkolik dokument…, napý¡klad v nich vyhled vat a nahrazovat text Ÿi barvu. StruŸnØ ýeŸeno, pokud si chcete poý¡dit jedinì program pro pr ci s webovou grafikou, potom je Macromedia Fireworks 2 ten pravì.
Roman Bart k