SVG
アニメーション
9VAe
きゅうべえ
APNG

9VAeきゅうべえで作成したSVG、APNGアニメーション

この記事は、SVG Advent Calendar 2016 の6日目の記事です。


9VAe(きゅうべえ)とは


  • Flash のような ベクトルアニメーションエディタ

  • キーフレーム補間機能があり、絵を描かずにアニメGIF、APNG, SVGアニメが作れます。

  • カスタマイズ可能なフリーソフトで、改良して、販売、配布など自由です。

  • マルチプラットフォームで、Windows/Mac/Linuxで動きます。

最新版ダウンロード(リンク先右上の Untitled.png をクリック。)
ベクターからダウンロード
説明

9va-win (Windows版)
9va-win (ベクター)
windows

9va-mac (Macintosh版)
9va-mac (ベクター)
mac

9va-pi (ラズベリーパイ版)
9va-pi (ベクター)
pi

9va-pi (Ubuntu, Mint/ Linux X86 32bit版)(64bitの場合)

linux

〇くわしいインストール方法はこちら

キッズプラザ版(Windows 子供用)はこちら

iPhone/iPad版の作り方

ios


9VAeきゅうべえで作成したSVGアニメ、APNGアニメ

9VAeに付属したサンプルアニメをAPNGとSVGに出力しました。左側のリンクをクリックするとSVG アニメが見えます。IE, Edgeでは静止画になります。右側の絵は、APNGです。Firefoxなど、APNG対応ブラウザで見ると動きます。

SVG
APNG

01sharks
01sharks.png

02ice
02ice.png

03octopus
03octopus.png

04torpede
04torpede.png

05crab
05crab.png

06birds
06birds.png

07airplane
07airplane.png

08fishing
08fishing.png

09storm
09storm.png

10sealions
10sealionsB.png


  • 9VAeきゅうべえは、SVGイラストを読み込んで、動きをつけることができます。形の補間や重なり順序の変更などを自動的に処理してくれるため、複雑なSVGアニメーションを作ることができます。

  • また、同じデータから、いろんなデータフォーマットで出力できるのが便利です。



関連記事


9VAeきゅうべえ のご紹介


  1. 無料ソフトでアニメを作ってみよう(9VAe きゅうべえ)

  2. インストール方法

  3. スクラッチ、ビスケットの次は 9VAe=第3のプログラミング学習環境

  4. よくある質問


9VAeきゅうべえ 初級編


  1. 9VAe チュートリアル(1)ーページでタイムラインなし

  2. 9VAe チュートリアル(2)ー図形入力、選択、移動、サイズ変更

  3. 9VAe チュートリアル(3)ーアニメキャストを作る、時間調整

  4. 9VAe チュートリアル(4)ーアニメキャストの修正、往復

  5. 9VAe チュートリアル(5)ー動きグラフ、ページコピー、GIF作成

  6. 9VAeきゅうべえ:長いアニメを作る方法


9VAeきゅうべえ 中級編


  1. アニメの作り方


9VAeきゅうべえ 上級編


  1. 動くLINEスタンプのAPNG作成:無料ソフト9VAeきゅうべえ

  2. 萌えキャラ デジたんを目ぱちさせるまで:APNGアニメの作り方

  3. openclipartの無料イラストをアニメ化する6つの手順

  4. イラストから動くLINEスタンプのようなアニメを簡単に作る方法


  5. Openclipart の 無料SVG をアニメにするテクニック

  6. 無料アニメソフト9VAeきゅうべえの裏技集


9VAeきゅうべえ サンプル作品


  1. 9VAeきゅうべえ」で絵を描かずに作れるGIFアニメ

  2. 9VAeきゅうべえで作成したSVGアニメーション


9VAeきゅうべえ 技術資料


  1. アニメソフト 9VAe をカスタマイズする方法

  2. イラストレータのデータを 9VAe(きゅうべえ)に変換する方法

  3. 9VAe / 9svg データフォーマット解説