9VAe チュートリアル（２）ー図形入力、選択、移動、サイズ変更

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

![000.gif](https://qiita-image-store.s3.amazonaws.com/0/67734/3f96609d-387b-9804-13a8-7c8fd90ad36e.gif)

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

# 最初のステップ
![anime07.gif](https://qiita-image-store.s3.amazonaws.com/0/67734/e3021228-6db5-71bb-89da-0e23946fdf70.gif)
まず、最初の課題として、上のアニメを作ってみましょう。

1. 横に並んだ円を３つ描きます。
2. ２ページ目を作ります。
3. 左側の円を赤、右側の円を青に変更します。
4. 赤と青の円を同時に選び、サイズを縮小し、真ん中の円にちょうど接するように移動させます。
5. プレイボタンを押してアニメを見てみましょう。




## １．図形の入力
![9vae05Screen.png](https://qiita-image-store.s3.amazonaws.com/0/67734/6a88cca6-dcbd-4626-a421-b00c45849a5e.png)

1. 上図、左上の図形入力パレットから**塗りのある円**（Ａ）をクリック
2. 中心（Ａ１）からドラッグして最初の円を描きましょう
3. 中心（Ａ２）からドラッグして２番目の円を描きましょう
4. 中心（Ａ３）からドラッグして３番目の円を描きましょう

※円の線がびよびよ動くのは、ぶれ線効果がついているからです。右側のパレットの線属性のボタンでオフにできます。（影をつけたり、ぼかしたりもできます。）

## ２．ページの追加
1. 上図、ページの右側の「＋」（Ｂ）をクリック
2. メニューから「**続きのページを作る**」をクリック

１ページの内容が２ページにコピーされます。



![9vae06Screen.png](https://qiita-image-store.s3.amazonaws.com/0/67734/905d64b9-8467-ab56-7070-7340b721dccb.png)

9VAeでは、**コピーが重要**です。コピーされた図形は、元の図形と**つながっており**、色や形が変化したときに、途中の絵が自動的に作成されます。

## ３．色変更
1. 図形を選択するには、上図、選択ボタン（Ａ）をクリックします。
2. 左側の円（Ｂ）をクリックして選びます。
3. カラーパレット（Ｃ）をクリックし、赤を選びます。
4. 右側の円（Ｄ）をクリックして選びます。
5. カラーパレット（Ｃ）をクリックし、青を選びます。

カラーパレット（Ｃ）の右側はグラデーションのボタンです。その右側のボタンでもう１色の色を選びます。グラデーションも試してみましょう。

## ４．複数の図形の選択
![9vae07Screen.png](https://qiita-image-store.s3.amazonaws.com/0/67734/8274b3be-7e8b-2de0-90f3-a04357a6af87.png)

1. 赤い円（Ａ）をクリックして選びます。
2. **Shiftキーを押しながら**、青い円（Ｂ）をクリックします。＞ 上の図のように、赤い円、青い円を囲む**選択枠**が表示されます。

Shiftキーを押しながら選択すると、追加選択、選択の解除ができます。

## ５．移動、サイズ変更
1. 選択枠の角の■（Ｃ）をドラッグすると赤い円、青い円を同時に**サイズ変更**することができます。
2. 選択枠の枠線（Ｄ）をドラッグすると**移動**できます。

２つの円が真ん中の円にちょうど接するように移動させてみてください。

![9vae08Screen.png](https://qiita-image-store.s3.amazonaws.com/0/67734/af9f7047-5b74-4381-9233-2b05e3b361d5.png)

## ６．プレイ

1. プレイボタン（Ａ）をクリックしましょう。アニメーションが再生されます。


# まとめ
今回は、**図形の入力**、**選択**、**移動**、**サイズ変更**の方法を説明しました。簡単な操作でアニメが作成できることがわかったと思います。次のチュートリアル「[9VAe チュートリアルーはじめてみよう（その３）](http://qiita.com/danjiro/items/ec174df989af8db42da4)」では、**アニメキャストの作り方**を説明します。

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

---
# 関連記事

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