動く動画フレームの作り方：無料ソフト9VAeきゅうべえ

9VAeきゅうべえアンドロイド版でもPC版、iPad版でもつくれます。作業時間は１５分くらいです。動画編集用素材にもなります。

ほかのアニメの作り方はこちらをご覧ください

 

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

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

SVGイラストのダウンロード

Openclipart (Heart Fractal Outline) からダウンロードします。

1. スマホの場合は、「SVG（Vector）（ここでもよい）」を長押し。メニューから「リンクアドレスをコピー」をタッチ。9VAeきゅうべえのツールメニュー＞「ネットからダウンロード」のあと、http:入力エリアを長押しして「貼り付け（ペースト）」。これでダウンロードできなかった場合は、いったんダウンロードし、「ファイル＞開く」からダウンロードしたファイルを開いてください（Androidの場合）
2. パソコンの場合は「 SVG（Vector）（ここでもよい）」を右ボタンでクリック。「対象をファイルに保存」または「リンク先のファイルをダウンロード」。9VAeきゅうべえメニューから「ファイル＞開く」をクリック。ダウンロードしたファイルを選ぶ。SVGが読めない場合はバージョンが古いので最新版にしましょう。

これで、9VAeにSVGイラストが読み込まれます。
左下の「虫眼鏡」ボタン（下図A）をクリックすると全体が見えます。 

アニメキャストの中身を保存して開く（ツールメニューから読み込んだ場合）

ツールメニューからよみこんだイラストはアニメキャストという部品になります。アニメキャストが便利な場合もありますが、動きをつけたい場合は、アニメキャストの中身を開きます。

 

1. 選択枠の中心の「＋」（上図B）をクリック。メニューの上から２番目「アニメ（...）を修正」をクリック。アニメキャストの中が開きます。

2. 「ファイルメニュー＞名前をつけて保存」で「heartframe」という名前をつけて保存します。（上図C）

3. 「ファイルメニュー＞開く」（上図D）。「heartframe」を開きます。

4. これに動きをつけていきましょう。

中央上のハートをひとつ選んで移動

1. パレットの下（下図E）をタッチするとパレットが消えます。スマホ版ではよく使う操作です。右下の「もどす」で元に戻ります。

   

2. ページ右の「＋」（上図F）をタッチ。「続きのページを作る」をタッチ。これで２ページができます。
3. ハートをタッチして選びます（上図G）。
4. 点選択ボタン（上図H）で点がすべて表示されます。
5. 中心の上のハートの点の一部（上図I）を選びます。
6. 点選択ボタン（上図J）をもう一度押せば、選んだ点のハートだけ点が表示されます。
7. 左下の表示拡大ボタン「＋」（上図K）で選んだハートが拡大されます。
8. ハートの全部の点を選びます（上図L）
9. 選択枠中心の「＋」をドラッグして下に下げます（上図M）
10. 「表示メニュー＞前後のページを重ねて表示」（上図N）これで１ページのハートの位置が薄い色で表示されます。

ハートをひとつずつ隣に移動

1. ハートをタッチして選びます（下図O）。

   

2. 点選択ボタン（上図P）。全部の点が表示されます。
3. 中心からひとつ左のハートの点（上図Q）を選びます。
4. 点選択ボタン（上図R）を２回タッチ。１回めで選んだハートだけの点になり、２回めでハートがひとつ選択された状態になります。
5. 中心の「＋」をドラッグして右下に移動（上図S）。
6. 選択枠の角の■（上図T）をタッチ。メニューから「回転」。前のページのハートの位置に重ねます。
7. この作業を繰り返します。
8. ハートをタッチし、左側のハートの一部の点を選択（上図U） 
9. 点選択ボタン（上図V）。移動し、回転し、となりのハートに重ねます（上図W）

上の作業を繰り返し

• ハートをひとつずつ移動させます。
• スマホの場合、２本指で画面をスクロールすると表示場所が変えられます。
• パソコンの場合、スペースキーを押しながら画面をドラッグすると表示場所が変えられます。

 繰り返し、文字をいれる

1. 左下の虫眼鏡ボタン（下図X）で全体を表示。

   

2. １ページ（上図Y）をタッチし１ページに移動。
3. 「ツールメニュー＞繰り返し」をタッチ（上図Z）。これで「繰り返し」命令がはいり、１ページと２ページの間が繰り返し再生されるようになります。
4. １ページの時間（１秒）（上図a）をタッチ。メニューから「0.1秒短くする」を５回おして、１ページの時間を 0.5秒に設定
5. 先頭ページの左側の「＜」（上図b）をタッチ。メニューから「グリーンの背景を入れる」を実行。背景がグリーンバックになります。
6. ２ページ（上図c）をタッチし３ページに移動。
7. 文字入力ボタン「A」（上図d）をタッチ。「9VAeでつくれるよ」と入力。
8. 選択枠の角の■をドラッグして文字を拡大（上図e）。
9. 右下の「もどす」（上図f）をタッチしてパレットを表示。
10. 線の種類ボタン（上図g）をタッチ。「縁をつける」で文字が縁取りされます。
11. 文字タブ２（上図h）をタッチ。文字色ボタン（上図i）で文字の色を設定します。

12. プレイボタンで動きをみてみましょう。

    

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

• 「ファイルメニュー＞アニメGIF出力」または「動画出力」で、好きなサイズのアニメGIF または MP4動画 が作成できます。
  Win / RaspberryPi / Linux版 でMP4動画を作るには FFmpeg が必要です
• このアニメには繰り返しボタンがはいっており、無限ループなのでアニメGIFの「出力秒数」を設定する必要があります。
• 0.5秒で繰り返しているので、0.5でもかまいません。動画素材にする場合は必要な長さを指定するとよいでしょう。
• スマホの場合、端末内の「9VAe」フォルダの中に出力されます。フォトアプリで、「端末内の写真＞9VAe」で見ることができます。
• アニメGIFは、背景を透明にできます。音がいれられません。
• MP4動画には音が入れられます。Youtubeに投稿できます。Youtubeに投稿する場合、１秒30コマ、高さ720 または 1080 で出力するとよいでしょう。

ezgif サイトで、MP4動画に変換

アニメGIFは簡単にMP4動画に変換できます。

1. ezgif.com ( Online GIF to MP4 Video converter ) を開く
2. 「ファイルを選択」をクリック ＞ 作成したファイルを選ぶ。（Android版の場合、「ファイル」をクリックし、出力されたアニメGIFを選ぶ）
3. 「Upload!」ボタンをクリック
4. 「Convert GIF to MP4!」ボタンをクリック
5. 「Save」ボタン（フロッピーディスクアイコン）をクリック

• これで、MP4ファイルが保存できます。

 

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

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

• 9VAeは各ソフトにあわせて、いろんなフォーマットでクリップ動画を出力できます。

アプリ	クリップ形式	作り方
PowerPoint LibreOffice Keynote	アニメGIF	背景を透明にして出力（PowerPointの例）
iMovie PowerDirector	グリーンバック動画	先頭にグリーンバック背景を入れる。（iMovieの例、PowerDirectorの例）
AviUtl	連番PNG	背景を透明にして出力（AviUtlの例）

長いアニメや動画を作りたい場合は、以下をご覧ください。

9VAeきゅうべえ：長いアニメを作る方法 - Qiita

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

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