どうも、まさとらん(@0310lan)です! 今回は、高度なSVGアニメーションを直感的に誰でも作成できるWebサービスをご紹介します。 手持ちのSVGファイルにアニメーションを追加できるのはもちろん、ゼロからイラストを描いてオリジナルのSVGアニメーションを作ることもできます。 記事後半ではモーションパスを活用したダイナミックなアニメーション手法もご紹介していますので、ご興味ある方はぜひ参考にしてください! 【 SVGator 】 ■「SVGator」の使い方 それでは、「SVGator」をどのように使えばいいのか詳しく見ていきましょう! まずはサイトにアクセスして、画面上部にある「SIGN UP」ボタンをクリックして無料のユーザー登録を済ませておきます。 ユーザー名、メールアドレス、パスワードを設定するだけなので簡単です。 (※GoogleやFacebookアカウントでもログイン可能)
![超お手軽モーションパス!SVGアニメーションを簡単に作成できる「SVGator」を使ってみた! - paiza times](https://cdn-ak-scissors.b.st-hatena.com/image/square/d051d8cbdd092614a921a6c6e131adf78d2b4d73/height=288;version=1;width=512/https%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fp%2Fpaiza%2F20220714%2F20220714133006.jpg)