アニメーション制作の便利ツール：9VAeきゅうべえの制御命令とラベル

無料アプリ9VAeきゅうべえは、なめらかに動くアニメを作るために、他のアプリにない制御命令やラベルを持っています。実際の操作で説明します。Youtubeで見たいひとはこちら。いらすとやを動かす方法はこちら。しゃべる解説はこちら。

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

内容：

• １．9VAeきゅうべえのダウンロード
• ２．往復の使い方
  • 往復を入れる
  • アニメキャストに往復を入れる
• ３．繰り返しの使い方
• ４．繰り返しの範囲指定
• ５．繰り返しの回数指定
• ６．ページにラベルをつける
  • ラベルの作り方、ラベル一覧
• ７．時間を指定してジャンプ
  • タイマージャンプ
• ８．アニメに画面タッチをつける
  • クリックで進むボタン
  • クリックでジャンプするボタン
  • ジャンプ先のラベル指定
• ひとコマ解説動画の作り方
  • 9VAeきゅうべえのダウンロード
    • 画面キャプチャ方法
    • キャプチャ画像を9VAeに読みこむ
    • 文字、矢印を入れる
    • 文字の色、縁、影をつける
    • ひとコマアニメーションにする
    • アニメGIF、動画出力
  • 9VAeをつかえば素材動画が作れる 
  • 9VAeきゅうべえに関する質問

 

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

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

• Win / Mac / Linux：9VAeきゅうべえダウンロード
• iPad / iPhone：9VAe iPad版 、9VAeDanga 、9VAePro (599ページ)
• Android / Chromebook：9VAeきゅうべえAndroid版、9VAeDangla
• Amazon Fire :
• 9VAeのボタン説明、メニュー/キー

操作方法

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

２．往復の使い方

鳥が羽ばたくとか、呼吸とか、口パクとか、形が往復するアニメは、「往復」命令をつかうと簡単につくれます

往復を入れる

1. 塗り色のある四角形のボタンをタッチし、
2. ドラッグして、四角形をかきます
3. ページの右側の「＋」をタッチし、メニューから、「続きのページを作ります」。１ページの内容と同じ２ページができます
4. 四角をタッチして選択し、
5. 上の辺のハンドルをドラッグして、画面の下に縮小します
6. 1ページをタッチして、1ページに移動します。
7. ページの左上をタッチし、「往復」をタッチします
8. 「往復」命令が、1ページにはいります
9. プレイボタンで動きを見てみましょう。1ページと2ページの間を往復します
10. アニメをとめるには、■「停止」ボタンを押します

アニメキャストに往復を入れる

アニメキャストの中に往復をいれれば、動く部品になります

1. 塗り色のある円のボタンをタッチし、
2. ドラッグして、円をかきます
3. 記憶ツールの上の「X↓」ボタンでカットし、円を記憶ツールにいれます
4. 下の「←ｑ」ボタンでアニメキャストにします。名前は適当でかまいません。円がアニメキャストになってはいります
5. アニメキャストの選択枠中心の「＋」をタッチし、「アニメを修正」を実行して、アニメの中を開きます
6. ページの右側の「＋」をタッチし、メニューから、「続きのページを作ります」。１ページの内容と同じ２ページができます
7. 円をタッチして選択し、
8. 角のハンドル■をドラッグして、拡大します
9. 1ページをタッチして、1ページに移動します。
10. ページの左上をタッチし、「往復」をタッチします。「往復」命令がはいります。
11. 画面の上の一番左のアニメの名前をタッチし、メニューから、「このアニメにもどる」を実行します
12. ページの時間を5秒にして、
13. プレイボタンで動きを見てみましょう。

３．繰り返しの使い方

動きが連続するアニメは「繰り返し」命令で簡単に作れます

1. 塗り色のある四角形のボタンをタッチし、
2. ドラッグして、画面の上のほうに四角形をかきます
3. ページの右側の「＋」をタッチし、メニューから、「続きのページを作り」ます。１ページの内容と同じ２ページができます
4. 四角をタッチして選択し、
5. 中心の「＋」プラスをドラッグして、画面の下に移動します
6. 1ページをタッチして、1ページに移動します。
7. ページの左上をタッチし、メニューから「繰り返し」をタッチします
8. 「繰り返し」命令が、1ページにはいります
9. プレイボタンで動きを見てみましょう。1ページと2ページの間を繰り返します
10. アニメをとめるには、■「停止」ボタンを押します

４．繰り返しの範囲指定

「繰り返し」命令を前後のページにリンクコピーすれば繰り返し範囲を広げられます

