WebDraw od Jasc Software: výkonný editor pro práci s SVG - Grafika.cz - vše o počítačové grafice

10. října 2001, 00.00 | Tvůrci legendárního Paint Shopu přicházejí s řešením pro SVG, které již v preview verzi
vypadá velmi slibně. Více v naší recenzi.

Úvodem

Scalable Vector Graphics (SVG) je jednou z aplikací jazyka XML, která se těší velké pozornosti. Jedná se totiž o vektorový formát, který by se měl (aspoň podle některých názorů) stát v době nepříliš vzdálené standardem pro zobrazení grafiky a animací na Webu. Nakolik se jedná o podložené tvrzení, zatím pochopitelně nevíme. Každopádně je jisté, že stejně jako v případě samotného XML existuje mnoho příslibů, ale jen velmi málo skutečně použitelných reálných řešení.

V případě SVG potěší především existence SVG Vieweru od společnosti Adobe, který umožňuje prohlížení SVG grafiky ve webovských prohlížečích na Macu a ve Windows. Podpoře SVG je rovněž věnována pozornost v rámci projektu Mozilla Ve vývoji jsou dále nejrůznější importní i exportní filtry, které umožňují s SVG formátem pracovat v nejrůznějších grafických aplikacích - vedle komerčních produktů (např. Adobe Illustrator, CorelDraw) nabízí tuto možnost také řada open-source editorů (Gill, Sketch, Sodipodi, Kontour aj.). (Podrobný přehled současných implementací naleznete zde.)

Všechny tato, i jiná, zde nepřiblížená řešení (obsáhlejší článek nebo možná i seriál o SVG, včetně srovnání s konkurenčními formáty typu Flash hodláme na Grafice uveřejnit v blízké budoucnosti) ale představují pouze jakýsi přívěšek k produktům, postaveným pro jiné formáty. Jako logická se proto jeví poptávka po aplikaci, která by s SVG pracovala jako se svým nativním formátem a plně by tak umožnila využít jeho možností. Za produkt uvedeného typu lze považovat editor WebDraw (dříve Jasc Trajectory) od společnosti Jasc Software, dobře známé zejména bitmapovým editorem Paint Shop Pro. V preview verzi (release 5) pro Windows je Web Draw v současnosti k volnému stažení na serveru výrobce. Tuto verzi jsme stáhli a podrobili testování.

Download, instalace, nápověda, první kroky

Instalační soubor WebDraw je exe-soubor mající cca 5 MB. Po spuštění probíhá standardní instalace řízená průvodcem, při které doporučujeme nechat nainstalovat vedle samotného programu i ukázkové soubory. Na vašem harddisku si tato kompletní instalace vyžádá něco málo přes 13 MB. V závěru instalace je třeba provést registraci aplikace, uživatel si přitom může vyžádat zasílání informací o produktech JascSoftware i jiných výrobců (druhá volba působila poněkud podezřele, je otázkou, kolika nejrůznějšími nabídkami by mohl být na jejím základě váš mail-box v budoucnu naplněn).

Při prvním spuštění se za úvodní obrazovkou objeví nabídka tipů, kterou lze samozřejmě do budoucna deaktivovat. Co poté překvapí, je fakt, že vedle těchto tipů, odkazů na nejrůznější stránky výrobce (vč. diskuzního fóra o produktu) a několika víceméně obecných informačních HTML stránek nedisponuje Web Draw žádnou opravdovou nápovědou či dokumentací. (Resp. žádnou jsme neobjevili.) Na druhou stranu je pravda, že jeho prostředí je skutečně velmi intuitivní, a každý, kdo umí pracovat s některým ze současných vektorových programů, se v něm zorientuje velmi snadno.

Pro seznámení s produktem a jeho možnostmi je nejlepší využít ukázkových souborů umístěných ve složce Sample Files. Při jejich otevření působilo nepříjemně upozornění na problematickou definici typu dokumentu (DTD), i přesto se ale všechny ukázky načetly bez problémů.

Editace dokumentu probíhá v okně, které se skládá ze tří panelů: Canvas (editace obrázku nástroji WebDraw), Source (prohlížení a přímá editace zdrojového kódu) a Preview (náhled prostřednictvím Adobe SVG Vieweru).

Prostředí WebDraw v modu Canvas.

Možnosti těchto panelů si nyní přibližme podrobněji.

