Maison > interface Web > tutoriel CSS > SVGATOR 3.0 remodeler la façon dont vous créez et animez SVG avec de nouvelles fonctionnalités étendues

SVGATOR 3.0 remodeler la façon dont vous créez et animez SVG avec de nouvelles fonctionnalités étendues

Joseph Gordon-Levitt
Libérer: 2025-03-24 10:34:13
original
857 Les gens l'ont consulté

SVGATOR 3.0 remodeler la façon dont vous créez et animez SVG avec de nouvelles fonctionnalités étendues

La construction d'animations peut devenir compliquée, en particulier les animations convaincantes où vous ne faites pas simplement rouler une balle sur l'écran, mais construire une scène où beaucoup de choses se déplacent et changent de concert. Lorsque l'animation convaincante est l'objectif, une interface GUI Timeline est une façon prouvée depuis longtemps d'y arriver. C'était vrai à l'époque de Flash (RIP), et toujours vrai aujourd'hui dans tous les outils d'édition vidéo sérieux.

Mais qu'avons-nous sur le Web pour l'animation des graphiques vectoriels? Nous avons SVGator, un créateur d'animation SVG innovant et unique qui ne nécessite aucune compétence de codage! Avec la nouvelle version SVGATOR 3.0, il devient un outil révolutionnaire pour créer des animations Web de manière visuellement intuitive.

Un outil puissant directement à bout de bout

J'adore un bon outil de conception basé sur un navigateur. Tous mes projets dans le cloud, m'attendant, peu importe où je parcoure. Voici mon projet SVGATOR car je travaillais sur une animation de base moi-même:

Les utilisateurs de tout outil de conception devraient se sentir chez eux ici. Il est livré avec une interface intuitive qui atteint les exigences d'un flux de travail professionnel avec des options qui permettent un contrôle davantage de votre espace de travail. Vous trouverez une liste de vos éléments et groupes sur le côté gauche, ainsi que les principaux outils d'édition en haut. Toutes les propriétés peuvent être trouvées sur le côté droit et vous pouvez donner vie à tous les éléments en configurant des images clés sur la chronologie.

Je vais être honnête: je n'ai jamais vraiment utilisé SVGator auparavant, j'ai lu une documentation zéro, et j'ai pu jouer ensemble ces stars animées CSS-Tricks en quelques minutes:

Vous voyez cette animation ci-dessus?

  • C'était la sortie comme un seul document d'animation-stars.svg que j'ai pu télécharger sur ce billet de blog sans aucun problème.
  • Utilise uniquement CSS à l'intérieur du SVG pour l'animation. Il existe également une option de sortie JavaScript-Animation pour une plus grande compatibilité entre les navigateurs et des fonctionnalités supplémentaires (par exemple, l'animation de démarrage uniquement lorsqu'elle entre dans la vue ou démarrer l'animation en clic!)
  • Le fichier final est à seulement 5 Ko. Minuscule!
  • Le SVG, y compris les bits d'animation CSS, est pré-optimisé et comprimé.
  • Et encore une fois, il ne m'a fallu que quelques minutes pour comprendre.

Imaginez ce que vous pourriez faire si vous aviez réellement des talents de design et d'animation.

SVGATOR est également un éditeur vectoriel exceptionnel

Avec la version 3.0, SVGATOR n'est plus seulement un outil d'animation, mais un créateur SVG complet! Cela signifie qu'il n'y a pas besoin d'un outil d'édition vectoriel tiers, vous pouvez commencer à partir de zéro dans SVGATOR ou modifier les SVG préexistants que vous avez jamais créés. Un outil de stylo avec des options d'édition rapide, des formes facilement modifiables, des options de composé et de nombreuses autres fonctionnalités incroyables vous aideront dans votre travail.

Cela est particulièrement utile avec les préadolescents de morphing, que SVGATOR suppose totalement!

Voici ma critique d'un mot:

La toute nouvelle interface de SVGator a une barre latérale de panneaux pliants pour contrôler tous les aspects de la conception. Voir ici à quel point cette animation était facile à faire en contrôlant une ligne de texte, les transformations et les filtres, puis en choisissant des images clés pour les choses ci-dessous.

Plans appropriés pour tout le monde

Si vous souhaitez utiliser SVGator comme outil d'édition vectoriel, c'est absolument gratuit, ce qui signifie que vous pouvez créer et exporter un nombre infini de graphiques vectoriels statiques, quel que soit votre plan d'abonnement, même sur le plan gratuit, vous exportez trois animations par mois. C'est juste lorsque vous voulez des outils d'animation plus avancés ou des exportations animées illimitées par mois que celle que vous devez passer à un plan payant.

Allez essayer svgator

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal