たった６コマでなめらかなSVG、APNG、GIFアニメが作れる9VAe

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

9VAe（きゅうべえ）とは

• AfterEffects のようなモーショングラフィックスができる無料のベクトルアニメーションエディタ

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

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

• Win/Mac/Linux版はリンク先右上の をクリックしてダウンロード

iOS iPad	Android Chromebook	Win	Mac M1対応	Raspberry Pi	Ubuntu 32bit
9VAePro * 599 Page	Amazon Fire	上が 見えない 場合は Vector ↓	古いMac版 10.7-10.11		Ubuntu 64bit
	Android Chromebook	Win (Vector)	Mac (Vector)	RaspberryPi (Vector)	安全性 は？

インストール方法＞	windows	Mac	Pi	Linux
●アニメの作り方	ボタン説明	メニュー キー	9VAe質問	だんグラ
動画出力	ffmpeg	〇	→	ffmpeg
しゃべる	SofTalk	〇	→	OpenJTalk

6コマでなめらかなSVGアニメ、APNGアニメ

• 9VAeに付属したサンプルアニメをAPNG、SVG、GIFで出力しました。
• 左側のリンクがSVG アニメです（IE, Edgeでは静止画）。画面をいくら拡大してもぎざぎざになりません。
• 中央がAPNGです。色数が多いためグラデーションがきれいです（02ice）。Firefoxなど、APNG対応ブラウザで見ると動きます。
• 右側がGIFアニメです。256色しか表現できないためグラデーションが階段状になっています（02ice）。
• これらはわずか６コマから作られています。9VAeが中間の絵を出力するのでいくらでもなめらかにできます。

SVG	APNG	GIF
01sharks
02ice
03octopus
04torpede
05crab

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

---

関連記事

9VAeきゅうべえ のご紹介

1. 無料ソフトでアニメを作ってみよう（9VAe きゅうべえ）
2. インストール方法
3. スクラッチ、ビスケットの次は 9VAe＝第３のプログラミング学習環境
4. よくある質問

9VAeきゅうべえ 初級編

1. 9VAe チュートリアル（１）ーページでタイムラインなし
2. 9VAe チュートリアル（２）ー図形入力、選択、移動、サイズ変更
3. 9VAe チュートリアル（３）ーアニメキャストを作る、時間調整
4. 9VAe チュートリアル（４）ーアニメキャストの修正、往復
5. 9VAe チュートリアル（５）ー動きグラフ、ページコピー、GIF作成
6. 9VAeきゅうべえ：長いアニメを作る方法

9VAeきゅうべえ 中級編

1. アニメの作り方

9VAeきゅうべえ 上級編

1. 動くLINEスタンプのAPNG作成：無料ソフト9VAeきゅうべえ
2. 萌えキャラ デジたんを目ぱちさせるまで：APNGアニメの作り方
3. openclipartの無料イラストをアニメ化する６つの手順
4. イラストから動くLINEスタンプのようなアニメを簡単に作る方法
5. Openclipart の 無料SVG をアニメにするテクニック
6. 無料アニメソフト9VAeきゅうべえの裏技集

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

1. 9VAeきゅうべえ」で絵を描かずに作れるGIFアニメ
2. 9VAeきゅうべえで作成したSVGアニメーション

9VAeきゅうべえ 技術資料

1. アニメソフト 9VAe をカスタマイズする方法
2. イラストレータのデータを 9VAe(きゅうべえ)に変換する方法
3. 9VAe / 9svg データフォーマット解説