12
13

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

「9VAeきゅうべえ」で1枚のイラストから作ったGIFアニメ

Last updated at Posted at 2015-10-23

アニメーション作成フリーソフト「9VAeきゅうべえ」

9VAe(きゅうべえ)は、自分で描いた絵や読み込んだイラストを自由に動かせるアニメーション作成フリーソフトです。中間のコマを作成するキーフレーム補間機能があり、絵を描かなくてもアニメが作れます。広島国際アニメーションフェスティバルのワークショップで採用されました。MP4動画、GIFアニメ、SVGアニメ・イラストが作れます。

  • Win/Mac/Linux版はリンク先右上の Untitled.png をクリックしてダウンロード
iOS
iPad
qvadanb.png
Android
Chromebook
qvaqva.png
Win
qvaqva.png
Mac
qvaqva.png
M1対応
Raspberry Pi
qvaqva.png
Ubuntu
32bit
qva32b.png
9VAePro
qvapro64.png
* 599
Page
Amazon
Fire
qvaqva.png
上が
見えない
場合は
Vector
古いMac版
10.7-10.11
Ubuntu
64bit
qva64b.png
Android
Chromebook
qvadanb.png
Win
(Vector)

Mac
(Vector)
RaspberryPi
(Vector)
安全性
は?
インストール方法> windows Mac Pi Linux
●アニメの作り方 ボタン説明 メニュー
キー
9VAe質問 だんグラ
動画出力 ffmpeg ffmpeg
しゃべる SofTalk OpenJTalk

Openclipartから絵を描かずに作ったアニメーション 例

Openclipartは、商用利用も可能な15万点以上のSVGイラストが掲載されています。これを 9VAe(きゅうべえ)で読み込めば、絵を描かずに、GIFアニメ、SVGアニメ、APNG(動くLINEスタンプ)、連番の透過PNGなどいろんな形式のアニメが作れます。

などの用途で使えます。

Animation of Banshee elven archer

9va-juanmontoya-Banshee-elven-archer.gif
SVG版を見る
キーフレーム数:5枚(目2、身体2、弓と手1)

9VAe(きゅうべえ)は、キーフレーム補間機能があり、全部の絵を描く必要がありません。使用しているキーフレームの枚数を下に記載しました。上のアニメは5枚の絵で作られています。読み込んだイラストを変形するだけで絵を描いていません。

Rocket blue and red

9va-rocket-blue-and-red.gif
SVG版を見る
キーフレーム数:4枚(ロケット2、炎2)

Skeleton 3

9va2-Skeleton3.gif
SVG版を見る>作り方
キーフレーム数:11枚(頭2、右足2、左足、右手、左手、各1、青い頭2、身体2)

HEROINE

HeroineAnime.gif
SVG版を見る
キーフレーム数:たったの2枚

試食サンプルをどうぞ

>このアニメの作り方
SVG版を見る

〇〇〇の刃パロディアニメーション

このアニメの作り方
sanmitu.gif

3次元CGアニメのような作品例

アニメキャストを使えば、長いアニメも9VAeで作成できます。(1.2はWebアニメコンテスト神戸大賞作品)

  1. 「道場」(2007 棒線)
    キャラクタを単純にして動きを追求した高校生の作品。3次元CGソフトで作ったようなカメラワークを見事に実現しています。

    このように図形を何枚か重ねてばらばらに動かせば、3次元的な動きを作れます。
  2. 「神速卓球」(2005 Masashi)
    NHKデジタル・スタジアムで、これは3次元ソフトで作るべきではないかと言われた中学生の作品。
  3. 「孤島で大カニに襲われるアニメ」(Komori)
    9VAeきゅうべえのサンプルフォルダにはいっている作品(05crab.eva)で、たった6ページから作られています。これを3次元ソフトで作るにはモデリングだけで相当大変でしょう。

小学生の作品例(1コマアニメーション)

クリックすると、Youtubeが開きます。
青少年のための科学の祭典で作った連作アニメーション
青少年のための科学の祭典で行った100名の連作アニメ>実施方法
これは1コマアニメーションといい、1枚の絵を描くだけで作れるコンピュータアニメーションです。9VAeきゅうべえや「PEAS motch!」で作ることができます。

9VAeきゅうべえは、画期的なフリーソフトです。信じられないほど簡単にアニメーションを作ることができます。

9VAeきゅうべえとは

誰でもアニメーションを作れるツール

アニメーションを作る人は、文章を書く人、絵を書く人に比べると、ほとんどいません。これは「紙の時代」が長く続いたせいでしょう。

アニメは印刷できません。作る手間も大変です。表示できない、作るのも難しいとなればアニメを自分で作る人はいないでしょう。

ところが状況が変わってきました。資料は紙に印刷して配るより、ディスプレイで表示するほうが簡単になり、情報伝達の主力がネットワークにつながったディスプレイにかわってきました。

「ディスプレイの時代」はアニメの時代です。アニメが簡単に作れるなら、もっと自分でアニメを作るべきではないでしょうか。

今までのアニメ制作.gif

絵や音楽は子供のころから描いたり歌ったりしています。ところがアニメを作る人はほとんどいませんでした。フリーソフト 9VAeきゅうべえを使えば、子供から大人まで自分でアニメが作れます。

