Comment animer un fichier SVG en utilisant svgator
Lecture du Saint dans le coin inférieur gauche de l’écran:
Vous pouvez importer un fichier SVG en cliquant sur le bouton importer SVG en haut de l’écran. Ce faisant, svgator détecte automatiquement et écrase ses éléments sous la zone des onglets dédiés à gauche: Par exemple, un chronomètre se compose de trois éléments. Boutons saillants pour les cercles intérieurs et extérieurs et en haut. Si vous cliquez sur chaque composant de l’onglet gauche, il met en évidence la section appropriée. Au bas de l’écran, il y a une ligne de temps qui affiche toutes les animations que vous avez ajoutées au fichier SVG. Les icônes Diamond sur la ligne de temps représentent des images clés que vous pouvez déplacer pour changer le timing de l’animation: Par défaut, svgator n’affiche que trois secondes sur sa ligne de temps, mais vous pouvez l’éditer en cliquant sur l’icône Gear à côté du minuteur sur le côté gauche de l’écran:En plus de changer le temps total d’exécution de l’animation, vous pouvez activer l’option curseur de la souris, ce qui signifie que l’animation n’est pas active tant que vous n’avez pas placé le curseur sur l’animation. Maintenant, continuez à jouer aux images clés sur la ligne de temps pour voir les différences de Timing disponibles. Lorsque vous êtes prêt, vous pouvez ajouter une nouvelle animation en cliquant sur l’élément que vous souhaitez éditer en utilisant le sélecteur à gauche de la ligne de temps. Après avoir mis en évidence l’élément, recherchez l’onglet animateurs et cliquez sur l’effet que vous souhaitez ajouter: Par exemple, si nous choisissons un effet d’opacité pour l’ensemble du SVG, nous pouvons le faire disparaître au fur et à mesure que l’animation progresse. Pour ce faire, nous définissons un effet d’opacité de 10% sous l’élément chronomètre: Vous remarquerez que nous avons réglé l’image clé initiale à l’étiquette de deux secondes. Cependant, SVG commencera par une opacité de 10%, à moins que nous ne fermions la boucle en ajoutant des images clés