Critique de SVGator : Animation Vectorielle Expert

Le monde de l’animation de contenu en ligne a considérablement évolué au fil des ans. Flash (et des technologies similaires comme Macromind Director) ont marqué le début du Web moderne, mais lorsque le soutien pour Flash a été retiré, le format de fichier SWF a disparu. Avançons jusqu’à aujourd’hui avec l’arrivée de SVGator. Avec SVG comme format vectoriel moderne de choix, SVGator vous offre l’une des meilleures et des plus faciles façons d’animer ce format. Examinons-le de plus près dans notre critique.

Il s’agit d’un article sponsorisé rendu possible par SVGator. Le contenu réel et les opinions exprimées ne reflètent que le point de vue de l’auteur qui maintient son indépendance éditoriale même lorsqu’un article est sponsorisé.

Pouvoir de l’Animation en Ligne

SVGator est un éditeur d’animation SVG en ligne créé avec VueJS et conçu pour simplifier la manière dont vous animez des graphiques vectoriels scalables (ou SVG). L’objectif déclaré de l’entreprise, basée à San Francisco, est de « rendre les animations SVG accessibles même aux utilisateurs non techniques, encourageant ainsi l’utilisation extensive des animations SVG sur le Web. »

Dans des circonstances normales, pour animer des fichiers SVG, vous pourriez avoir à coder, peut-être en Javascript ou en Java, pour manipuler les mathématiques définissant les lignes dans un fichier SVG ou les déplacer sur une page web. SVGator a simplifié tout cela en créant une application web avec une chronologie et des pistes animables par keyframes, ce qui signifie que vous pouvez ajuster la position de tous les éléments graphiques vectoriels dans une scène et les compiler en un actif jouable intégré.

Cela vous donne un fichier à utiliser sur des pages web et des applications mobiles. Les nouvelles options d’exportation mobile facilitent grandement la création d’animations légères et évolutives pour les applications mobiles.

Moteur Vectoriel Nostalgique

Tout ce que je viens de dire sur Flash a une raison. À mes yeux, SVGator ressemble et fonctionne beaucoup comme cette vieille machine de travail d’animation vectorielle. C’est un outil d’animation vectorielle par keyframe qui anime des lignes fluides au lieu de pixels. Cela signifie que vos animations finies sont évolutives, capables d’être reproduites à n’importe quelle taille sans perte de qualité.

En lançant le logiciel, vous êtes confronté à quelques scènes de démonstration qui vous aideront à entrer dans le flux de travail. L’interface contient un espace de jeu montrant l’animation que vous créez, et en dessous se trouve une chronologie qui montre la progression des objets à l’écran au fil du temps. À gauche se trouve une colonne d’outils pour manipuler les formes sur votre écran et des bibliothèques d’actifs que vous avez créés.

Vous pouvez importer vos propres fichiers SVG (créés avec n’importe quel programme de dessin vectoriel comme Illustrator ou Inkscape) ou dessiner vos propres formes depuis le début.

Dresser dans SVGator est la même chose que d’utiliser un éditeur vectoriel, avec des courbes de Bézier avec des poignées que vous pouvez ajuster pour obtenir des courbes parfaitement lisses. Vous pouvez également changer le poids de la ligne et la couleur selon votre goût et la qualité de la ligne, comme les tirets ou les points. Si vous avez utilisé un programme vectoriel, cela deviendra une seconde nature.

Cet outil est une application web en ligne, donc il n’y a rien à installer. Toute l’action se déroule dans un navigateur. C’est incroyable pour la productivité, car cela signifie que vous pouvez littéralement vous asseoir dans n’importe quel navigateur sur n’importe quel ordinateur n’importe où dans le monde et continuer votre travail comme si vous étiez assis à votre bureau chez vous. Il fonctionne sur des ordinateurs portables et des ordinateurs de bureau, et bien que je ne l’ai pas essayé, j’imagine que vous pourriez même l’utiliser sur une tablette.

