On télécharge gratuitement les logiciels Inkscape et XIA. (cliquer sur les logos pour accéder aux sites officiels de téléchargement)

On ouvre son fichier SVG (format de dessin vectoriel) ou on importe son image (BMP, GIF, TIFF, PNG et JPEG) depuis Inkscape.

On réalise un détourage sur les zones que l'on souhaite enrichir ou faire interagir. Pour celles et ceux qui ne maitriseraient pas l'outil plume, le détourage fonctionne aussi avec l'outil " formes ". Pour les plus braves entrainez-vous à l'usage de l'outil plume sur http://bezier.method.ac/

Pour chaque zone détourée on définit les propriétés de l'animation souhaitée (Clique droit sur l'objet / Propriétés de l'objet)

On enregistre. On obtient alors un fichier svg que l'on exporte au format html5 grâce à l'extension XIA.