9VAe チュートリアル（５）ー動きグラフ、ページコピー、アニメGIF作成

前回の「[9VAe チュートリアルーはじめてみよう（その４）](http://qiita.com/danjiro/items/70cfb20980fee4fdd245)」の続きです。動きに表情をつける**動きグラフ**とループアニメの作成に役立つ**ページのコピー**について説明しましょう。
![000c.gif](https://qiita-image-store.s3.amazonaws.com/0/67734/b5b1c8ab-efb6-e6c2-39c7-602ef00f0af7.gif)

9VAeチュートリアル
[（１）－画面の説明](http://qiita.com/danjiro/items/ea71567fa8c313f6f3fc)
 [（２）－図形入力、選択、移動、サイズ変更](http://qiita.com/danjiro/items/7507cd9f4c19197f21ea)
[（３）－アニメキャストを作る、時間調整](http://qiita.com/danjiro/items/ec174df989af8db42da4)
 [（４）－アニメキャストの修正、往復](http://qiita.com/danjiro/items/70cfb20980fee4fdd245)
 [（●５）－動きグラフ、ページコピー、GIF作成](http://qiita.com/danjiro/items/ffa863d303eb7d640d10)
 [（６）－解説動画の作り方](https://qiita.com/danjiro/items/e5b2af0e9d0c3b15dbff)



# 動きグラフ、ページのコピー

![anime29.gif](https://qiita-image-store.s3.amazonaws.com/0/67734/22967219-934c-0979-22e4-c43214665677.gif)

今回のチュートリアルの手順は、以下のようになります。前回の続きになりますので、実際にやってみる場合は、「[9VAe チュートリアルーはじめてみよう（その２）](http://qiita.com/danjiro/items/7507cd9f4c19197f21ea)」から初めてください。

1. アニメキャストが入っている３ページに移動。
2. アニメキャストを選ぶ。
3. 登録パレットに登録。
4. 動きグラフ「でたらめなグラフ」をつける。
5. プレイボタンを押してアニメを見てみましょう。
6. ２ページをコピーして５ページを作成。
7. １ページをコピーして６ページを作成。
8. ５ページの時間を１秒に変更
9. ４ページの時間を０秒に変更
10. プレイボタンを押してアニメを見てみましょう。
11. 完成したアニメをアニメGIFにしてみましょう。


## １．パレット登録、動きグラフ作成
![9vae22Screen.png](https://qiita-image-store.s3.amazonaws.com/0/67734/c03fbc5f-e4b3-c9d4-bc91-e0569e13e99b.png)

1. ３ページ（Ａ）をクリックして３ページに移動
2. アニメキャスト（Ｂ）をクリックして選択
3. **登録ボタン**（Ｃ）をクリック。＞**登録パレット**（Ｄ）に選択したアニメキャスト（Ｂ）が登録されます。
4. 登録パレット（Ｄ）をクリックし、メニューから「**でたらめなグラフ**」をクリック。＞下図のように、**でたらめな動きグラフ**（Ｅ）が入力されます。
5. プレイボタン（Ｆ）をクリックしてアニメを見てみましょう。


![9vae25Screen.png](https://qiita-image-store.s3.amazonaws.com/0/67734/9af18f53-0022-1789-2e50-9ebb67cd4977.png)

- 動きグラフ（Ｅ）は、横軸が時間、縦軸が現在のページから次のページまでの達成度をあらわし、上に行くほど次のページの形に近づくことになります。グラフの点は自由に変更できますので、グラフの形を修正してから、プレイしてみましょう。
- でたらめな動きグラフは、作成するごとに毎回違うグラフが作成されます。



## ２．ページのコピー
1. アニメが終了したとき、１ページの最初の形に戻るようにして、アニメーションがループするように作ってみましょう。まず、上図、２ページのページ番号（Ｇ）をクリックし、メニューから「**ページを記憶する**」をクリックします。＞２ページの内容がコピーツールの中にコピーされます。
2. ページの最後の「＋」（Ｈ）をクリックし、メニューから「**記憶したページを入れる**」をクリックします。これで２ページの内容が５ページにコピーされます。
3. 次に上図、１ページのページ番号（Ｉ）をクリックし、メニューから「**ページを記憶する**」をクリックします。＞１ページの内容がコピーツールの中にコピーされます。
4. ページの最後の「＋」（Ｈ）をクリックし、メニューから「**記憶したページを入れる**」をクリックします。これで１ページの内容が６ページにコピーされます。


## ３．時間の調整
![9vae27Screen.png](https://qiita-image-store.s3.amazonaws.com/0/67734/ac9e2542-04e8-2fcc-6f7a-2ef031eb9020.png)


1. ５ページの時間（Ａ）をクリックし、「**１秒長くする**」をクリックし、ページの時間を１秒に設定しましょう。
2. ４ページの時間（Ｂ）をクリックし、「**１秒短くする**」をクリックし、ページの時間を０秒に設定しましょう。
5. プレイボタン（Ｃ）をクリックしてアニメを見てみましょう。再生結果をみながら、アニメキャストの動きグラフや、アニメキャストの内部の形を調整してみてください。

## ４．アニメＧＩＦ出力
完成したアニメを、アニメGIF出力してみましょう。
1. メニューバーのファイル（Ｄ）をクリックし、「**アニメGIF出力**」をクリック＞保存する場所とファイル名を指定して、「保存」ボタンをクリックします。
2. 以下の項目を設定する画面が開きます。


* 画面サイズ：ここで画面サイズを自由に設定できます。
* **出力レート**：１秒間のコマ数を自由に設定できます。
* **出力秒数**：アニメーションの時間が自動的に設定されますが、往復や繰り返しボタンを使った場合は自分で設定する必要があります。
* **背景を透明にする**：チェックをいれると背景が透明になります。背景を白紙にしたい場合はチェックをはずします。

これらの項目を設定し「**出力開始**」ボタンをクリックするとアニメGIFが出力されます。



## ５． PowerPoint にアニメGIFを入れる
9VAeで作成したアニメGIFは、PowerPointなどのプレゼンテーションソフトに入れることができます。

1. 9VAe＞ファイル＞アニメGIF出力
3. PowerPoint ＞挿入メニュー＞画像＞ファイルから入力（※アニメーション、動画、ビデオではなく、写真と同じ「画像」から入れる点に注意！）
4. スライドショーを実行するとアニメGIFが動きます。LibreOfficeだと編集画面でも動きます。
5. [こちらの記事も参考になります「9VAeアニメ研究所」](http://9vae.blogspot.jp/p/powerpoint.html)


## ６． 動画作成

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


なお、[ezgif.com ( Online GIF to MP4 Video converter ) ](https://ezgif.com/gif-to-mp4) を利用すれば、アニメGIFから動画を作成できます。[ezgif  ( Online APNG to MP4 Video converter ) ](https://ezgif.com/apng-to-mp4)を使えば、APNGを動画に変換できます。


# まとめ
今回で、「チュートリアルーはじめてみよう」は終わりです。**アニメキャスト**、**形の変形**、**時間の調整**、**動きグラフ**、**ページのコピー**など、9VAeきゅうべえの基本操作を説明しました。直観的な操作で複雑な処理が行えることが感じられたのではないかと思います。

つぎに解説動画の作り方を説明します。

[[＜ チュートリアル（４）](https://qiita.com/danjiro/items/70cfb20980fee4fdd245)][[チュートリアル（６）＞](https://qiita.com/danjiro/items/e5b2af0e9d0c3b15dbff)]

---
# 関連記事

## 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)

## 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)
- [9VAe チュートリアル（６）－解説動画の作り方](https://qiita.com/danjiro/items/e5b2af0e9d0c3b15dbff)
- [書き順・ひとコマアニメーション](http://qiita.com/danjiro/items/8dd0d7c7263f62189437)
- [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)