アニメーションの分類について

多くの解説書では、アニメーションを次の3つに分類しています。

  1. 手書きアニメーション
  2. ストップモーションアニメーション
  3. CGアニメーション

1.は手描きのパラパラアニメ、2.は人形などをカメラで撮影したもの、3.はいわゆるCG(Computer Graphics)です。

たしかにこの3つは大きなジャンルです。では、9VAeきゅうべえは3.に分類されるのでしょうか。どう考えても3次元のCGアニメとは違います。今アニメーションは次の4つに分類すべきと思っています。

  1. 手書きアニメーション
  2. ストップモーションアニメーション
  3. 3次元CGアニメーション
  4. 2次元キーフレームアニメーション , 1コマアニメーション

2次元キーフレームアニメーション、1コマアニメーションを分ける理由

手書きアニメーションもストップモーションアニメーション も多くのコマを用意する必要があります。3次元CGアニメーションは精密な3次元モデルを必要とします。この3つを作るのはみな手間がかかります。もし、アニメーションが上の3つしかないなら、アニメはすべて作るのが大変になってしまいます。実際そう認識している人は多いでしょう。

ところが、「2次元キーフレームアニメーション」は、3次元モデルは不要で、数枚のキーフレームがあればよく、制作するのは簡単なのです。さらに、2018年キッズプラザ大阪コンピュータ工房で開発された「1コマアニメーション」にいたっては、静止画を1枚描くだけでアニメーションが作れます。

上に掲載したGIFアニメの制作において、絵は描いていません。イラストをコピーして変形しているだけです。簡単になる理由は、絵がベクトルでできていて、修正ができること。2つの絵の間の中間の絵を書かなくてよいこと。3次元モデルが必要ないことです。

Flash アニメーション

「2次元キーフレームアニメーション」がひとつの分野になっていないのは、一時代を築いた「Flash」というグラフィックソフトのせいかもしれません。 Flashは2次元のキーフレームアニメーションを作るソフトとして登場しました。その後、インターネットの拡大、発展とともに、アニメーションソフトからWebサイトを開発する プログラム環境に進化していきます。その機能はすばらしく、2次元キーフレームアニメーションは Flash の独り勝ちとなり「Flash黄金時代」と呼ばれます。 しかしFlash の影響力をきらったスマートフォンから締め出されることになり、世の中から名前が消えることになります。「2次元キーフレームアニメーション」の概念が定着していないのは、「2次元キーフレームアニメーション=Flash」が消えたせいかもしれません。

9VAeきゅうべえは 初期の Flash のような 2次元キーフレームアニメーションソフトです。

興味のある方はこちらもご覧ください(9VAeきゅうべえを無料にする理由)

9VAeの利用シーン

個人がアニメを作るために、9VAeきゅうべえは最適ですが、ビジネス用途にも使えます。

他のアプリとの連携

アプリ 9VAeを使ってできること
PowerPoint, Keynote, LibreOffice アニメGIFを作成し、プレゼンテーションに動きをつける
イラストレータ、Inkscape SVGを読み込んで動きをつける
Aviutil 動画にアニメを合成する
Scratch コスチュームに動きをつける

PowerPoint / Keynote / LibreOffice にアニメGIFを入れる方法

  1. 9VAeでイラストを読み込む(WindowsならPowerPoint上でイラストをコピーし、9VAe上でペースト。MacならOpenclipartのSVGを開く)
  2. 9VAeで動きをつける、ファイル>アニメGIF出力
  3. PowerPoint >挿入メニュー>図>ファイルから入力(※ビデオ入力ではなく、写真のような静止画と同じ入力を使う点に注意!)
  4. スライドショーを実行するとアニメGIFが動きます。LibreOfficeだと編集画面でも動きます。

動画にアニメを合成する方法(Windows AviUtilとの連携)

  1. 9VAeでイラストを読み込む
  2. 9VAeで動きをつける、ファイル>連番/APNG出力
  3. AviUtilの動画オブジェクトで読み込んで動画と合成

9VAeきゅうべえのカスタマイズと再配布

9VAeきゅうべえは、カスタマイズ自由、再配布可能なフリーソフトです。例えば次のようものを作るのは自由です。

  1. 9VAeのデザインを変更し、新しい名前をつけて販売する
  2. 自サイトから、9VAeきゅうべえをダウンロードできるようにする(例えば会員のみダウンロードできるなど)
  3. 9VAeの教材を作成し、有償で販売する
  4. 9VAeのサポートを有償で行う

9VAeはフリーソフトです。バグ報告や要望があればできるかぎり対応しますが、保証や責任は負えません。しかし、今の状態で十分使えると判断された場合、9VAeきゅうべえの利用方法に関して、一切制限を設けません。

ぜひ、いろんな場面で、ご活用ください。



関連記事

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. アニメの作り方

9VAeきゅうべえ 上級編

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

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

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

9VAeきゅうべえ 技術資料

  1. アニメソフト 9VAe をカスタマイズする方法
  2. イラストレータのデータを 9VAe(きゅうべえ)に変換する方法
  3. 9VAe / 9svg データフォーマット解説
12
13
0

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
12
13

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?