アニメーション制作の革命？：9VAeきゅうべえの登録と動きグラフ

無料アプリ9VAeきゅうべえは、なめらかに動くアニメを作るために、他のアプリにないすごい点選択、3D変形機能をもっています。ここでは登録機能と、動きグラフを解説します。

パソコンやスマホでできます。いらすとやを動かす方法はこちら。しゃべる解説はこちら。

ほかの解説動画はこちら。

内容：

１．9VAeきゅうべえのダウンロード

フリーイラストからMP4動画素材が簡単につくれる無料アプリ9VAeきゅうべえは、下からダウンロードできます

• Win / Mac / Linux：無料ソフトでアニメを作ってみよう - Qiita
• iPad / iPhone：9VAe iPad版 、9VAeDanga 、9VAePro (599ページ)
• Android / Chromebook：9VAeきゅうべえAndroid版、9VAeDangla
• Amazon Fire : 9VAeきゅうべえFire版 (Amazon)
• 9VAeのボタン説明、メニュー/キー

操作方法

1. 9VAeきゅうべえアニメ研究所をひらき、Downloadをタッチ
2. ダウンロードする9VAeのアイコンをタッチ
3. パソコン版は右上のダウンロードボタン。スマホ、タブレット版はアプリストアから「インストール」して開きます
4. Mac版は解凍したあと、右ボタンメニューから「開く」を２回。Win版は「詳細情報」から実行します
5. 9VAe Dangla は、スマホでもタブレットでも動きます。２眼表示機能つき

２．9VAeの登録機能

9VAeの登録は、登録した図形を固定したり、隠したりできるので、他のアプリの、レイヤー機能に似ていますが、以下の利点があります

• 登録しても重なり順序がかわらない
• 重なり順序がはなれた図形でも同じグループに登録できる
• ページごとに違う場所に登録できる

多くのアプリは、レイヤごとに重なり順序がきまっているため、登録するレイヤを変更すると重なり順序がかわってしまいます。重なり順序がはなれた図形をいっしょに登録することができません。また、所属するレイヤは時間がかわっても変えらません。9VAeはそのようなことがありません。

登録するには次のようにします

1. 選択ボタンをタッチします
2. 図形を選択します
3. 右側の「＋」ボタンをタッチすれば、下のパレットに、選んだ図形が登録されます。スマホ版でパレットが消えている場合は、下の、「もどす」をタッチしてください

３．登録パレットのメニュー

登録したパレットをタッチすると、メニューが表示されます。

図形を選んでいるか、いないか、選んだ図形が登録されているかどうかによって、項目が変わります

４．追加登録する

登録したパレットをタッチして、メニューから追加できます

1. 図形をタッチして選択します
2. 右側の「＋」ボタンをタッチして、下のパレットに、選んだ図形を登録します。
3. もうひとつ図形をタッチして選択します。
4. 登録したパレットをタッチし、メニューから「追加登録する」を実行します。
5. 登録パレットに、追加されます。登録できるのは、ひとつのパレットだけで、
   最後の登録が有効になります

５．登録した図形を固定する

登録したパレットをタッチして選択できないように固定できます

1. 青い円をタッチして選択します
2. 右側の「＋」ボタンをタッチして、下のパレットに登録します。
3. 登録したパレットをタッチして、メニューから「固定」を実行します。
4. 固定すれば、外からドラッグして選んでも、固定された図形は選択されません
5. もういちど、登録したパレットをタッチして、「固定」のチェックをはずせば、
   選択できるようになります。

６．登録した図形を隠す

登録したパレットをタッチして隠すことができます

1. 青い円をタッチして選択します
2. 右側の「＋」ボタンをタッチして、下のパレットに登録します。
3. 登録したパレットをタッチして、メニューから「隠す」を実行します。
4. 登録した図形が見えなくなります。
5. もういちどパレットをタッチし、隠すのチェックをはずすと、また見えるようになります。編集にじゃまな図形を一時的に隠すことができます

７．ゆっくり動き出すグラフ

登録パレットをタッチして動きグラフをつけることができます　

