Het vuur aan de schenen

Zo’n vier jaar nu al zwaait Macromedia Flash de plak wat het creëren van sterk geanimeerde, doch zeer compacte webpagina’s betreft. Het heeft tot nu geduurd voordat Adobe een geldig alternatief uit de hoge hoed toverde. Adobe LiveMotion 1.0 is dat wit konijn.

Net als Macromedia Flash, waarvan binnenkort versie 5 op de winkelschappen ligt, zorgt LiveMotion voor het maken van geanimeerde graphics in plaats van statische afbeeldingen op een website. Je kunt er eveneens afrolmenu’s en andere interactieve objecten mee aanmaken. Om het eindresultaat zo compact mogelijk te houden is LiveMotion, zoals Flash, vectorgebaseerd. Je ziet het, er zijn een heleboel raakvlakken tussen beide producten. Voordeel van LiveMotion is evenwel dat zowel vector- als rasterfuncties in één applicatie geïntegreerd zijn, daar waar je bij Flash voor rasterfuncties beroep moet doen op externe programma’s als Macromedia FireWorks of Adobe Photoshop. De integratie met andere Adobe-producten als Photoshop en Illustrator gaat zover dat zelfs de verschillende lagen uit een Photoshop PSD-bestand of Illustrator AI-bestand in afzonderlijk LiveMotion objecten kunnen worden geconverteerd of als een keyframe-sequence.

Formaten
De jongens bij Adobe zijn er zich terdege van bewust dat het Flash SWF-formaat de feitelijke standaard is. Het is dan ook niet meer dan logisch dat LiveMotion Flash SWF volledig ondersteunt. Dit houdt in dat Falsh-bestanden zonder problemen worden ingelezen en dat je je geanimeerde creaties ook in SWF kunt exporteren. Dit neemt evenwel niet weg dat het eigen formaat van LiveMotion, LIV, primeert. Het spreekt vanzelf dat het nieuwste grafische formaat SVG (Scalable Vector Graphics), ontwikkeld door Adobe zelf, ook wordt ondersteund, maar nog niet rechtstreeks. Er is een insteekmodule voor nodig die bij een normale installatie standaard wordt geïnstalleerd. Groot voordeel van het vectorgebaseerde SVG-fomaat is dat het niet alleen heel compact is zoals de andere vectorgebaseerde grafische formaten, maar ook in hogere resoluties nog een heel goed beeld geeft zonder vervorming. Het is tevens geschreven in XML en is dus onmiddellijk in een XML webdocument te integreren.

TimeLine
Een van de belangrijkste functies in LiveMotion is het TimeLine-venster. In plaats van grafische objecten als verschillende lagen te beschouwen, ziet LiveMotion ze echt als objecten. Deze aanpak zorgt ervoor dat deze objecten beter apart te manipuleren zijn. Op bepaalde plaatsen in de tijdslijn zet je daarna ‘keyframes’ met verschillende parameters en eigenschappen. Een keyframe is een soort markeerder op een bepaalde plaats in het animatieframe met een reeks eigenschappen. Op dat punt specifieer je de eigenschappen van een object in de tijdslijn of duid je een wijziging in de eigenschappen aan. Je hebt minstens twee keyframes in een geanimeerd object: de begin- en eindkeyframe. Hoe sneller de keyframes elkaar opvolgen, des te sneller beweegt het beeld. Het stukje tussen twee keyframes noemen we keyframe-sequence.

Effecten
Heel handig is verder dat je zowat alle Photoshop-insteekmodules kunt gebruiken in LiveMotion. Met het LiveMotion Styles palet kun je verschillende combinaties van effecten samenvoegen en opslaan tot een animatiestijl. Hierdoor kun je een grotere consistentie krijgen in het eindresultaat. De interface lijkt sterk op de andere Adobe-producten als Photoshop, Illustrator en Adobe After Effects, waar LiveMotion overigens op verder borduurt. Met de optie Edit Original kun je jouw originele Photoshop- en Illustrator-afbeeldingen bijwerken. De wijzigingen zijn onmiddellijk zichtbaar in de LiveMotion-kopie.

Werk aan de winkel
Nochtans is niet alles peis en vree met LiveMotion. Er is nog werk aan de winkel, al moet gezegd dat voor een eerste versie het al een zeer volwassen product is. Wat missen we dan nog? In de eerste plaats een programmeer- of macrofunctionaliteit om bepaalde acties te automatiseren, al kan een en ander wel met JavaScript worden opgevangen. Het werken met lagen en vooral het beheer ervan zou ook beter kunnen.