イラストレーターでSVG画像を作成する
Illustratorで線画と塗りありの2つのSVGデータを作成し、書き出し(アウトライン化する)
この時、線画の方はパスのつなぎ目のどこか1つをカットする
SVGを合成する
先程書き出したSVGデータ2つをエディタで開き、塗りの方の~までを、
線画の方のの手前に入れて保存
SVGartistaを開く
https://svgartista.netに入り、左上のopen SVGより先程合成したSVGを選択する
好みの秒数を設定して完成
*STROKEANIMATIONのstaggerstepを0にして、animationdurationを3sなどにすれば、同時に線画の描画が始まる
↧