こんにちは! デザイナーのすーちゃんです。 雪を見ないと冬っぽさを感じられません。東京は全然雪が降らないので、年末実家に帰るのが楽しみです! さて今回は、今さら聞けないかもしれない、SVGアニメーション用のSVGファイルの作り方をご紹介したいと思います! どういったところでSVGアニメーションが使われているの? まずは、どういった部分にSVGが使われているか見てみましょう! carborocco 最初のローディングやロゴマークが表示される部分がSVGアニメーションみたいです。静止画で見るよりも、ロゴのイメージが湧いてきますね! SERIO VERIFY スクロールに合わせて線が伸びていったり、描いているみたいにイラストが表示されたり……。これもSVGで表現されています。よりストーリー性があって、つい最後まで見てしまいますね! 上で挙げたサイトのように、ストーリー性を持たせたり、強く印象づけ
![IllustratorでSVGアニメーション用のSVGファイルを作ってみた | 株式会社LIG(リグ)|DX支援・システム開発・Web制作](https://cdn-ak-scissors.b.st-hatena.com/image/square/0b8604d6d9a50a9321bf8ab67419761f3f4d5b17/height=288;version=1;width=512/https%3A%2F%2Fliginc.co.jp%2Fwp-content%2Fuploads%2F2016%2F11%2F147972092929620200_71.png)