1. （上の続きをつくります）2ページをタッチして、2ページに移動します。
2. 塗り色のある四角形のボタンをタッチし、
3. ドラッグして、左側に四角形をかきます
4. ページの右側の「＋」をタッチし、メニューから、「続きのページを作ります」。2ページの内容と同じ3ページができます
5. 四角をタッチして選択し、
6. 中心の「＋」をドラッグして、画面の右に移動します
7. 1ページをタッチして、1ページに移動します。
8. 「繰り返し」命令を、タッチして選び、
9. 中心の「＋」をタッチして、次ページに「リンクコピー」を実行します。「繰り返し」命令が 、2ページにリンクコピーされます。これで繰り返し範囲が、1から3ページ（の直前）になります。リンクコピーボタン「←□」「□→」も同じです。
10. プレイボタンで動きを見てみましょう。1ページから3ページの間を繰り返します
11. アニメをとめるには、■「停止」ボタンを押します

５．繰り返しの回数指定

「繰り返し」や「往復」命令を選んで、中心の「＋」メニューで回数を設定できます

1. ヘルプメニューをタッチして、サンプルアニメの、「カニとたたかう」を開きましょう
2. 5ページをタッチして、5ページに移動します。ここに３回の繰り返し命令がはいっています。回数を変更するには次のようにします
3. 「繰り返し」命令をえらび、
4. 中心の「＋」をタッチすれば、回数が変更できます。０回にすれば、無制限に繰り返します
5. プレイボタンで動きを見てみましょう。繰り返しを無制限にしたので、ぬりつぶしがない状態を繰り返します。
6. アニメをとめるには、■「停止」ボタンを押します

６．ページにラベルをつける

• 9VAeは、ページにすきなラベル（文字列）をつけることができます。
• アニメをいくつかのシーンにわけてつくる場合、シーンの先頭ページにラベルをつけておけばわかりやすく、ラベル一覧から簡単に移動できます。
• ラベルは、制御命令のジャンプ先を指定する目的でもつかわれます
• ページにラベルをつけると、ページの左肩にラベルの先頭の文字がつきます

ラベルの作り方、ラベル一覧

1. ヘルプメニューをタッチして、サンプルアニメの、「カニとたたかう」を開きましょう
2. 7ページの左の上をタッチして、「ラベル入力」を実行します。「塗りあり」と入力 します。7ページに、「塗りあり」というラベルがつきます。
   どのページでも好きなラベルがつけられますが、同じラベルをつけると、赤い文字で注意されます
3. 現在のページでないページの左上を、タッチすれば、「ラベル一覧」のリストが表示されます。
4. （先頭ページ）をタッチすれば、先頭ページに移動します
5. 現在の ページの左上を、タッチすれば、往復や繰り返し命令を入力するメニューが表示されます。
6. 現在のページでないページの左上を、タッチすれば、「ラベル一覧」のリストが表示されます。
7. 「塗りあり」をタッチすれば、「塗りあり」ラベルのページに移動します

７．時間を指定してジャンプ

タイマージャンプ

ラベルとタイマージャンプを使えば、無限ループから特定の時間に指定したページにジャンプできます。音楽にあわせて次のシーンにうつるときにも使えます。

1. ヘルプメニューをタッチして、サンプルアニメの、「カニとたたかう」を開きましょう
2. 7ページの左の上をタッチして、「ラベル入力」を実行します。「塗りあり」と入力 します。7ページに、「塗りあり」というラベルがつきます。
3. 「＜＜」ボタンで、先頭ページに移動します
4. 「繰り返し」命令をえらび、
5. 中心の「＋」をタッチして、０回（無制限）にします。
6. 現在の ページの左上を、タッチして、
7. 命令を入力するメニューから、「タイマージャンプ」を入力します
8. 分岐する時間を、10秒にします。「タイマージャンプ」がはいります
9. プレイボタンで動きを見てみましょう。繰り返しのループから、正確に10秒たつと、次のラベル「塗りあり」にジャンプします

８．アニメに画面タッチをつける

クリックで進むボタン

9VAeのページにクリックで進むボタンをいれると再生が一時停止します。設定した場所をクリックすると次のページから再生します

1. 文字入力ボタンをタッチし、
2. 文字、A、B、Cをかきます。中心の「＋」をドラッグして、場所を移動します
3. ページの右側の「＋」をタッチし、
   メニューから、「続きのページを作る」を実行
4. もういちど「続きのページを作る」を実行します。＿1ページと同じ内容の、
   2ページ、3ページができます。
