9VAe チュートリアル（３）ーアニメキャストを作る、時間調整

前回の「[9VAe チュートリアルーはじめてみよう（その２）](http://qiita.com/danjiro/items/7507cd9f4c19197f21ea)」に続いて 「9VAeきゅうべえ」の使い方について説明します。


![000a.gif](https://qiita-image-store.s3.amazonaws.com/0/67734/d795aeba-ffda-a40c-579f-0ef4b2472720.gif)

[[＜ チュートリアル（２）](http://qiita.com/danjiro/items/7507cd9f4c19197f21ea)][[チュートリアル（４）＞](http://qiita.com/danjiro/items/70cfb20980fee4fdd245)]

# アニメキャストと回転

前回の「[9VAe チュートリアルーはじめてみよう（その２）](http://qiita.com/danjiro/items/7507cd9f4c19197f21ea)」の続きを作成し、赤と青の円が回転するアニメを作ってみましょう。
![anime11.gif](https://qiita-image-store.s3.amazonaws.com/0/67734/2bbfe7b1-ae7c-8c7a-5f2e-a19b79b0354d.gif)


1. ３ページ目を作ります。
2. 赤と青の円をコピーツールにカットします。
3. アニメキャストにして入れます。
4. ４ページ目を作ります。
5. アニメキャストを360度回転させます。
5. プレイボタンを押してアニメを見てみましょう。
6. ページの時間を調整します。
7. プレイボタンを押してアニメを見てみましょう。


## １．ページの追加
![9vae09Screen.png](https://qiita-image-store.s3.amazonaws.com/0/67734/6d7b0fb9-861a-2abe-0849-2bd4031ef1d5.png)
1. 上図、ページの右側の「＋」（Ａ）をクリック
2. メニューから「**続きのページを作る**」をクリック


## ２．コピーツールにカット
1. 赤い円（Ｂ）をクリックして選びます。
2. **Shiftキーを押しながら**、青い円（Ｃ）をクリックします。＞ 赤い円、青い円を囲む**選択枠**が表示されます。
3. **コピーツールへのカット**ボタン「×」（Ｄ）をクリックします。＞赤い円、青い円がコピーツールの中に移動します。

## ３．アニメキャストにして入れる
1. **アニメキャスト**にして入れるボタン「←9」（Ｅ）をクリックします。＞アニメキャストの**名前入力**画面が開きます。
2. 「Red Blue」といった名前を入れて「ＯＫ」ボタンをクリックします。＞赤と青の円が画面に戻ります。名前は自由に設定できます。

![9vae11Screen.png](https://qiita-image-store.s3.amazonaws.com/0/67734/4eae9baa-0ed3-fcea-d999-eb7e41cf5915.png)


アニメキャストを作成すると、画面の左上（Ａ）に、ファイル名が表示されます。ここをクリックすれば、アニメキャストのリストが表示され、アニメキャストの中を編集することができます。

## ４．アニメキャストの回転
1. これで３ページにアニメキャストが入りました。これを回転させるために、Ｂをクリックし、メニューから「**続きのページを作る**」をクリックし、４ページ目を作ります。
2. アニメキャスト（Ｃ）をクリックして選択します。＞選択枠が表示されます。
3. 選択枠の中心「＋」（Ｄ）をクリックします。＞アニメキャストのメニューが表示されます。
4. 「**枠の角度**」をクリックします。＞枠の角度を指定する画面が開きます。
5. **360**を入力し、「ＯＫ」ボタンをクリックします。
6. **プレイボタン**（Ｅ）をクリックしてアニメを動かしてみましょう。

３ページから４ページにかけて、赤い円、青い円が時計回りに１回転するアニメができたと思います。図形を**アニメキャスト**にすれば、正確に回転させることができます。

## ５．ページの時間調整
![9vae12Screen.png](https://qiita-image-store.s3.amazonaws.com/0/67734/324a5b15-848b-10ad-65ae-8493ffc49b1b.png)

1. 時間を調整してみましょう。２ページの時間（Ａ）をクリックし、「**１秒短くする**」をクリックし、０秒にしてみましょう。こうすれば、赤と青の円が水色の円にぶつかると同時に回転を始めることになります。**０秒のページ**を使えば、普通の図形からアニメキャストに切り替えることができます。
2. ３ページから４ページにかけて回転するので、３ページの時間（Ｂ）をクリックし、「**１秒長くする**」を２回クリックし、３秒に設定しましょう。
3.  **プレイボタン**（Ｃ）をクリックしてアニメを動かしてみましょう。



# まとめ
今回は、**アニメキャスト**の作成方法を説明しました。9VAeきゅうべえにとって**アニメキャスト**は強力な概念ですが、コピーツールを使って簡単に作成できることがわかったと思います。次のチュートリアル「 [9VAe チュートリアルーはじめてみよう（その４）](http://qiita.com/danjiro/items/70cfb20980fee4fdd245)」では、アニメキャストの中身を修正し、さらに複雑な動きを表現してみましょう。


[[＜ チュートリアル（２）](http://qiita.com/danjiro/items/7507cd9f4c19197f21ea)][[チュートリアル（４）＞](http://qiita.com/danjiro/items/70cfb20980fee4fdd245)]

---
# 関連記事

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