シェイプシフター

シェイプシフターは、AndroidiOS、Web用のアイコンアニメーションの作成を簡単にするWebアプリケーションです。

https://github.com/alexjlockwood/ShapeShifter/raw/master/art/screencap.gif

 

このツールは現在、スタンドアロンSVGSVGスプライトシート、ウェブのCSSキーフレームアニメーションAnimatedVectorDrawable 、Android用のフォーマットにエクスポートされ ます。

Shape Shifterで作成されたアイコンアニメーションの例をいくつか示します:

アニメーションを折りたたんで展開するオーバーフローから戻る矢印アニメーション再生 - 一時停止 - 停止アニメーション動物アニメーション

引用元:

webdesign.tutsplus.com

github.com

 

SVGエッセンシャルズ 第2版

SVGエッセンシャルズ 第2版

 

 

 

無料で使えるイラストソフト Inkscapeスタートブック

無料で使えるイラストソフト Inkscapeスタートブック

 

 

 

Web制作者のためのIllustrator&ベクターデータの教科書 マルチデバイス時代に知っておくべき新・グラフィック作成術

Web制作者のためのIllustrator&ベクターデータの教科書 マルチデバイス時代に知っておくべき新・グラフィック作成術

 

 

 

Boxy SVG Editorでイラストを描こう

Boxy SVG Editorでイラストを描こう