「データは軽いが、機能はヘビーきゅうべえ」アニメの作り方

ベクトル方式で「データは軽いが、編集機能はヘビー級」という2025年賀アニメを 9VAeきゅうべえで作りました。制作手順を説明します。時間は３０分くらいです。

[9VAeで作成した解説動画 youtube]のサイズをみると、データの軽さがすごい

Â	9VAe（SVG）	動画（MP4）
データサイズ	３MB	８０MB（1080p 30fps）
せりふの変更	かんたん	困難

他のアニメの作り方はこちら。他の年賀アニメ：2025へび、龍、うさぎ、 とら、うし、ねずみ、いのしし

 

内容：

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

• iPad / iPhone：9VAeDanga (Apple)、9VAePro (Apple)
• Android / Chromebook：9VAeきゅうべえAndroid版（Google Play）
• Win / Mac / Linux /ラズベリーパイ：無料ソフトでアニメを作ってみよう - Qiita
• Amazon Fire : 9VAeきゅうべえFire版 (Amazon)
• 9VAeのボタン説明

２．完成したヘビの絵を描く

1. 左側の「鉛筆」ボタンをタッチし、ヘビをかきます。
2. 線の色は、右側のパレットで指定します。ヘビの舌は赤い色にしました。 パレットが消えていた場合は、右下の「もどす」をタッチしてください
3. 「塗りのある多角形」を使って、白い多角形をかき、重なった線をかくします。
4. 「塗り色」は白、
5. 「線の種類」をなしにしてかきます

３．前に続いたページを作る

1. ページの左側の「＜」ボタンをタッチし、「前につづいたページを作る」を実行します。順番にできあがる前の状態をつくっていきます
2. ヘビの舌をえらび、
3. 「消しゴム」ボタンで削除します
4. 表示メニューから、「前後のページを重ねて表示」を実行します。後ろのページの線が紫色で表示されます
5. まず、目を選んで左側に移動します。選択して中心の「＋」をドラッグすれば移動できます
6. ヘビの形を、目の位置を参考にして、すこし前の状態に変形します。点選択モードにして、まとめて選んで移動したり、引き伸ばしなどをつかって形を整えます

• 点を選択する方法はこちら、線の形を変形する方法はこちら
• 「中心点の移動」「回転」「引き伸ばし」「端をゆるくとめる」「なめらか」といった処理を使いました

４. どんどん前のページを作る

• 同じ方法をつかって、前の状態をつくっていきます
• 目は、進む方向を見るように動かすとよいです。
• 点は、ページの間で、直線的に移動します。各点が交差しないように、点の移動を考えながら変形しましょう
• ときどき、プレイボタンで、変化を確認しながら変形しましょう
• ページの下の左右のスクロールバードラッグすれば、形の変化をゆっくり動かしてみることができます
• 変化がおかしい点を見つけたら、その点を選んで、調整メニュー「あいだの形にする」を実行すれば、前後のページの中間の形にできるので、そこから修正するとよいでしょう
• ７ページのアニメを作りました

５. ページの時間を調整

1. １ページの番号をタッチし、「ページの指定ここから」を実行します。
2. 最後のページのボタン「＞＞」をタッチします
3. 最後のページの番号をタッチし、「ページの指定ここまで」を実行します。
4. ページの時間をタッチし、「まとめて調整する」を実行します。７ページの時間を３．５秒にしました。各ページの時間を微調整すれば、さらに、いきいきとした動きになります

６．ヘビをアニメキャストにする

