9VAe チュートリアル（４）ーアニメキャストの修正、往復

前回の「[9VAe チュートリアルーはじめてみよう（その３）](http://qiita.com/danjiro/items/ec174df989af8db42da4)」の続きです。アニメキャストの中を修正し、赤と青の円がそれぞれ三角形、四角形に変化するアニメを作ってみましょう。
![000b.gif](https://qiita-image-store.s3.amazonaws.com/0/67734/5c95ba25-a883-060a-ce96-8dff774635b8.gif)

[[＜ チュートリアル（３）](http://qiita.com/danjiro/items/ec174df989af8db42da4)][[チュートリアル（５）＞](http://qiita.com/danjiro/items/ffa863d303eb7d640d10)]




# アニメキャストの中を修正、形の変形
![anime20.gif](https://qiita-image-store.s3.amazonaws.com/0/67734/fb999fa5-c556-f325-507b-e694d05886e2.gif)

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

1. アニメキャストの中身を開く。
2. ２ページ目を作成する。
3. 赤い円を三角形に変形。
4. 青い円を四角形に変形。
5. １ページに「往復」をいれる。
6. １ページを0.5秒にする。
7. プレイボタンを押してアニメを見てみましょう。
8. 本体のアニメに戻る。
9. プレイボタンを押してアニメを見てみましょう。


## １．アニメキャストの中身を開く
![9vae13Screen.png](https://qiita-image-store.s3.amazonaws.com/0/67734/21821ed9-ea99-a454-26eb-a4aed54decd5.png)

1. ページの左上の**太字のファイル名**（Ａ）をクリックします。＞このファイルのアニメキャストのリストが表示されます。「[9VAe チュートリアルーはじめてみよう（その３）](http://qiita.com/danjiro/items/ec174df989af8db42da4)」で作成したアニメキャストが１つ入っているはずです。
2. 赤と青の円がはいったアニメキャストをクリックします。＞以下のようにアニメキャストの中が開きます。

![9vae16Screen.png](https://qiita-image-store.s3.amazonaws.com/0/67734/024b5a51-5dfa-fd93-06cb-34fd4d451f05.png)


Ｄがアニメキャストの名前です。ここをクリックすれば名前を変更できます。

## ２．形の変形
1. アニメーションするために、上図、ページの右側の「＋」（Ａ）をクリックし、メニューから「**続きのページを作る**」をクリックし、２ページ目を作りましょう。
2. ２ページ目の赤と青の円を囲むように、Ｂ１からＢ２までマウスをドラッグしましょう。四角形で２つの円が選択されます。
3. 図形内部の**点選択ボタン**（Ｃ）をクリックします。＞２つの円の制御点□が下図のように表示されます。![9vae21Screen.png](https://qiita-image-store.s3.amazonaws.com/0/67734/fdcb6a5a-4e3d-f398-a1e3-17776e5182bc.png)

4. 赤い円の制御点を、近くのＥ１、Ｅ２、Ｅ３のいずれかの３つの点に移動させ、三角形に変形しましょう。制御点はドラッグでも移動できますが、制御点をクリックしてから、マウスを移動させても移動できます。このとき**Ctrlキー**を押せば、**近くの点に吸着**するので、正確に同じ位置に移動させることができます。
5. 同じように青い円の制御点を、近くのＦ１、Ｆ２、Ｆ３、Ｆ４のいずれかの点に移動させ、四角形に変形しましょう。


- １ページ目の制御点が、２ページ目の制御点に移動するよう、アニメーションします。
- **複数の点を選んで**、**Altキー**といっしょに**上下左右矢印キー**を押せば、選んだ点を上下左右の同じ位置に整列させることができます。これを使えば辺を水平、垂直にそろえることができます。

![9vae19Screen.png](https://qiita-image-store.s3.amazonaws.com/0/67734/22c485fc-eef2-cdcb-e5ae-55ef74573120.png)

プレイボタン（Ｄ）をクリックしてアニメを見てみましょう。

## ３．往復ボタン
1. 円と三角形、四角形の変形を繰り返すように、往復ボタンを入れましょう。まず、１ページ（Ａ）をクリックし、１ページに移動します。
2. １ページの左上（Ｂ）をクリックします。＞**往復**、**繰り返し**、**ジャンプ**などを入力するメニューが開きます。
3. **往復**をクリックします。＞画面に「往復」ボタンが入力されます。
4. ページの時間（Ｃ）をクリックします。「**0.1秒短くする**」を５回クリックし、ページの時間を0.5秒に設定しましょう。
5. プレイボタン（Ｄ）をクリックしてアニメを見てみましょう。アニメを停止するには右側のストップボタンを押します。

- ページとページの間の上の部分をクリックすると、２種類のメニューが出ます。現在表示しているページの前をクリックすると、往復、繰り返しのような制御コマンドのメニューが表示されます。それ以外のページの前をクリックすると、ページにつけるラベル名のリストが表示されます。
- 往復ボタンがページに入っていると、そのページと次のページとの間でアニメが往復します。１ページと２ページの間を往復させるためには１ページに往復ボタンを入れます。

## ４．本体のアニメに戻る
![9vae20Screen.png](https://qiita-image-store.s3.amazonaws.com/0/67734/ec61a019-4366-42d7-ffb3-4f0fd790e026.png)

1. ページの左上の**太字のファイル名**（Ａ）をクリックします。＞「**このアニメに戻る**」をクリックします。
2. プレイボタン（Ｂ）をクリックしてアニメを見てみましょう。

## ５．動きの調整
1. ページの左上の**太字のファイル名**（Ａ）をクリックし、アニメキャストを選べば、いつでも**アニメキャスト**の中を修正することができます。ボールがはねて、三角形・四角形に変化するように調整してみましょう。





# まとめ
今回は、**アニメキャスト**の中を開いて修正する方法を説明しました。アニメキャストの中に、さらにアニメキャストを入れることも可能です。最大３２階層のアニメキャストを入れられます。次のチュートリアルでは、**動きグラフ**と、ループアニメの制作に役立つ**ページのコピー**を説明します。

[[＜ チュートリアル（３）](http://qiita.com/danjiro/items/ec174df989af8db42da4)][[チュートリアル（５）＞](http://qiita.com/danjiro/items/ffa863d303eb7d640d10)]


---
# 関連記事



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