SVG
gif
アニメ
9VAe
きゅうべえ

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

前回の「9VAe チュートリアルーはじめてみよう(その4)」の続きです。動きに表情をつける動きグラフとループアニメの作成に役立つページのコピーについて説明しましょう。
000c.gif

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

anime29.gif

今回のチュートリアルの手順は、以下のようになります。前回の続きになりますので、実際にやってみる場合は、「9VAe チュートリアルーはじめてみよう(その2)」から初めてください。

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

1.パレット登録、動きグラフ作成

9vae22Screen.png

  1. 3ページ(A)をクリックして3ページに移動
  2. アニメキャスト(B)をクリックして選択
  3. 登録ボタン(C)をクリック。>登録パレット(D)に選択したアニメキャスト(B)が登録されます。
  4. 登録パレット(D)をクリックし、メニューから「でたらめなグラフ」をクリック。>下図のように、でたらめな動きグラフ(E)が入力されます。
  5. プレイボタン(F)をクリックしてアニメを見てみましょう。

9vae25Screen.png

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

2.ページのコピー

  1. アニメが終了したとき、1ページの最初の形に戻るようにして、アニメーションがループするように作ってみましょう。まず、上図、2ページのページ番号(G)をクリックし、メニューから「ページを記憶する」をクリックします。>2ページの内容がコピーツールの中にコピーされます。
  2. ページの最後の「+」(H)をクリックし、メニューから「記憶したページを入れる」をクリックします。これで2ページの内容が5ページにコピーされます。
  3. 次に上図、1ページのページ番号(I)をクリックし、メニューから「ページを記憶する」をクリックします。>1ページの内容がコピーツールの中にコピーされます。
  4. ページの最後の「+」(H)をクリックし、メニューから「記憶したページを入れる」をクリックします。これで1ページの内容が6ページにコピーされます。

3.時間の調整

9vae27Screen.png

  1. 5ページの時間(A)をクリックし、「1秒長くする」をクリックし、ページの時間を1秒に設定しましょう。
  2. 4ページの時間(B)をクリックし、「1秒短くする」をクリックし、ページの時間を0秒に設定しましょう。
  3. プレイボタン(C)をクリックしてアニメを見てみましょう。再生結果をみながら、アニメキャストの動きグラフや、アニメキャストの内部の形を調整してみてください。

4.アニメGIF出力

完成したアニメを、アニメGIF出力してみましょう。
1. メニューバーのファイル(D)をクリックし、「アニメGIF出力」をクリック>保存する場所とファイル名を指定して、「保存」ボタンをクリックします。
2. 以下の項目を設定する画面が開きます。

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

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

5. PowerPoint にアニメGIFを入れる方法

  1. 9VAeでイラストを読み込む(WindowsならPowerPoint上でイラストをコピーし、9VAe上でペーストすれば読み込めます)
  2. 9VAeで動きをつける、ファイル>アニメGIF出力
  3. PowerPoint >挿入メニュー>画像>ファイルから入力(※アニメーション、動画、ビデオではなく、写真と同じ「画像」から入れる点に注意!)
  4. スライドショーを実行するとアニメGIFが動きます。LibreOfficeだと編集画面でも動きます。
  5. こちらの記事も参考になります「9VAeアニメ研究所」

まとめ

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

上級編では、Openclipart のきれいなイラストを読み込んでアニメーションにする方法を説明します。素材のイラストを実際にダウンロードし、アニメ制作を体験できますので、ぜひお試しください。


関連記事

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作成
  6. 書き順アニメーションの作り方
  7. 9VAeきゅうべえ:長いアニメを作る方法

9VAeきゅうべえ 上級編

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

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

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