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

![anime3b.gif](https://qiita-image-store.s3.amazonaws.com/0/67734/d051b4d9-5288-aa0e-0847-899c4562837f.gif)



## 9VAe きゅうべえはイラストを動かすソフト

**自分で描いた絵、読み込んだイラストを、自動的に中割りしてくれる**ため、何枚も絵を描かなくてもアニメが作れます。MP4動画、GIFアニメ、SVGアニメ・イラストが作れます。Ver1.0から**９９ページ作れる**ようになりました。


- Win/Mac/Linux版はリンク先右上の ![Untitled.png](https://qiita-image-store.s3.amazonaws.com/0/67734/dbea08ea-33e3-c9f2-aa04-73528cfa0f7f.png) をクリックして**ダウンロード**

|[iOS<br>iPad<br>![qvadanb.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/67734/e6527c3c-7ec3-e357-37c2-2765538e47e0.png)](https://apps.apple.com/jp/app/9vae-iphone/id1482450143)|[Android<br>Chromebook<br>![qvaqva.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/67734/6337d377-d49c-f68e-eff5-89d3bf50487d.png)](https://play.google.com/store/apps/details?id=com.qvae)|[Win<br>![qvaqva.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/67734/6337d377-d49c-f68e-eff5-89d3bf50487d.png)](https://drive.google.com/file/d/1tIuOkL0TNhPaP3UfYl2pI7Cfk49QNfn3/view?usp=drive_link)|[Mac<br>![qvaqva.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/67734/6337d377-d49c-f68e-eff5-89d3bf50487d.png)<br>M1対応](https://drive.google.com/file/d/13yLPjYXv_fSH1MeSMfhyf_x7c3D02hJS/view?usp=drive_link)|[Raspberry Pi<br>![qvaqva.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/67734/6337d377-d49c-f68e-eff5-89d3bf50487d.png)](https://drive.google.com/file/d/1HxKGRhI-v4F4Io3PShy8KVtLqSnNEcCy/view?usp=drive_link)|[Ubuntu<br>32bit<br>![qva32b.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/67734/580af743-7e1c-7a04-2966-470f4a33537c.png)](https://drive.google.com/file/d/1VebfBt-0LsnfN7J4q6Nbv_wMOd5PpBIM/view?usp=sharing)|
|:--:|:--:|:--:|:--:|:--:|:--:|
|[9VAePro<br>![qvapro64.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/67734/46826bc3-250a-5133-f827-3a4d086e2f4d.png)<br>* 599<br>Page](https://apps.apple.com/jp/app/9vaepro/id1493183090)|[Amazon<br>Fire<br>![qvaqva.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/67734/6337d377-d49c-f68e-eff5-89d3bf50487d.png)](https://www.amazon.co.jp/dp/B082MYHTT7/ref=sr_1_1)|上が<br>見えない<br>場合は<br>Vector<br>↓|[古いMac版<br>10.7-10.11](https://drive.google.com/file/d/1QTwckowY7DTdbxPFtVW-OA4IR0umaYjw/view?usp=sharing)||[Ubuntu<br>64bit<br>![qva64b.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/67734/e3edbeac-ece0-c506-e02f-cf5e0f5dd04e.png)](https://drive.google.com/file/d/1H6UkwUNdjTAX6_IvbFmkvXAHot6ASC5y/view?usp=sharing)|
||[Android<br>Chromebook<br>![qvadanb.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/67734/e6527c3c-7ec3-e357-37c2-2765538e47e0.png)](https://play.google.com/store/apps/details?id=com.qvaDangla)|[Win<br>(Vector)](https://www.vector.co.jp/soft/dl/winnt/art/se515201.html)<br>|[Mac<br>(Vector)](https://www.vector.co.jp/soft/dl/mac/art/se515202.html)|[RaspberryPi<br>(Vector)](https://www.vector.co.jp/soft/other/other/se515318.html)|[安全性<br>は？](https://www.vector.co.jp/info/vtest.html)|


| [インストール方法＞](https://qiita.com/danjiro/items/1debda10c37fd8a55927)|[windows](https://qiita.com/danjiro/items/1debda10c37fd8a55927#windows%E7%89%889va-win)|[Mac](https://qiita.com/danjiro/items/1debda10c37fd8a55927#mac%E7%89%889va-mac)|[Pi](https://qiita.com/danjiro/items/1debda10c37fd8a55927#raspberry-pi%E7%89%889va-pi)|[Linux](https://qiita.com/danjiro/items/1debda10c37fd8a55927#ubuntu--linux-mint--xtra-pc-%E7%89%889va-pi)|
|:--:|:--:|:--:|:--:|:--:|
|[●アニメの作り方](https://dnjiro.hatenablog.com/archive/category/%E3%82%A2%E3%83%8B%E3%83%A1%E3%81%AE%E4%BD%9C%E3%82%8A%E6%96%B9)|[ボタン説明](https://qiita.com/danjiro/items/ea71567fa8c313f6f3fc)|[メニュー<br>キー](https://9vae.blogspot.com/p/scl0mnu.html)|[9VAe質問](https://chiebukuro.yahoo.co.jp/search?p=9vae)|[だんグラ](https://dangla.jp/)|
|動画出力|[ffmpeg](https://youtu.be/Lc5-ac01n6w)|〇|→|[ffmpeg](https://youtu.be/Lc5-ac01n6w)|
|しゃべる|[SofTalk](https://youtu.be/0k9bAN4Jge4)|〇|→|[OpenJTalk](https://youtu.be/Khx31_0IWcE)|

本記事の内容

* **9VAeきゅうべえは、Ver.1 から ９９ページ** 作れるようになりました。
* この記事では、9VAeきゅうべえを使って１００ページ以上の長いアニメーションを作る方法を説明します。

- [「長い動画を作る方法」はこちら](https://qiita.com/danjiro/items/020cd885edb5eb3d9fb0#%EF%BC%959vae%E3%82%92%E5%8B%95%E7%94%BB%E3%81%AB%E3%81%97%E3%81%A6%E5%90%88%E6%88%90%E3%81%99%E3%82%8B) をご覧ください。



---
# 9VAeきゅうべえを使って長いアニメを作る方法
#１．短い時間の繰り返しはアニメキャストにする
- 鳥がはばたくとか、人が走るとか、繰り返しのアニメーションは、[アニメキャスト(部品アニメーション)](http://qiita.com/danjiro/items/ec174df989af8db42da4)にします。

- 人が歩くアニメを作る場合、交互に足を出しながら前に移動させていくと、何ページも消費してしまいます。
その場合、人は動かさずに、足だけ交互に動かすアニメを作成し、いったん保存します。
- それを別の 9VAeきゅうべえに読み込めば、足が交互に動くアニメが１つの図形のようになってページの中にはいります。
- これを次のページにコピーし、前に移動させれば、２ページで歩きながら進むシーンを表現できます。
- [アニメキャストについてはこちらの説明](http://qiita.com/danjiro/items/ec174df989af8db42da4)もご覧ください。9VAeきゅうべえのヘルプメニュー＞サンプル＞リミックス、で、アニメキャストのサンプルが見えます。

#２．複数の9VAeアニメを１本にまとめる


## 2-1 複数のアニメを切り替える方法
- 9VAeきゅうべえは複数のアニメを同時に編集できます。同時に開いたアニメは「9VA」ボタンで切り替えます。<br>![long9va01.png](https://qiita-image-store.s3.amazonaws.com/0/67734/3f8b23fe-d7f9-c4fd-2496-fcd6fd99867d.png)

- 「9VA」ボタンＡをクリックして表示されるポップアップメニューの下の部分Ｂにファイル名が表示されます。これをクリックすれば、そのファイルに切り替えできます。

## 2-2 アニメキャストを使った長いアニメの作り方

アニメキャストの仕組みを使えば複数の9VAeアニメをいくつでもつなげられます。例として9VAeのサンプルに付属しているKomoriのアニメーション９本を１本にまとめてみましょう。

1. 新しいアニメを開く
2. 「9VA」ボタン（上図Ａ）をクリック＞「9VAアニメを入れる」をクリック
3. 9vaフォルダの中の 「example」フォルダ＞「komo_island」フォルダの中の
「00title.eva」 を開く<br>これで、9VAeアニメがひとつ１ページに入ります。これをアニメキャストと呼びます。

- １ページの時間が１秒なので、このままではアニメがすぐ終了します。00title.eva を全部再生するように、１ページの時間を長くします。

![long9va04b.png](https://qiita-image-store.s3.amazonaws.com/0/67734/e89b3f64-fd47-71f2-c653-b7267e78116e.png)


次のような操作になります。

1. アニメキャストが選ばれていることを確認
-  １ページの上の時間「１秒」Ｉをクリック＞メニューの一番下の「11.5秒(アニメキャストの時間)」をクリック。<br>１ページの時間が11.5秒になります。（アニメキャストが１つ選ばれているときにそのアニメキャストの時間が表示されます。Ver.0.5.2以降）

他のサンプルアニメをつなげてみましょう。

2. ページの右側の「＋」Ｊをクリック＞「空白ページを作る」をクリック<br>空の２ページ目ができます。時間は直前のページの時間11.5秒になります。
3. 「9VAe」ボタンＫをクリック＞「9VAアニメを入れる」をクリック<br>次のサンプルアニメ（01sharks.eva ）を開く
9. ２ページの上の時間「11.5秒」をクリック＞メニューの一番下「13秒(アニメキャストの時間)」をクリック<br>これで２ページの時間がアニメキャストの時間（13秒）になります。

同様に、３、４、５、６、７、８、９ページを入れてみましょう。各ページのアニメと再生時間は次のようになります。

|ページ|アニメ|時間|ページ数|
|:--:|:--:|:--:|:--:|
|1|00title.eva|11.5秒|2|
|2|01sharks.eva|13秒|6|
|3|02ice.eva|11.5秒|6|
|4|03octopus.eva|9.75秒|4|
|5|04torpede.eva|18秒|6|
|6|05crab.eva|13.5秒|6|
|7|06birds.eva|18秒|6|
|8|07airplane.eva|27秒|6|
|9|08fishing.eva|9秒|6|
|合計||131.25秒|48|

## 2-3 ページサイズの設定
サンプルのアニメは 512x386ですので、画面サイズをそのように設定します。

1. メニューバー＞「ページ」＞「ページ設定」をクリック
2. 512x386に設定し「OK」をクリック

![long9va05.png](https://qiita-image-store.s3.amazonaws.com/0/67734/2ecc47a3-3a4d-c10b-2e41-76ab3985a8c3.png)

全体の時間を調べてみましょう。
1. 最後のページの時間Ｌをクリック
2. メニューの一番上Ｍにカーソルを移動(クリックはしない)
3. 131.25秒のアニメになりました（上図Ｎ）。

これを応用し、９×９ページのアニメをさらに９個結合すれば、
９×９×９=729

さらに繰り返せば
９×９×９×９=6561
・・・
ページのアニメを作成することが可能です。

# ３．9View ビュアならフォルダにいれるだけ

- パソコン版 9VAeに付属している**ビュア 9View**を使えば、まったく手間をかけずに、いくらでも長いアニメが作れます。



- 9View の上にアニメがはいったフォルダをドラッグすれば、フォルダの中のアニメをファイル名の順につなげて再生します。（※ラズベリーパイ/Ubuntuなど、Linuxの場合は、ビュアプログラム 9viewをアニメのフォルダの中に入れておき、ダブルクリックしてください。）
- ※※スマホ版にはこの機能はありません。

Komoriのアニメーションを例にとれば
komo_islandというフォルダを、9VAeプログラムの上にドラッグすればフォルダの中のアニメを1本につなげて再生します。

- １本のアニメが小さいので読み込みは高速で遅延がほとんどありません。フォルダの中にアニメを入れさえすればいくらでも長いアニメを作れます。
- ファイル名順に再生するため、ファイル名の変更でアニメの順番を入れ替えできます。つまりフォルダの操作で編集ができます。
- 複数のメンバーが分担して同時に別々の部分のアニメを制作することができます。

# ４．アニメGIF出力して PowerPointでまとめる
- 9VAeきゅうべえのファイルメニューからアニメGIF出力し、PowerPointの各ページにアニメGIFを入れれば、１本のアニメーションのように再生させることができます。
- こちらに例があります。[PowerPointにアニメを入れる（9VAeきゅうべえアニメ研究所）](http://9vae.blogspot.jp/p/powerpoint.html)


# ５．9VAeをMP4動画にして合成する

9VAeを動画出力し、動画ソフトで１本の動画にまとめるという方法もあります。

1. 9VAe mac版 、 iPhone/iPad/Android版 なら、ファイルメニューから MP4動画を直接出力できます。
1. Windows版、Linux版は、[FFmpegがを利用してMP4動画出力](https://dnjiro.hatenablog.com/entry/2022/01/12/081725)できます。
1. 以下のような動画編集ソフトで、動画をつなげていけば長い動画が作れます。音や音楽も入れられます。


|OS|フリーソフト|9VAeで作成した素材動画|
|:--:|:--:|:--:|
|Windows|[AviUtl](http://qiita.com/danjiro/items/13a247748f3097c2c055)|連番PNG または MP4 ([FFmpeg](https://dnjiro.hatenablog.com/entry/2022/01/12/081725))|
|Mac/iOS|[iMovie](https://www.apple.com/jp/imovie/)|MP4 または　QuickTime(古いMac)|
|Android|[CapCut](https://dnjiro.hatenablog.com/entry/capcut2)|MP4|

この方法で、Youtube動画が作成できます。

- [AviUtl動画に合成する方法 (Windows)](https://qiita.com/danjiro/items/13a247748f3097c2c055)
- [グリーンバック動画を作成してiMovieに合成する方法 (iPhone/iPad/Mac)](https://dnjiro.hatenablog.com/entry/2020/01/20/064450)
- [CapCut 用動画素材の作り方](https://dnjiro.hatenablog.com/entry/capcut)
- [PowerDirector でグリーンバック動画を入れる方法（Android 他）](https://dnjiro.hatenablog.com/entry/2020/03/05/105611)




# ６．まとめ
以上のように、9VAeきゅうべえは長いアニメを作る方法がいくつかあります。用途に応じて使い分けてください。

- ワークショップなど、9View で再生できる場合は、これがもっとも簡単です。
- プレゼンに使う場合は、PowerPointにまとめるのもよいでしょう。
- アニメキャストを使えば、１本の長いアニメが作れます。
- 動画編集ソフトで合成すれば、Youtube動画が作れます。



---
# 関連記事

## 9VAeきゅうべえ のご紹介

1. [無料ソフトでアニメを作ってみよう（9VAe きゅうべえ）](http://qiita.com/danjiro/items/253e5a33a38599098274)
2. [インストール方法](http://qiita.com/danjiro/items/1debda10c37fd8a55927)
3. [スクラッチ、ビスケットの次は 9VAe＝第３のプログラミング学習環境](http://qiita.com/danjiro/items/d856d393b3e138af123a)
4. [9VAeきゅうべえを無料にする理由](https://qiita.com/danjiro/items/c68dfd4942df97dbaaf4)
4. [よくある質問](http://qiita.com/danjiro/items/205efee350bfbbef488e)
5. [印刷用マニュアル](http://qiita.com/danjiro/items/1ca2ff3eb0a2d6f98842)
- [質問(Yahoo知恵袋)](https://chiebukuro.yahoo.co.jp/search/?p=9vae&flg=3&class=1&ei=UTF-8&fr=common-navi)


## 9VAeきゅうべえの使い方 初級編
1. [9VAe チュートリアル（１）ー画面の説明](http://qiita.com/danjiro/items/ea71567fa8c313f6f3fc)
2. [9VAe チュートリアル（２）ー図形入力、選択、移動、サイズ変更](http://qiita.com/danjiro/items/7507cd9f4c19197f21ea)
3. [9VAe チュートリアル（３）ーアニメキャストを作る、時間調整](http://qiita.com/danjiro/items/ec174df989af8db42da4)
4. [9VAe チュートリアル（４）ーアニメキャストの修正、往復](http://qiita.com/danjiro/items/70cfb20980fee4fdd245)
5. [9VAe チュートリアル（５）ー動きグラフ、ページコピー、GIF作成](http://qiita.com/danjiro/items/ffa863d303eb7d640d10)
6. [書き順アニメーションの作り方](http://qiita.com/danjiro/items/8dd0d7c7263f62189437)
7. [9VAeきゅうべえ：長いアニメを作る方法](http://qiita.com/danjiro/items/020cd885edb5eb3d9fb0)
## 9VAeきゅうべえ 中級編
1. [アニメの作り方](http://dnjiro.hatenablog.com/archive/category/%E3%82%A2%E3%83%8B%E3%83%A1%E3%81%AE%E4%BD%9C%E3%82%8A%E6%96%B9)


## 9VAeきゅうべえ 上級編
1. [動くLINEスタンプのAPNG作成：無料ソフト9VAeきゅうべえ](http://qiita.com/danjiro/items/e4d9eb2b22f90ebd1e91)
2. [萌えキャラ デジたんを目ぱちさせるまで：APNGアニメの作り方](http://qiita.com/danjiro/items/67af46418b4831cda10b)
2. [openclipartの無料イラストをアニメ化する６つの手順](http://qiita.com/danjiro/items/161fc6bb0dc7aaa4f76d)
2. [イラストから動くLINEスタンプのようなアニメを簡単に作る方法](http://qiita.com/danjiro/items/f7ffcf5027babf3b03e9)
4. [Openclipart の 無料SVG をアニメにするテクニック](http://qiita.com/danjiro/items/1fcdd55a346d30b40b5e) 
5. [無料アニメソフト9VAeきゅうべえの裏技集](http://qiita.com/danjiro/items/6ce85f33bcda11c04f71)


## 9VAeきゅうべえ サンプル作品
1. [9VAeきゅうべえ」で絵を描かずに作れるGIFアニメ](http://qiita.com/danjiro/items/7fa584a4336cda9c0a05)


## 9VAeきゅうべえ 技術資料
1.  [アニメソフト 9VAe をカスタマイズする方法](http://qiita.com/danjiro/items/c5dc07671ffdbbb8a9a9)
2.  [イラストレータのデータを 9VAe(きゅうべえ)に変換する方法](http://qiita.com/danjiro/items/f1ad02d25196ed90fe6f)
3. [9VAe / 9svg データフォーマット解説](http://qiita.com/danjiro/items/0d4ac334a7a97ddb4fe2)