AviUtl 用動画素材が簡単に作れる無料ソフト：9VAeきゅうべえ

# はじめに
 
- Windowsで動画編集を行えるフリーソフト、AviUtl と [9VAeきゅうべえ](http://qiita.com/danjiro/items/253e5a33a38599098274) を使って、アニメーション動画を作る方法を解説します。
- [9VAeきゅうべえ](http://qiita.com/danjiro/items/253e5a33a38599098274)でアニメのカットを作成し、AviUtlで編集すれば、簡単にアニメーション制作ができます。AviUtlを使えば、ビデオ撮影した動画に[アニメーションや文字テロップを合成](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)できます。9VAeは下のような動画素材を簡単に作成できます。AviUtlを使えば9VAeではできない文字や画像の回転や様々な効果がつけられます。
![crab-win.2.gif](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/67734/562a4c8a-de57-47d1-6b53-e3a2d28a9ea1.gif)


- AviUtlは、Windows専用です。Mac/iPhone/iPad の場合は[こちら(iMovie)](https://dnjiro.hatenablog.com/entry/2020/01/20/064450) 、Android/Chromebook の場合は[こちら(CapCut) ](https://dnjiro.hatenablog.com/entry/capcut),[(PowerDirector)](https://dnjiro.hatenablog.com/entry/2020/03/05/105611)をご覧ください。
- AviUtlと9VAeを使った[動画作成例はこちら](https://w.atwiki.jp/9vae/pages/11.html#AviUtl)。[9VAeの質問はこちら](https://chiebukuro.yahoo.co.jp/search?p=9vae)

内容：
- [AviUtl ダウンロード](https://qiita.com/danjiro/items/13a247748f3097c2c055#%EF%BC%91aviutl-%E3%81%AE%E3%82%A4%E3%83%B3%E3%82%B9%E3%83%88%E3%83%BC%E3%83%AB)
- [9VAe ダウンロード](https://qiita.com/danjiro/items/13a247748f3097c2c055#%EF%BC%92%E3%82%A2%E3%83%8B%E3%83%A1%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3%E3%83%84%E3%83%BC%E3%83%AB%E3%81%AE%E3%82%A4%E3%83%B3%E3%82%B9%E3%83%88%E3%83%BC%E3%83%AB)
- [AviUtl 動画出力(AVI)](https://qiita.com/danjiro/items/13a247748f3097c2c055#%EF%BC%94aviutl-%E3%81%A7%E5%8B%95%E7%94%BB%E5%87%BA%E5%8A%9B%E3%82%82%E3%81%A3%E3%81%A8%E3%82%82%E7%B0%A1%E5%8D%98%E3%81%AA%E4%BE%8B)
- [AviUtl 拡張編集](https://qiita.com/danjiro/items/13a247748f3097c2c055#%EF%BC%95aviutl-%E3%81%A7%E5%8B%95%E7%94%BB%E7%B7%A8%E9%9B%86%E6%8B%A1%E5%BC%B5%E7%B7%A8%E9%9B%86%E3%82%92%E4%BD%BF%E3%81%A3%E3%81%9F%E4%BE%8B)
- [AviUtl 動画出力(MP4)](https://qiita.com/danjiro/items/13a247748f3097c2c055#5-5-mp4%E5%8B%95%E7%94%BB%E5%87%BA%E5%8A%9B)




# １．AViUtl のインストール

## 1-1 ダウンロード
- [「AviUtlの易しい使い方」](http://aviutl.info/intro/)を参照して、プログラムをダウンロード。入手先と最低限必要なファイルは以下(2021.7.1時点)

|項目|名前|ダウンロード|ファイル|
|:--|:--|:--|:--|
|本体|AviUtl|[AviUtlのお部屋](http://spring-fragrance.mints.ne.jp/aviutl/)|aviutl110.zip|
|拡張機能|拡張編集Plugin|[AviUtlのお部屋](http://spring-fragrance.mints.ne.jp/aviutl/)|exedit92.zip|
|入力プラグイン|L-SMASH Works|[RePOPn](https://pop.4-bit.jp/?page_id=7929)|L-SMASH_Works_r940_plugins.zip(release1)|
|出力プラグイン|・x264GuiEx<br> ・x265GuiEx（重い）|[rigayaの日記兼メモ帳](https://rigaya34589.blog135.fc2.com/)|・x264guiEx_3.13.zip <br> ・x265guiEx_3.101_7zip.7z（重い）<br>ファイルを右ボタンクリック＞ダウンロード|

## 1-2 ダウンロードしたファイルを展開

- **AviUtlはインストーラがなく、圧縮されたファイルを展開する** （フォルダに戻す）だけです。場所はどこでもかまいません（デスクトップとかダウンロードの中とか）。
- ダウンロードするときに「開く」か「保存」か尋ねられたら「保存」を実行するとよいでしょう。ダウンロードがはじまらない場合、ダウンロードしたいファイルを右ボタンでクリックするとメニューに「ダウンロード」が表示されることがあります。
- ダウンロードした場所がわかったら、そのファイルを右ボタンでクリックし「すべて展開（または解凍）」をクリックしてください。


**右ボタンメニューに「全て展開」がない場合**は[こちらの記事](https://www.keisan-navi.com/post-994)を参考に、右ボタン「プロパティ」から「プログラム」を「変更」ボタンで「エクスプローラ」に変更してみてください。

**ダウンロード場所**は、ブラウザの種類や設定によって異なります。「ダウンロード」や「Download」の場合や、自分で指定する場合があります。自分で指定する場合は、デスクトップなどわかりやすい場所にするとよいでしょう。

- Edgeの場合、セキュリティスキャンが実行されたあと「ダウンロードが終了しました」が画面の下か上に表示されます。「ダウンロードの表示」をクリックし、「フォルダを開く」をクリックすれば保存フォルダが開きます。 

- Internet Explorerの場合、「開くかまたは保存しますか」が表示された場合「保存」ボタンをクリックします。ダウンロードが完了したら「フォルダを開く」ボタンをクリックすれば保存フォルダが開きます。 

- Chromeの場合、画面の左下にダウンロードファイルが表示されます。右側の「＾」ボタンをクリックし「フォルダを開く」をクリックすれば保存フォルダが開きます。

- Firefoxの場合、右上の「↓」ボタンをクリックし右側の「保存フォルダを開く」ボタンをクリックすれば、保存フォルダが開きます。




## 1-3 インストール

1. **「AviUtl」を展開したフォルダの中に「拡張編集Plugin(exedit92)」を展開した中身をコピー**します。
2. x264GuiEx を解凍し、auo_setup.exe を実行して先に出力プラグインを入れます。(追記：ZIPの中身をAviUtlフォルダにコピーする方法に変わったみたいです。) x264GuiExの導入に失敗した場合、AviUtlフォルダを削除し、「AviUtl」＞「拡張編集Plugin」＞「x264GuiEx」の順番にやりなおすとうまくいきました。
- **「plugins」フォルダを作成**し、入力プラグインL-SMASH Worksを入れます。

|プラグイン|インストール方法|
|:--|:--|
|x264GuiEx|(1) **ネットワーク接続を確認**<br>(2) auo_setup.exe を実行<br>(3) AviUtlのフォルダを指定、「次へ」ボタンをクリック<br>(*)ZIPの中身をAviUtlフォルダにコピーする方法に変わりました|
|L-SMASH Works|(1)「AviUtl」を展開したフォルダの中に**「plugins」フォルダを作成**。（右ボタンメニュー＞「新規作成」＞「フォルダ」＞「plugins」と名前をつける「s」を忘れずに）<br>(2)「lwcolor.auc」「lwdumper.auf」「lwinput.aui」「lwmuxer.auf」の4つを「plugins」にコピー|

# ２．アニメーションツールのインストール

9VAeは動画素材が簡単につくれます。[口パク動画](https://dnjiro.hatenablog.com/entry/twitter)や、[矢印に動きをつけたり](https://dnjiro.hatenablog.com/entry/2020/02/03/144517)、[イラストを動かしたり](https://dnjiro.hatenablog.com/entry/illust)できます。

## 9VAeきゅうべえ(9va-win) ダウンロード

| [9va-win ダウンロード](https://drive.google.com/file/d/1tIuOkL0TNhPaP3UfYl2pI7Cfk49QNfn3/view?usp=drive_link)|
|:--:|




1. 上のダウンロード URL をクリックし、表示されたページの一番上にあるダウンロードボタン[![gdownload.png](https://qiita-image-store.s3.amazonaws.com/0/67734/dbbe5f17-9026-05a7-b770-c8e4eff7a1ab.png)](https://drive.google.com/file/d/0B_jLDEPlHKVjWVIzYWxCVUZwNWM/view?usp=sharing)をクリックします。[（詳細はこちら）](http://qiita.com/danjiro/items/1debda10c37fd8a55927#windows%E7%89%889va-win)
2. 解凍した 9va フォルダの中の「9va-win.exe」をダブルクリックすれば、9VAe が起動します。(初回は「詳細設定」をクリックし「実行」ボタン)

# ３．9VAeきゅうべえで連番PNG作成

ここでは、簡単な例を示すためにサンプルのアニメを使いましょう。![000.gif](https://qiita-image-store.s3.amazonaws.com/0/67734/e6a4b0f7-606f-85de-698a-58b8c6e6e93b.gif)


1. 9VAe を起動（9va-win(.exe）をダブルクリック)
2. 「ヘルプ」＞「かおであそぼう（練習用）」＞「変身」をクリック<br>サンプルアニメが開きます。
3. 「ファイル」＞「連番/APNG出力」
4. 出力先のフォルダを指定して「保存」ボタンをクリック。たくさんのファイルができるので、新しいフォルダを作成してから、その中に保存するとよいでしょう。
5. 設定画面の **「出力レート」には「30」**と入力します（動画用１秒３０コマにする）。「出力開始」ボタンをクリック
6. 「連番出力を１つのAPNGファイルにまとめますか？」には **「いいえ」** をクリック。これで、２枚の絵から４８０コマ（１６秒）が出力されます。

## 推奨される画像サイズ

youtube にぴったり収めるには以下のサイズで出力するとよいです。[（Youtube ヘルプ）](https://support.google.com/youtube/answer/6375112?co=GENIE.Platform%3DDesktop&hl=ja&oco=0) 

|項目|幅|高さ|
|:--:|:--:|:--:|
|1440p(2k)| 2560|1440|
|1080p(HD)| 1920|1080|
|720p(HD)| 1280|720|
|480p(SD)| 854|480|
|360p(SD)| 640|360|
|240p(SD)| 426|240|

- 縦横比が異なる場合は高さを合わせるとよいでしょう。
- 9VAeが出力できる最大サイズは 2048 です。画像サイズが大きくなるとディスクの消費量が増え、生成に時間がかかります。最初は７２０ｐで始めるとよいでしょう。



# ４．AviUtl で動画出力（もっとも簡単な例）

1. AviUtl を起動（aviutl(.exe）をダブルクリック)
1. 「ファイル」＞「開く」
2. 9VAeで出力した先頭のPNGファイルを選んで「開く」ボタンをクリック。これで、全部のコマが読み込まれます。タイトルバーに[1/480]と表示されます。
3. Ctrlキーと「A」キーを同時に押して全体を選択
- 「ファイル」＞「AVI出力」
- ファイル名を指定して「保存」ボタンをクリックすれば、AVI動画ができます。

# ５．AviUtl で動画編集（拡張編集を使った例）
![aviutl01.png](https://qiita-image-store.s3.amazonaws.com/0/67734/4e04ac67-baa8-a7bc-9418-be7281390dd6.png)

## 5-1 プロジェクトの作成

1. 上の例を実行したあとなら、「ファイル」＞「閉じる」でプロジェクトを空にしてください。
1. メニューバー「設定」（Ａ）＞「拡張編集の設定」にチェックを入れる<br>拡張編集画面（上図の右上）が表示されます。
2. 拡張編集画面（Ｂ）を右ボタンクリック。メニューから「新規プロジェクトの作成」をクリック
3. 作成したい動画の (1)画像サイズ (2)フレームレート(3)音声レートを設定できます。そのまま「OKボタン」をクリックすれば、AviUtl の画面が真っ黒（何もない状態）になります。

## 5-2 連番PNGを動画オブジェクトにする

3. 拡張編集画面（Ｂ）を右ボタンクリック。メニューから「メディアオブジェクトの追加」＞「動画ファイル」をクリック<br>動画ファイルの設定画面（上図の右下）が開きます。
4. 動画ファイルの設定画面下にある「**参照ファイル**」（Ｃ）をクリック。<br>連番PNGの先頭のファイルを指定し、「開く」ボタンをクリック<br>これで、拡張編集画面のレイヤに、9VAeアニメが１つ読み込まれます。
5. 動画ファイルの設定画面の「**アルファチャンネルを読み込む**」（Ｄ）にチェックを入れれば背景が透明（何もないので黒）になります。

## 5-3 拡張編集で動画編集、音声の追加

- ここまでくれば、AviUtl の拡張編集画面の操作が直観的に理解できるのではないでしょうか。拡張編集画面（タイムライン）の上の目盛りは時間です。左側にレイヤ(Layer)があり、上のレイヤから順番に重なっていきます。
- 各レイヤーには、動画以外に、 静止画、音声、テキストなどがドラッグ＆ドロップで入れられます。
- 各オブジェクトは、ドラッグして、上下左右に自由に移動できます。
- 9VAeアニメをレイヤ２（Ｅ）に移動させ、レイヤ１に画像ファイルを入れれば、9VAeの背景透明の効果がわかるでしょう。
- 動画オブジェクトの設定パネルの回転（Ｆ）の数値を変更すれば、9VAeではできなかった、文字や画像の回転もできます。
- 音声ファイルも入れると上図のようになりました。
- 動画の長さは一番上のタイムラインの終了したい位置（Ｇ）を右ボタンでクリック＞「範囲設定」＞「現在位置を最終フレーム」で設定できます。

## 5-4 再生

1. AviUtlメニューバー「表示」＞「再生ウィンドウの表示」<br>再生ウィンドウが開きます。

2. プレイボタンを押しても再生しない場合、再生範囲の未設定が考えられます。
拡張編集画面で Ctrl+A （全部選択）を押してみてください。


## 5-5 MP4動画出力

1. AviUtlメニューバー「ファイル」＞「プラグイン出力」＞「拡張 x264出力(GUI)Ex」
2. ファイル名を指定して「保存」ボタンをクリックすれば、MP4 動画ができます。


### MP4出力でエラーがでる場合

「ファイルの出力に失敗しました。」 といったエラーが出る場合、以下のようにすれば成功することがあるようです。

1. メニューバー＞「設定」＞「圧縮の設定」＞「プラグイン出力の設定」＞「拡張 x264 出力(GUI) Ex」
2. 「設定」ボタンをクリックし X264設定画面を開きます。
3. 「X264」タブの左上にあるパス設定（最初はシングル）を「自動マルチパス」に設定。
4. 右下の「OK」ボタンをクリック


# ６．Youtubeに動画をアップする方法

Youtubeに動画をアップするには、ブラウザのYoutube画面から次のようにします。（[この説明動画を作る方法](https://dnjiro.hatenablog.com/entry/share-youtube)）
![yutube-pc2.gif](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/67734/39a0d94f-589f-032d-f28f-1cbff712f284.gif)




# ７．連番BMP を使った処理の高速化

もし背景を透明にする必要がなければ、連番BMP 出力を使えば、9VAeの出力処理が速くなります。

1. 「ファイル」＞「連番/APNG出力」
2. 出力先のフォルダを指定する画面で、ファイル名の下にあるファイルの種類を「PNGファイル」から「BMPファイル」に変更すれば、連番BMPを作成できます。

半透明マスクを作成せず、データ圧縮も行わないので出力は高速になります。ただし、ディスクの容量を多く消費しますので注意してください。背景を透明にしたい場合は、連番PNG を使う必要があります。

# ８．アニメGIF の作成

[ezgif.com](https://ezgif.com/video-to-gif)でMP4動画をアニメGIFに変換できます

1. [Video to GIF](https://ezgif.com/video-to-gif) を開く
2. MP4ファイルを指定
3. 「Upload Video!」をクリック 
3. 「Convert to GIF!」をクリック 
4. 「Save」(フロッピーディスクアイコン)をクリック、もしくは画面上にできたGIFを長押しすれば、GIFをダウンロードできます。

GIFはダウンロードフォルダにダウンロードされます。（ブラウザの設定により異なります）

# 9.9VAe で MP4動画作成、しゃべらせる

- [FFmpeg をつかうと、9VAeから、MP4動画を出力](https://youtu.be/Lc5-ac01n6w)できます。
- [SofTalk をつかうと、9VAeでせりふをしゃべらせる](https://youtu.be/0k9bAN4Jge4)ことができます。


# まとめ
- AviUtl と9VAeきゅうべえを組み合わせてつかえば、アニメーションがはいった動画を簡単に作成できます。9VAeを使えば、半透明アルファつきの連番PNGを出力でき、AviUtl を使って自由自在に動画に組み合わせることができます。
- AviUtl にはもっと多くの機能があります。[「AviUtlの易しい使い方」](http://aviutl.info/intro/)や[「エフェクト」](http://aviutl.info/category/%E6%8B%A1%E5%BC%B5%E7%B7%A8%E9%9B%86%E8%AC%9B%E5%BA%A7/%E3%82%A8%E3%83%95%E3%82%A7%E3%82%AF%E3%83%88/)などが参考になります。

---
# 関連記事

## 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. [よくある質問](http://qiita.com/danjiro/items/205efee350bfbbef488e)
5. [印刷用マニュアル](http://qiita.com/danjiro/items/1ca2ff3eb0a2d6f98842)


## 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. [AviUtl と 9VAeきゅうべえを使った簡単アニメ動画作成](http://qiita.com/danjiro/items/13a247748f3097c2c055)
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)
5. [フリーソフト9VAeきゅうべえで簡単デジタルサイネージ](http://qiita.com/danjiro/items/e3b7ac1ef24826f9ff3d) 
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)
2. [9VAeきゅうべえで作成したSVGアニメーション](http://qiita.com/danjiro/items/1b4f6b5a520ade762116)

#

## 9VAeきゅうべえ 技術資料
1.  [アニメソフト 9VAe をカスタマイズする方法](http://qiita.com/danjiro/items/c5dc07671ffdbbb8a9a9)
2.  [イラストレータのデータを 9VAe(きゅうべえ)に変換する方法](http://qiita.com/danjiro/items/f1ad02d25196ed90fe6f)
3. [9VAeをキッズプラザ大阪向けに改造する](http://qiita.com/danjiro/items/bbb10e07a9775a938200)
4. [9VAe / 9svg データフォーマット解説](http://qiita.com/danjiro/items/0d4ac334a7a97ddb4fe2)
5. [Xtra-PCを日本語化して使ってみた](http://qiita.com/danjiro/items/8ee08e7a06455d860cc2)
6. [ワコム筆圧ペンで太さが変わる線をひくアルゴリズム](http://qiita.com/danjiro/items/8c73ce974c5988eb3a5f)
7. [Raspberry Piとペンタブレットで毛筆描画アプリを作る](http://qiita.com/danjiro/items/efcad069d8e5e3fd6e49)