9VAe チュートリアル(3)ーアニメキャストを作る、時間調整 #SVG - Qiita
1
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 1 year has passed since last update.

9VAe チュートリアル(3)ーアニメキャストを作る、時間調整

Last updated at Posted at 2015-12-28

前回の「9VAe チュートリアルーはじめてみよう(その2)」に続いて 「9VAeきゅうべえ」の使い方について説明します。

000a.gif
[< チュートリアル(2)][チュートリアル(4)>]

アニメキャストと回転

前回の「9VAe チュートリアルーはじめてみよう(その2)」の続きを作成し、赤と青の円が回転するアニメを作ってみましょう。
anime11.gif

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

1.ページの追加

9vae09Screen.png

  1. 上図、ページの右側の「+」(A)をクリック
  2. メニューから「続きのページを作る」をクリック

2.コピーツールにカット

  1. 赤い円(B)をクリックして選びます。
  2. Shiftキーを押しながら、青い円(C)をクリックします。> 赤い円、青い円を囲む選択枠が表示されます。
  3. コピーツールへのカットボタン「×」(D)をクリックします。>赤い円、青い円がコピーツールの中に移動します。

3.アニメキャストにして入れる

  1. アニメキャストにして入れるボタン「←9」(E)をクリックします。>アニメキャストの名前入力画面が開きます。
  2. 「Red Blue」といった名前を入れて「OK」ボタンをクリックします。>赤と青の円が画面に戻ります。名前は自由に設定できます。

9vae11Screen.png

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

4.アニメキャストの回転

  1. これで3ページにアニメキャストが入りました。これを回転させるために、Bをクリックし、メニューから「続きのページを作る」をクリックし、4ページ目を作ります。
  2. アニメキャスト(C)をクリックして選択します。>選択枠が表示されます。
  3. 選択枠の中心「+」(D)をクリックします。>アニメキャストのメニューが表示されます。
  4. 枠の角度」をクリックします。>枠の角度を指定する画面が開きます。
  5. 360を入力し、「OK」ボタンをクリックします。
  6. プレイボタン(E)をクリックしてアニメを動かしてみましょう。

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

5.ページの時間調整

9vae12Screen.png

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

まとめ

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


関連記事

9VAeきゅうべえ のご紹介

  1. 無料ソフトでアニメを作ってみよう(9VAe きゅうべえ)
  2. インストール方法
  3. スクラッチ、ビスケットの次は 9VAe=第3のプログラミング学習環境
  4. よくある質問

9VAeきゅうべえ 初級編

  1. 9VAe チュートリアル(1)-画面の説明
  2. 9VAe チュートリアル(2)-図形入力、選択、移動、サイズ変更
  3. 9VAe チュートリアル(3)-アニメキャストを作る、時間調整
  4. 9VAe チュートリアル(4)-アニメキャストの修正、往復
  5. 9VAe チュートリアル(5)-動きグラフ、ページコピー、GIF作成

9VAeきゅうべえ 中級編

  1. アニメの作り方

9VAeきゅうべえ 上級編

  1. 動くLINEスタンプのAPNG作成:無料ソフト9VAeきゅうべえ
  2. 萌えキャラ デジたんを目ぱちさせるまで:APNGアニメの作り方
  3. openclipartの無料イラストをアニメ化する6つの手順
  4. イラストから動くLINEスタンプのようなアニメを簡単に作る方法
  5. Openclipart の 無料SVG をアニメにするテクニック
  6. 無料アニメソフト9VAeきゅうべえの裏技集

9VAeきゅうべえ サンプル作品

  1. 9VAeきゅうべえ」で絵を描かずに作れるGIFアニメ
1
0
1

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?