Index de l'article

Animation d'un fichier vectoriel avec Sozi

Objectif

Exploiter la profondeur du dessin vectoriel pour créer une animation avec Sozi. Pour faire cette animation, je suis parti d'un document A1 sous Inkscape dans lequel j'ai importé les éléments iconographiques et créer les éléments textes nécessaires à la bonne compréhension de l'animation. Disposition de ces éléments stratégiquement sur la feuille A1, réflexion sur le groupement des éléments et le choix des calques toujours sous InkScape. Ceci étant fait création de l'animation avec le logicie Sozi.

Exemple d'animation

(Cliquez sur l'image du dessous et patientez le temps que la page soit chargée)

Taille du fichier 16 Mo - attendre le chargement complet de la page - Vous pouvez piloter l'animation à l'aide des flèches gauche et droite, la première vue attend une action de votre part ;)

 

Tutoriels vidéo

Téléchargement du logiciel Sozi et installation

Présentation du fichier Inkscape à animer

  • Fichier / Propriété du document onglet Métadonnées - Titre - Ce titre apparaîtra comme nom de page dans votre futur fichier html
    Mon format de page est A1 - format paysage 
  • Présentation des calques
    8 calques qui me permettront de mieux gérer les animations sous Sozi.

Création de l'animation

  • Lancement de Sozi et ouverture du fichier svg
  • Format d'affichage 5/3 mais vous faites comme vous le sentez
  • Ajouter les calques de votre fichier svg
  • Ajouter un cadre (frame) et affecter les paramètre ad hoc - dans mon cas j'ai joué avec la temporisation, l'opacité des calques en fonction de mes besoins, et l'affichage des titres et/ou des n°.
  • Ajouter un autre cadre... et recommencer...
    Faire attention aux outils zoom, rotation etc... car ils agissent sur le calque ou l'ensemble des calques... tout dépend de votre sélection...