Vous recherchez un animateur SVG en ligne gratuit ? Si votre réponse est oui, vous êtes au bon endroit. Cet article propose une liste de sites Web d'animation SVG pour vous aider à créer et à animer vos fichiers SVG. (Si vous souhaitez transformer vos images en vidéo, vous pouvez essayer MiniTool MovieMaker !)
SVG (Scalable Vector Graphics) est un format d'image basé sur XML, tout comme le fonctionnement de HTML. Il peut être animé à l'aide d'éléments d'animation. Il existe plusieurs méthodes pour animer des SVG telles que les scripts, le style et SMIL (Synchronized Multimedia Integration Language).
Vous trouverez ci-dessous les meilleurs animateurs SVG qui peuvent ajouter des animations et des effets aux fichiers SVG et télécharger les SVG animés. La plupart d'entre eux vous fournissent des boutons et des commandes simples pour ajouter des animations. Regardons de plus près maintenant !
Svgator
C'est un bon animateur SVG en ligne qui ne nécessite aucune compétence de codage avancée. En quelques secondes, vous pouvez générer un code SVG animé prêt à l'emploi à partir du SVG importé. Sur ce site, vous pouvez facilement importer, visualiser et adapter un code d'archive, animer et exporter au format SVG.
Avec SVGator, vous pouvez créer une animation SVG qui sera parfaite sur votre écran de bureau ou mobile en ajoutant simplement des éléments et des animateurs à la chronologie, en modifiant les valeurs des images clés et en exportant du code SVG propre.
Vous pourriez également être intéressé :Comment créer des vidéos animées [Guide étape par étape]
aniGen
aniGen est un éditeur basé sur un navigateur qui se concentre principalement sur la création et l'édition d'animations SVG. Cet animateur SVG nécessite un navigateur compatible SVG et la prise en charge de JavaScript. Il est disponible sur Google Chrome et Mozilla Firefox.
Cet éditeur vous permet d'animer des images clés, d'ajouter du remplissage et des contours, de définir des nœuds enfants et parents et d'ajouter des effets d'animation en créant des calques. Vous pouvez définir la longueur de la boucle d'animation et la durée de chaque élément. Enfin, vous pouvez prévisualiser l'animation en ligne et l'exporter sous forme de fichier SVG.
Vivus instantané
Vivus Instant est également l'un des meilleurs sites Web d'animation SVG. C'est la version en ligne de Vivus. Vivus utilise JavaScript pour animer les SVG en leur donnant l'apparence d'être dessinés. Comparé à Vivus, Vivus Instant utilise des animations CSS pour animer les SVG.
Lors de l'utilisation de cet outil d'animation SVG, vous pouvez télécharger des SVG en les faisant simplement glisser. Après avoir téléchargé un fichier SVG, il ajoute automatiquement une image animée le long du chemin SVG. Vous pouvez le télécharger tel quel ou ajuster les paramètres manuellement comme vous le souhaitez.
Dans les paramètres, vous pouvez définir le type d'animation, ajouter un délai, sélectionner la fonction de temps d'itinéraire et répéter l'animation.
Graphiques RAW
Raw est un animateur SVG open source et basé sur le Web pour faciliter la représentation visuelle de données complexes pour tout le monde. Il vous permet de créer des SVG interactifs à l'aide de la bibliothèque graphique D3.js.
Il vous fournit une variété de différents modèles prédéfinis pour afficher les données, les visualisations semi-finies, les graphiques, les modèles visuels. C'est propre et facile à utiliser. Vous pouvez simplement copier et coller votre texte dans Raw.
SVGCircus
SVGCirsus est également l'un des meilleurs sites Web d'animation SVG de cette liste. Comparé à d'autres outils d'animation SVG, il ne prend pas en charge l'édition SVG. Alternativement, il vous permet de créer des animations SVG en boucle. Il possède un ensemble intégré de formes géométriques qui vous permet de personnaliser vos chargeurs SVG animés, vos filateurs et autres animations en boucle.
Vous pouvez créer des animations SVG dans ces trois sections comme les acteurs, les astuces et le scénario. Ces options vous permettent de créer une animation SVG en boucle à partir de zéro. Ou vous pouvez choisir un préréglage et ajuster l'animation en conséquence.
Vous voudrez peut-être aussi savoir :Le meilleur logiciel d'animation 2D en 2021 que vous devez savoir
Conclusion
Je crois que ces animateurs SVG ci-dessus peuvent vous faciliter la vie en matière de conception. Si vous connaissez d'autres sites Web d'animation SVG qui ne sont pas mentionnés ici, veuillez partager vos suggestions dans les commentaires ci-dessous !