cssのmotion-pathを使う事でオブジェクトを自身で作成したパスに沿って動かす事が出来ます。 まずはイラストレーターでモーション用のパスをペンツール等で作成します。ここで作成したパスに沿って要素を動かす事が出来ます。 次にcssで作成したモーション用…

1.IllustratorでSVG画像を作成 まずはIllustratorでアニメーションで動かしたい文字を書きます。この時、なるべく細い筆記体のフォントを選ぶと良いでしょう。レイヤー名はtextにしましょう。文字を書いたらアウトラインにし、レイヤーをロックしましょう。 …