1. 左側からドラッグして、ヘビの舌以外を選びます
2. 選択枠の中心のメニューから、「つながった図形を選択」を実行します。７ページのヘビが選ばれます。
3. 記憶ツールの「切り取り」ボタンをタッチして、７ページのアニメを記憶ツールにいれます
4. 記憶ツールの下の、アニメキャストにする「←ｑ」ボタンをタッチします。名前はヘビにしましょう。
5. 前にリンクコピーするボタン「←□」で、作られたアニメキャストを前のページにコピーします
6. いらないページを削除します。５ページの番号をタッチして、「ページの指定ここから」を実行します。
7. 先頭ページに移動するボタン「＜＜」をタッチします
8. １ページの番号をタッチして、「ページの指定ここまで」を実行します。
9. ページの番号をタッチし、「まとめて切り取る」を実行してページを削除します

７．文字を入れてひとコマにする

1. 文字入力ボタン「A」をタッチし、「データは軽いが、機能はヘビー」を入力します。
2. 次のページにリンクコピー「□→」で、文字を２ページにコピーします
3. 1ページの時間をタッチし、「ひとコマ」に設定します
4. 2ページの時間をタッチし、「ひとコマ」に設定します
5. 一度プレイすれば、文字や線がでてくるひとこまアニメになります。（文字や線に書き順属性が設定され、動きグラフがつくられます）
6. 1ページの時間を、「アニメキャストの時間（3.5秒）」に設定します。
7. 2ページでは、アニメキャストの最後の状態にしたいので、アニメキャストを選んで、中心のメニューから「アニメの修正」を実行します。アニメキャスト「ヘビ」の中が開きます。
8. 最後のページに移動するボタン「＞＞」をタッチします
9. 最後のページの時間を、１０秒にしましょう。
10. 上の太い文字の左をタッチし、メニューから、「このアニメにもどる」で元のアニメにもどります
11. プレイボタンで再生してみましょう

８. アニメGIF / 動画出力

1. 出力する前に「ファイルメニュー＞名前を付けて保存」で名前をつけて保存しておきましょう。
2. 「ファイルメニュー＞アニメGIF出力」または「動画出力」でアニメGIFまたはMP4動画が出力できます。スマホ版では、「9VAeフォルダ」と「カメラロール」に保存されます。パソコン版では最初に保存場所を選びます。
3. 動画素材を作る場合、画面サイズは、幅を空白、高さを７２０または１０８０、コマ／秒を３０にするとよいでしょう。「OK」ボタンで出力されます。

 Windows / Linux で動画出力

• 「動画出力」するためには「FFmpeg」が必要です。Windowsでは、FFmpegをダウンロードし、その場所を9VAeに登録します。LinuxはダウンロードだけでOK

Youtubeへの投稿

• MP4動画出力したものを、Youtubeから選んで投稿します

９．印刷する 

• 印刷機能をもったアプリを使います。9VAeはSVG画像、PNG画像を出力できます。印刷機能はありません。

Windowsの場合

1. LibreOffice Impress または Draw を使うのが簡単です。ダウンロードはこちら
2. 9VAeの印刷したいページ１ページだけ保存します。静止画のSVGイラストができます。
3. LibreOffice Impress または Draw を起動。「挿入メニュー＞画像」。保存したSVGを選びます。9VAeでCtrl+C（コピー）、ImpressでCtrl+V（貼り付け）でもよいです
4. 適当にレイアウトして印刷

Macの場合

1. プレビューアプリを使うのが簡単です。
2. 9VAeの印刷したいページに移動する。
3. プレビューアプリを起動。「ファイルメニュー＞スクリーンショットを撮る＞選択部分」を実行。
4. 9VAeの画面を選択すれば、選択範囲がプレビューにコピーされます。
5. プレビュー「ファイルメニュー＞プリント」

 

9VAeをつかえば素材動画が作れる 

• 9VAeきゅうべえを使えば、オリジナルの素材動画が簡単に作れます。
•  Openclipart や  FreeSVG など多くのSVGイラストをつかって動くキャラクタ素材も作れます。

 

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

• 9VAeに関する質問（Yahoo知恵袋）
• よくある質問（Qiita）
• 本記事の文章、図、アニメは複製自由です。教材、解説記事にご利用ください。