Animer avec SVGator est facile : dessinez des formes sur un écran, définissez des keyframes pour ces formes, et passez au keyframe suivant. Ajustez les formes à leur nouvelle forme et définissez un autre keyframe. Lorsque vous jouez l’animation, les formes s’animent sans interruption d’une position à l’autre.

Plus important encore, ce n’est pas simplement une bibliothèque d’animation copiez-collez remplie de préréglages – c’est un véritable logiciel d’animation professionnel. Cependant, cela ne veut pas dire qu’il ne dispose pas de quelques outils utiles pour amplifier vos compétences en animation à de nouveaux sommets.

À mesure que vous progressez dans les niveaux des plans tarifaires, vous obtenez plus d’actions à effectuer sur vos formes. Ils appellent ces actions « animateurs ». Au niveau gratuit, vous pouvez positionner, mettre à l’échelle, ancrer et faire pivoter vos formes et changer leur opacité. C’est une animation de base. En montant d’un niveau vers le niveau Lite, vous pouvez également morphing, incliner, remplir et tracer, et tous ces paramètres sont animables. Cela ajoute plus de flexibilité à vos animations. Enfin, au niveau Pro, vous pouvez faire tout ce qui a été mentionné jusqu’à présent et ajouter des fonctionnalités interactives à vos animations, rendant possible d’effectuer des opérations avec la souris sur vos animations pour créer des interfaces ou des visualisations de données dynamiques, etc.

Également au niveau Pro, vous avez accès à une bibliothèque d’actifs avec des actifs graphiques pour vous donner un coup de pouce dans la création de vos propres animations avec style et rapidité.

Le seul inconvénient du logiciel que je peux voir est que les niveaux gratuits et inférieurs sont limités dans les types d’opérations que vous pouvez effectuer, mais ce n’est pas nécessairement un problème pour deux raisons. Tout d’abord, vous pouvez faire BEAUCOUP avec des opérations de base et un peu de créativité, et deuxièmement, les niveaux ne sont pas vraiment coûteux, compte tenu de ce que vous obtenez.

Niveaux d’Accès

SVGator est un excellent logiciel. J’adore à quel point il est facile de commencer, et faire des choses simples ne prend pas de temps pour devenir compétent. Mais il y a aussi des profondeurs, donc avec un peu de formation et de pratique, vous pouvez rapidement enrichir votre ensemble de compétences. Les options d’exportation mobile sont un bonus en plus de tout le reste. J’adore comment il utilise un paradigme que je connais, la chronologie, et le fait qu’il ressemble et fonctionne tant comme Flash, que j’ai utilisé pendant longtemps, est juste un plaisir.

SVGator est non seulement puissant – il est relativement abordable. Il existe une variété de plans une fois que vous décidez de payer pour l’utilisation du logiciel. Tout d’abord, il y a le plan gratuit, qui vous permet d’utiliser le logiciel indéfiniment mais avec quelques limitations. Alors que vous découvrez comment cela fonctionne, vous pouvez faire des exportations graphiques statiques illimitées, jusqu’à trois exportations d’animation par mois et des chronologies d’animation d’une durée allant jusqu’à 10 secondes. L’ensemble de base des aides à l’animation est inclus.

Ensuite, il y a le niveau dit Lite, qui pour 11 $ par mois (132 $ facturés annuellement), vous permet d’exporter le produit des animateurs avancés, des exportations statiques illimitées, 10 exportations d’animation par mois, et des durées d’animation allant jusqu’à une minute. Vous avez également les aides à l’animation de base et avancées. Enfin, il y a le niveau Pro, qui à 19 $ par mois (ou 228 $ par an) vous donne l’ensemble des fonctionnalités, tout ce qui est dans Free et LITE, plus des exportations d’animation illimitées jusqu’à cinq minutes de durée, accès à la bibliothèque d’actifs, toutes les options interactives, ainsi que le contrôle de la vitesse d’animation et des hyperliens.

Pour plus de détails sur SVGator et pour vous inscrire à un compte gratuit, allez sur SVGator.