5. 文字 cをタッチして選択し、
6. 角のハンドル■をドラッグして、拡大します
7. 2ページをタッチして、2ページに移動。
8. 文字 Bをタッチして選び、
9. 角のハンドル■をドラッグして、拡大します
10. 1ページをタッチして、1ページに移動。
11. Aをタッチして選び、
12. 角のハンドル■をドラッグして、拡大します
13. 1ページの左上をタッチし、「クリックで進むボタン」をタッチします。
14. クリックで進むボタンの角のハンドル■をドラッグして、縮小し、文字 Bのうえに移動します。
15. 次ページにリンクコピー「□→」で、2ページに、ボタンをコピーします
16. 2ページの、クリックで進むボタンをドラッグして、文字 C のうえに移動します
17. 次ページにリンクコピー「□→」をタッチし、3ページにクリックで進むボタンをコピーします
18. 3ページの、クリックで進むボタンをドラッグして、右下に移動します
19. プレイボタンで動きを見てみましょう。クリックで進むボタンがあると、そのページで停止します
20. プレイすると1ページでとまります。クリックで進むボタンがある、文字 Bをタッチすれば、2ページに移動します
21. 文字 C をタッチすれば、3ページに移動します
22. 右下すみをタッチすれば、終了します

クリックで進むボタンがはいっていても下の場合はとまりません

• アニメキャストは動き続けます
• ページを「ひとこま」の場合、１回だけ再生してからとまります

クリックでジャンプするボタン

クリックでジャンプするボタンをクリックすると、前のラベルに戻ります。上の作業のつづきから実行します

1. 3ページの左上をタッチし、「クリックでジャンプするボタン」をタッチします。「前のラベル」とかかれたボタンがはいります。
2. ドラッグして、文字 Bのうえに移動します。
3. 2ページをタッチして2ページに移動します
4. 2ページの左上をタッチし、「クリックでジャンプするボタン」をタッチします。「前のラベル」とかかれたボタンがはいります。
5. ドラッグして、文字 Aのうえに移動します。
6. 1ページの左上をタッチし、ラベル入力から「A」を入力します
7. 2ページの左上をタッチし、ラベル入力から「B」を入力します
8. 3ページの左上をタッチし、ラベル入力から「C」を入力します
9. プレイボタンで動きを見てみましょう。
   クリックで進むボタンは次のページに、ジャンプするボタンは、指定したラベルに移動します
10. プレイすると1ページでとまります。クリックで進むボタンがある文字 Bをタッチすれば、2ページBに移動します
11. 文字 Cをタッチすれば、3ページCに移動します
12. Bをタッチすれば、前のラベルBにもどります
13. 文字 Aをタッチすれば、前のラベルAに もどり ます

ジャンプ先のラベル指定

クリップでジャンプするボタンのジャンプ先にラベル名を指定できます。

1. 1ページをタッチし、1ページに移動。
2. 1ページの左上をタッチし、「クリックでジャンプするボタン」をタッチします。「前のラベル」とかかれたボタンがはいります。
3. ドラッグして、文字 Cのうえに移動します。
4. 中心の「＋」をタッチして、「ラベル名指定」で、「C」にします。ボタンのジャンプ先が「C」にかわります。
5. 3ページをタッチして、3ページに移動します
6. 3ページの左上をタッチし、「クリックでジャンプするボタン」をタッチします。「前のラベル」とかかれたボタンがはいります。
7. ドラッグして、文字 Aのうえに移動します。
8. 中心の「＋」をタッチして、「ラベル名指定」で、「A」にします。ボタンのジャンプ先がAにかわります。
9. プレイボタンで動きを見てみましょう。クリックで進むボタンは次のページに、ジャンプするボタンは、指定したラベルに移動します
10. プレイすると1ページでとまります。文字 Cをタッチすれば、3ページ、ラベルcに移動します
11. Aをタッチすれば、ラベルAにもどります。文字をタッチして、その文字にジャンプするか、確かめましょう

 

 

---

ひとコマ解説動画の作り方

この記事の動画は、無料ソフト9VAeきゅうべえで作成しています。Youtube動画とアニメGIFやAPNGを同じデータから作れるので便利。スマホでできる。

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

• Android / Chromebook：9VAeきゅうべえAndroid版、9VAeDangla
• iPad / iPhone：9VAeDanga (Apple)、9VAePro (Apple)
• Win / Mac / Linux：9VAeきゅうべえダウンロード
• Amazon Fire :
• 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）
• 本記事の文章、図、アニメは複製自由です。教材、解説記事にご利用ください。