お知らせ お知らせ

『SVG Artista』でアニメーションを作る

今回は以前作ったSVGファイルにアニメーションを付けていきたいと思います。
利用するのはこちらのサイト、『SVG Artista』(https://svgartista.net/)です。

SVGファイルをアップするだけで簡単に動きを付けられる素晴らしいサイトです。
ではまずsvgファイルを準備していきます。


架空の会社ロゴです。
ポイントは2つ。線と塗りのデータにすること、動かしたい順に並べておくことです。
これだけで準備は出来ました。『SVG Artista』に行きましょう。

『SVG Artista』に行きますと、画面左上の方に「open svg」というボタンがあるのでクリックします。
準備しておいたsvgファイルを選択しましょう。
すると・・・

 

こんな感じで動きました~!svgファイルを用意するだけで作れるのは良いですね。