ホーム » 社情の日常 » SVG線画アニメーション

SVG線画アニメーション

投稿者: in 社情の日常, 飯尾淳 投稿日:

飯尾です。SVG線画データをアニメーション化するサービスを教えてもらったので、こんなモノを作ってみました。

作り方：

  1. 似顔絵のイラストを用意
  2. グラフィックツールでSVG化する（今回はInkscapeでSVGデータを作り、その後、Sketchで調整しました）
  3. Lazy Line PainterでJavaScriptアニメーション化
  4. ウェブサイトに貼り付けて、完成！