Animované obrázky dnes najdete na webu všude, od jednoduchého rotujícího loga programu až k měnícím se reklamním nápisům. Řada z těchto animací má univerzální použití a možná, že se některé z nich budou hodit i na vaši www stránku. Potom není nic jednoduššího, něž si animovaný obrázek nahrát a vložit ho do vlastní stránky (pozor ovšem na autorská práva tvůrce animace). Pokud ale potřebujete vytvořit animaci se specifickým obsahem, například animované logo své firmy, nezbyde vám nic jiného, než se spolehnout na vlastní síly.
Dobrým pomocníkem při tvorbě kratších animací na Macu může být program WebPainter 1.0 firmy Totally Hip Software (http://www.totallyhip.com). Nepočítejte sice s tím, že přes noc udělá z vašeho počítače Studio Walta Disneye, krátké a jednoduché animace s ním však pořídíte docela pohodlně. WebPainter je vlastně malovací program s integrovanou podporou skládání jednotlivých obrázků do animací a jejich ukládání v různých datových formátech.
Malování
Než přistoupíme k tvorbě animace, musíme být schopni vytvořit základní jednotku každé animace, kterou je jeden statický obrázek. WebPainter proto funguje jako jednoduchý malovací program (obrázek 1), i když jednotlivé obrázky lze vytvořit také v jiné aplikaci a do WebPainteru je potom přenést třeba přes schránku.
K dispozici jsou obvyklé malovací nástroje jako je tužka, štětec, sprej, nálevka, případně guma. U štětce je možné vybrat si z celé řady předdefinovaných tvarů, sprejů jsou ale jen dva pevně dané druhy. Zajímavým "malovacím" nástrojem, který mnohým připomene rané časy dětství, je prst. Ten sice neslouží přímo pro malování, ale jeho úkolem je naopak rozmazávat již vytvořenou malbu. To možná může někomu připadat jako zbytečná funkce, po krátkém vyzkoušení ale zjistíte, že pomocí "prstu" lze malbě dodat přirozený nádech a zbavit se tak ostrého počítačového vzhledu. Ostatně na podobných funkcích, kterým se dnes říká natural media, je založen veleúspěšný malovací program Painter.
WebPainter nabízí i další nástroje, které nemají při reálném malování obdoby, jako je kouzelná hůlka pro označení souvislé plochy stejné barvy nebo barevná naběrka pro odebrání "vzorku" barvy. Laso vám zase umožní označit libovolnou oblast obrázku a přesunout nebo zkopírovat ji na jiné místo.
Další sada nástrojů je v malovacích (paint) programech méně běžná a spíše ji najdeme v aplikacích kreslicích (draw). Jedná se o funkce pro kreslení čar, různých obdélníků, mnohoúhelníků a oválů, které lze případně vyplnit zvoleným vzorem nebo gradientem. Zatímco v kreslicích programech je možné později změnit tvar těchto objektů, ve WebPainteru se každý objekt ihned po nakreslení změní na malbu, a lze ho tedy upravovat jen malovacími technikami.
Při tvorbě animací pro web bude častou součástí obrázku jistě i text. Ten lze do malby vložit přímo ve WebPainteru a podobně jako grafické objekty je také vložený text ihned převeden na malbu. Můžete proto používat libovolné písmo, které máte ve svém systému, a díky převedení na malbu pak bude nápis vypadat stejně i na všech ostatních počítačích. Zajímavou možností je vkládání textu s anti-aliasingem, který zvyšuje čitelnost menších písmen na zařízeních s nízkou rozlišovací schopností, jako jsou právě počítačové monitory.
Animace
To, co dělá WebPainter skutečně zajímavým, je podpora skládání jednotlivých obrázků do animace (obrázek 2). Animace je vlastně posloupnost obrázků, jejichž části jsou nepatrně posunuty, čímž vzniká při spojitém přehrání dojem pohybu.
WebPainter umožňuje namalování odděleného pozadí, jež se v průběhu animace nemění. V popředí jsou potom předměty, které se budou pohybovat. Aby bylo snazší nakreslit rozfázovaný pohyb předmětu, nabízí WebPainter některé pomůcky. Především lze při tvorbě políčka animace zobrazit v pozadí políčko předchozí nebo následující. Dosahuje se tím stejného efektu jako při ručním kreslení políčka animace na průhledný papír, pod nímž je podložen obrázek sousedního políčka. V programu je navíc k dispozici jakýsi referenční bod, který je zobrazen na každém políčku animace a od kterého lze odvozovat polohu pohybujícího se předmětu na jednotlivých políčkách. Podobnou funkci může plnit i síť, kterou lze v obrázku zobrazit.
Bohužel, pro snazší znázornění různých druhů pohybu (posun, rotace...) nenabízí WebPainter dostatečně silné nástroje. Můžete sice část obrázku překlopit nebo rotovat o 90 ? , to je ale vše. Nejsou zde žádné funkce pro deformace nebo otočení o libovolný úhel, pomocí kterých se třeba dosahuje zdání pohybu v 3D prostoru. WebPainter také neumí automaticky vygenerovat posloupnost mezi zadanou dvojicí políček.
Snadné vkládání, mazání i duplikování políček, stejně jako pohyb po políčkách animace, nebo změna jejich pořadí tažením je samozřejmostí. Přímo v programu je možné také animaci přehrávat.
Export
WebPainter ukládá animace ve vlastním formátu, a proto je nutné je před použitím například na webové stránce exportovat.
Asi nejčastějším formátem animací na webu je animovaný GIF. Při jeho použití doporučuji zaškrtnout volbu "uvažovat pouze změněné oblasti", čímž se výrazně zmenší velikost souboru, a tedy i urychlí jeho přenos po Internetu do webového prohlížeče.
Animaci je také možné uložit jako sadu jednoduchých gifových nebo pictových obrázků, dále jsou podporovány formáty PICS a QuickTime. Animaci lze exportovat i v podobě dat pro multimediální přehrávač Sizzler, dostupný jako zásuvný modul pro Navigator, ActiveX komponenta, Java program nebo Live Object pro OpenDoc.
WebPainter umí animace také importovat, a to z formátů (animovaný) GIF, PICS, PICT a QuickTime film.
Shrnutí
WebPainter 1.0 nabízí funkce jednoduchého malovacího programu a základní prostředky pro tvorbu animací. V oblasti podpory práce s animacemi poskytuje přirozené, snadno ovladatelné nástroje, které odpovídají ruční tvorbě animací pomocí tužky a papíru, ale nic navíc. Určitě zde nehledejte nějaké pokročilejší prvky jako je automatické generování políček animace. Plusem programu je podpora řady běžných formátů při načítání i ukládání animací.
Celkově lze říci, že WebPainter je vhodný pro tvorbu kratších, spíše nenáročných animací, jejichž místo je právě na webových stránkách. Na verzi 1.0 je to určitě slušný začátek.
Roman Barták