dnjiro’s 9VAe blog

誰でもアニメが作れる無料ソフト9VAeきゅうべえ開発者のブログ

たった5枚の絵からすごいショート動画が作れる無料アプリ:9VAeきゅうべえ

下のアニメーションは 動くGIF素材集の Komori が作成した作品です。この動画の作り方を解説します。9VAeきゅうべえ「ヘルプメニュー>(練習)>カニとたたかう」で中身がみえます

f:id:dnjiro:20210723001849g:plain

他のアニメの作り方はこちら

9VAeの質問はこちら

目次

 

■ 9VAeきゅうべえのダウンロード


www.youtube.com

サンプルアニメーションの入手

  • パソコン版9VAeの場合、exampleフォルダ> komo_island > 05crab.eva 
  • スマホ版9VAeは、ヘルプメニュー>カニとたたかう(Ver.5.0 211001で追加されました)
  • Openclipart (Big crab island animation)からSVGデータをダウンロードできます。

形が変わる図形で動画を作成

  • 上のアニメーションは、形が変化する図形を重ねて作られています。はさみと人以外を線にかえると下のようになります。

f:id:dnjiro:20210722140611g:plain

  • はさみは3つの図形で作られています。それが(1秒)(0.5秒)(1秒)(1秒)(1秒)(0秒)の以下の6ページに描かれています。f:id:dnjiro:20210722143125p:plain
  • 9VAeはこの6ページの図形から中間の形を自動計算し動画を作成します。6ページは1ページと同じ絵で最初にもどります。

    f:id:dnjiro:20210722152348p:plain

    f:id:dnjiro:20210722155528p:plain

作り方:多角形で形を入力

  1. 多角形入力ボタンを押して、形を入力します。最初の点をタッチすると入力終了します。

グラデーションをつける

  1. 選択ボタンをおします
  2. 外からドラッグして入力した図形を選びます。
  3. 塗り色1をパレットから選びます。パレットが消えている場合は右下の「もどす」を押します。もう一度押すとパレットが消えます。
  4. 真ん中のボタンがグラデーションの種類です。横向きにしました。
  5. 塗り色2を選べばグラデーションになります
  6. 下の「線の種類」で(なし)にすると線が見えなくなります

続きのページをつくる

  1. ページの右側の「+」ボタンのメニューから「続きのページをつくる」で、1ページの内容が2ページにコピーされます。

形をかえる

  1. 選択ボタンを押します
  2. 外からドラッグして入力した図形を選びます。
  3. 点選択ボタンを押せば、図形の点が表示されます
  4. 点をドラッグして形を変えます

さらに続きを作って変形

  1. ページの右側の「+」のメニューから「続きのページをつくる」で2ページが3ページにコピーされます
  2. 点選択ボタンで、点を表示し、点をドラッグして形を変形します

時間の調整

  1. 2ページの上の時間をタッチし、メニューから「0.1秒短くする」を何回かタッチして、ページの時間を0.5秒にします
  2. プレイボタンで動きを見てみましょう

同じように作成していく

同じようにして5ページの絵を作りました。

  1. 1ページのページ番号をタッチ。メニューから「ページを記憶する」
  2. 最後のページに移動するボタンをおします
  3. ページの右側の「+」をタッチ。メニューから「記憶したページを入れる」。これで1ページと同じ内容が最後のページに入ります。これでループアニメーションができます。

 

アニメGIF / 動画(MP4)出力

  • ファイルメニュー>アニメGIF出力」または「動画出力」で、好きなサイズのアニメGIF または MP4動画 が作成できます。
    Win / RaspberryPi / Linux版 でMP4動画を作るには FFmpeg が必要です
  • スマホの場合、端末内の「9VAe」フォルダの中に出力されます。フォトアプリで、「端末内の写真>9VAe」で見ることができます。
  • アニメGIFは、背景を透明にできます。音がいれられません。
  • MP4動画には音が入れられます。Youtubeに投稿できます。Youtubeに投稿する場合、1秒30コマ、高さ720 または 1080 で出力するとよいでしょう。

 

Komoriさんの孤島シリーズ

  • パソコン版の9VAeきゅうべえには、Komoriさんのほかの作品が収録されています。すべて6枚以下のキーフレームで作られています。ご覧ください。


www.youtube.com

9VAeで作れる動画の例

  • 他の作品も紹介します。以下の動画も9VAeきゅうべえで作られています。
  • 作成したパーツをアニメキャストにして、多数複製しています。複数のアニメキャストをまとめてアニメキャストにして使っています。


www.youtube.com

  • Komoriさんとどらごんさんが協力してつくった作品

蜘蛛の糸【Two-Piece 作品】 (Komoriとどらごんのユニット)


救出Part2 Two-Piece(Komoriとどらごんのユニット)

9VAeで動画素材を自作しよう

  • 9VAeきゅうべえを使えば、SVGイラストからいろんな動画素材を作成できます。SVGの静止画のフリー素材イラストがネット上にたくさんあります。いろんな動画素材を作ってみてください。

 

  • 9VAeは各ソフトにあわせて、いろんなフォーマットでクリップ動画を出力できます。
アプリ クリップ形式 作り方
PowerPoint
LibreOffice
Keynote
アニメGIF 背景を透明にして出力(PowerPointの例
iMovie
PowerDirector
グリーンバック動画 先頭にグリーンバック背景を入れる。(iMovieの例PowerDirectorの例
AviUtl 連番PNG 背景を透明にして出力(AviUtlの例

 

  • 9VAeは下のような特長をもった商用利用可能な無料アプリです。
     
    9VAeきゅうべえ
    他のアプリ
    方式
    図形のすべての点の対応関係をもったベクトル方式
    タイムラインに画像を並べるビットマップ方式
    修正
    形を後から自由に修正できる
    画像を描き直す
    補間
    変形した形はなめらかに変化する
    形の補間はできない
    データ量
    中間がないので小さい
    何枚も画像が必要で重い
    階層化
    9VAeの中に30階層まで
    9VAeがはいる。全て編集できる
    できても1階層
    中身は同時に編集できない

 

 

サムネイル画像の作成

  • 9VAe Ver.0.8.5 (スマホ Ver.1.5)から各ページを任意サイズのPNG画像に出力する機能がつきました。
  1. ファイルメニュー>画像出力。パソコン版は先に保存フォルダと保存名を指定します。
  2. 画像設定画面で、画像サイズ(縦横ドット数)を指定します。Youtube サムネイルは 1280x720 推奨。 サムネイルの場合「背景を透明にする」にはチェックをいれないほうがよいでしょう。
  3. 原稿の縦横比率を変更したい場合は、「ページメニュー>ページ設定」でステージのサイズを変更します。

 

9VAeきゅうべえに関する質問