1. 円を描くボタンをタッチし、中心からドラッグして、円を2つかきます
2. ページの右側のプラスをタッチし、メニューから、「続きのページを作る」を、実行します。ページが複製され、２ページができます。
3. 外からドラッグして、2つの円を選びます
4. 2つの円を移動します
5. 塗り色パレットをタッチして、色を変更しましょう
6. 1ページをタッチして、1ページに移動します
7. 下の図形をタッチして選択します
8. 右側の「＋」ボタンをタッチして、パレットに登録します。
9. 登録したパレットをタッチし、メニューから「ゆっくり動き出すグラフ」を実行します。
10. プレイボタンで再生してみましょう

８．いろいろなグラフの動き方

• グラフがない場合
• ゆっくり動き出すグラフ
• 急に動き出すグラフ
• ぐらぐらするグラフ
• でたらめなグラフ
  

  それぞれをつけた場合の動き方をくらべてみましょう

  

９．動きグラフの複製、修正、追加登録

動きグラフは、普通の図形と同じように、点修正、点の追加削除、複製や登録ができます。

1. 動きグラフは、選択されていないときは小さくなります。タッチして、選ぶことができます
2. 選択枠の中心の「＋」をタッチ、メニューから「複製する」で複製できます。複製されたグラフは、未登録なので赤い線になります。
3. 点の追加削除ボタンをタッチすれば、グラフが拡大され、修正できるようになります。
4. 点を追加して、グラフの形を変えましょう
5. 登録パレットをタッチし、メニューから、「追加登録する」を実行します。複製して変更したグラフが登録され、線の色が青くなります。
6. プレイボタンで再生してみましょう

動きグラフは１つのパレットに１つしか登録できません。いっしょに登録された図形が、動きグラフの形によって、動き方がかわります。複数の動きグラフをつくって、動きを差し替えてみるといった使い方ができます。

10．「ひとコマ」と動きグラフ

• ページの時間をタッチしてメニューから「ひとコマ」を設定すれば、そのページの図形や文字が順番にでてくる、ひとコマアニメーションになりますが、そのときに、動きグラフが使われます。
• そのため自分で登録したパレットと違うパレットに登録され、異なる動きグラフになる場合がありますが、「ひとコマ」機能はそういう仕様になっていますので、ご注意ください。
• ひとコマで作成された動きグラフの形を後から変更することは可能です

ベクトルとビットマップの違い はこちらをご覧ください

---

解説動画の作り方

この記事のひとコマ解説GIFは、フリーソフト9VAeきゅうべえで作成しています。

9VAeきゅうべえのダウンロード

• Android / Chromebook：9VAeきゅうべえAndroid版、9VAeDangla
• iPad / iPhone：9VAeDanga (Apple)、9VAePro (Apple)
• Win / Mac / Linux：無料ソフトでアニメを作ってみよう - Qiita
• Amazon Fire : 9VAeきゅうべえFire版 (Amazon)
• 9VAeのボタン説明、メニュー/キー

↑これを見るとダウンロード、キーフレーム補間、SVGイラストをパーツ化して口パクさせる方法がわかります。パソコンでもiPadでも同じ操作です。

• 9VAeきゅうべえで、キャプチャー画面に、矢印や説明を加え、ページに「ひとコマ」設定すると解説動画が作れます。
• Youtube動画より短く、キャプチャー画面の羅列より見やすいのが特長です。
• FFmpeg を使って Youtube 動画にすることもできます。

画面キャプチャ方法

OS	画面キャプチャ方法	保存先
Windows	Print Screen キー Shift + Windows + S  無料ソフト「kioku」	クリップボード（ペイントに貼り付けて保存）
Mac	Shift + Command + 4 （ShiftキーはZの左、スペースでウィンドウ指定）	デスクトップ
Android	電源 + 音量Down  adbコマンド (開発者向け)  adb shell screencap -p /sdcard/screen.png  adb pull /sdcard/screen.png	フォトアプリ＞ ライブラリ＞ Screenshots
iPhone / iPad	ホームボタン + 電源ボタン サイドボタン + 音量UP	写真＞ アルバム＞ スクリーンショット
Linux Mint	Print Screen キー	クリップボード ファイル
Amazon Fire	電源 + 音量Down １秒長押し USBケーブルでPCと接続し、 設定＞接続デバイス＞USB＞ファイル転送	ピクチャ > スクリーンショット
Chromebook	Shift + Ctrl + ウィンドウ一覧キー（上の中央のキー）	マイファイル > ダウンロード