Pracovní prostředí a jeho možnosti

K editaci ilustrací slouží v modu Canvas především sada nástrojů obsažených v paletce Tool Palette, jejich možnosti se pak nastavují v paletce Tool Options. K dispozici jsou všechny běžné prostředky, známé z jiných ilustračních programů - mimo jiné kreslicí nástroje pro rovné i nepravidelné čáry, polygony, elipsy, výplně nástroje pro vkládání textu (český text bylo možno vložit, nezobrazoval se ale korektně v SVG Vieweru) i obrázků (SVG, PNG, JPEG) a dále prostředky pro ovládání náhledu jako lupa nebo ruka. Velmi užitečný je nástroj pro práci s cestami.

Pro přesné umisťování objektů lze použít mřížku i pravítko, jejich vlastnosti se nastavují v preferencích programu. Objekty je možno sdružovat do skupin, všemožně zarovnávat, přesouvat do popředí i do pozadí, podrobnou editaci jejich vlastností nabízí Properties Palette, k dispozici je také celá řada efektů atd. - jak jsme již řekli, WebDraw toho na panelu Canvas zkrátka nabízí většinu toho, co bychom očekávali od kvalitního ilustračního programu.

K tvorbě animací je určen toolbar Animation Timeline, jehož prostřednictvím lze vybraným objektům obrázku (zvoleným v hierarchické stromové struktuře modelu DOM) přiřazovat animační atributy. (Náhled animací je pak možný v modu Preview.) Práce s tímto toolbarem nebyla právě nejintuitivnější a nejcitelněji jsme zde postrádali nápovědu či dokumentaci. Metodou pokusů a omylů spolu s případnou prohlídkou zdrojového kódu jsme se nicméně poměrně rychle naučili využívat možnosti tohoto užitečného nástroje.

Animační toolbar nás trochu potrápil.

Pro ty, kterým WYSIWYG mod nestačí, je určen mod Source. Ten nabízí velmi jednoduchý textový editor, s jehož pomocí lze ručně doupravit vlastnosti obrázku. Pro snažší orientaci je v editoru možno využít zvýraznění syntaxe (vlastnosti se nastavují v preferencích), známé z jiných programátorských editorů. Průběžnou kontrolu upraveného kódu při každém uložení zajišťuje známý parser Xerces. Pokud uživateli vlastnosti zabudovaného editoru nestačí, může zdrojový kód obrázku otevřít v libovolném zvoleném textovém editoru, jehož volba se provede v preferencích.

Zobrazení zdrojového kódu.

Poslední panel Preview nabízí zobrazení obrázku v Adobe SVG Previeweru. K řízení vlastností tohoto doplňku slouží kontextová nabídka, umožňující mimo jiné zobrazení v různých velikostech, pozastavení či ztišení animací, prohledání ilustrace na zadaný text nebo přenos do jiných aplikací prostřednictvím schránky.

SVG Previewer se řídí kontextovou nabídkou.

Mimo SVG Previeweru lze k náhledu použít i zvolený webovský prohlížeč, nastavený v preferencích programu.

Exportní a importní možnosti

WebDraw v současnosti neumožňuje načíst ilustrace v jiném než SVG formátu. Na druhou stranu je možné provést export do bitmapové grafiky ve formátu JPEG a BMP, ovšem bez možnosti podrobnějšího určení výstupní kvality. Při ukládání do SVG je také možné použít komprimaci.

Závěrem

Přiblížení všech možností WebDraw není v jedné recenzi dost možné a snad ani žádoucí - jedná se o nový dynamicky se rozvíjející produkt, který jistě nezůstane dlouho v současném stádiu. Co nás na preview verzi příjemně překvapilo, byla vedle opravdu bohaté nabídky editačních nástrojů přizpůsobených možnostem platformy SVG také její použitelnost. Na druhou stranu nelze tvrdit, že vše bylo ještě bez problémů - absence dokumentace, někdy problematické překreslování, blikající dialogová okna či (skutečně jen) občasné zatuhnutí nic neubírá na našem celkovém velmi kladném zhodnocení tohoto produktu. Chce-li uživatel dnes poznat možnosti SVG v reálné praxi, a nemá zrovna k dispozici Adobe Illustrator či CorelDraw s příslušnými filtry, měl by po WebDraw určitě sáhnout.

Výrobce: Jasc Software
Cena: zdarma.
Download: zde