キャプチャ画像を転送する方法はこちら

キャプチャ画像を9VAeに読みこむ

1. 画像入力ボタン「山」でキャプチャ画像を読み込む
2. 画像の中心の「＋」をクリック。メニューから「ステージの大きさにする」
3. 画像の中心の「＋」をクリック。メニューから「ページを画像に合わせる」

文字、矢印を入れる

1. 文字入力ボタン「A」で数字を入力
2. 角の■をドラッグでサイズ変更。
3. 中心の「＋」または枠線のドラッグで移動
4. 線の種類ボタンをクリック。メニューから「→」で矢印に設定
5. 折れ線ボタンをクリック
6. 開始点
7. 終了点
8. 選択ボタンで入力終了
9. 太さ設定ボタン。メニューから「太くする」で太くできます。
10. 文字入力ボタン「A」で説明文章を入力
11. 背景の色を設定
12. 線の種類メニューの「ー」で枠線がつきます
13. 太さ設定ボタン。メニューから「太くする」で太くできます。

文字の色、縁、影をつける

1. 文字を選ぶ
2. 文字タブ２をクリック
3. 文字の色をクリック
4. 赤に設定
5. 文字と矢印をドラッグして選ぶ
6. 図形タブ１をクリック
7. 線の種類から「縁をつける」
8. 線の種類から「影をつける」、線の種類から「広く」
9. 線の色「赤」

ひとコマアニメーションにする

1. ページ時間をクリック。メニューから「ひとコマ」を設定。これでアニメーションができます。
2. プレイボタンで再生してみましょう。入力した順番に文字、矢印がでてきます。
3. これで１ページ完成です。続きを作りたい場合は、ページの右側の「＋」をクリックし「続きのページを作る」で、２ページ目が作成できます。

アニメGIF、動画出力

• 「ファイルメニュー＞アニメGIF出力」または「動画出力」で、好きなサイズのアニメGIF または MP4動画 が作成できます。
  Win / RaspberryPi / Linux版 でMP4動画を作るには FFmpeg が必要。Youtube解説
• スマホの場合、端末内の「9VAe」フォルダの中に出力されます。フォトアプリで、「端末内の写真＞9VAe」で見ることができます。
• アニメGIFは、背景を透明にできます。音がいれられません。
• MP4動画には音が入れられます。Youtubeに投稿できます。Youtubeに投稿する場合、１秒30コマ、高さ720 または 1080 で出力するとよいでしょう。

9VAeをつかえば素材動画が作れる 

• 9VAeきゅうべえを使えば、オリジナルの素材動画が簡単に作れます。
• Openclipart や  FreeSVG などフリーのSVGイラストをつかって動くキャラクタが作れます。
• 動画編集ソフトで動画に合成できます。

OS	無料動画ソフト	9VAeで作れる素材
Windows	CapCut AviUtl	MP4 連番PNG または MP4
Mac/iPhone/iPad	CapCut iMovie	MP4  MP4
Android	CapCut PowerDirector	MP4 GIF または MP4

作り方

• CapCut用動画素材の作り方

• AviUtl動画に合成する方法 (Windows)

• グリーンバック動画を作成してiMovieに合成する方法 (iPhone/iPad/Mac)

• PowerDirector でグリーンバック動画を入れる方法（Android 他）

• キネマスター用グリーンバック動画を作る方法

• もっと長いアニメを作ることもできます。以下をご覧ください。

9VAeきゅうべえ：長いアニメを作る方法 - Qiita

9VAeきゅうべえに関する質問

• 9VAeに関する質問（Yahoo知恵袋）
• よくある質問（Qiita）
• 本記事の文章、図、アニメは複製自由です。教材、解説記事にご利用ください。