写真に動く説明が入れられる無料アプリ：9VAeきゅうべえ

9VAeきゅうべえアンドロイド版でもPC版、iPad版、iPhone版でもつくれます。動画編集用素材にもなります。

このアニメーションは、写真の上に楕円と文字をいれたひとこまアニメーションで１０分ぐらいで作れます。他のアニメの作り方はこちらをご覧ください。写真を動かす動画の作り方はこちら。

 

内容：

• 「１．」ひとコマアニメ作成準備（１）
• 背景ページ作成（２）
• 写真を入れる（３、４）
• 図形を入れる。ぼかし（５）
• 文字を入れる。縁取り（６）
• ひとコマアニメ作成（７）
• アニメGIF、動画出力（８、９）

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

• パソコン： 無料ソフトでアニメを作ってみよう（9VAe きゅうべえ） - Qiita

• Android：9VAeきゅうべえAndroid版（Google Play）

• iPad / iPhone：9VAeDanga (Apple)、9VAePro (Apple)
• Amazon Fire：9VAeきゅうべえFire版（Amazon）
• 9VAeのボタン説明

使い方.youtube

１. 新規作成して、最初に「１．鉛筆」を押す

9VAeきゅうべえには「ひとこまアニメーション」という機能があり、文字が１文字ずつでてきたり、絵が描けていくアニメーションが簡単につくれます。絵を描く前にページの右側の（下図A）を押すと「ひとコマアニメーションモード」になります。また、ページの時間（１秒）をクリックし、メニューから「ひとコマ」を選ぶと、そのページが「ひとコマアニメーションモード」になります。では作り方を説明します。

1. 「ファイルメニュー＞新規作成」をクリック
2. ページの右側の（下図A）をクリック＞「線を書いたあと、もう一度このボタンを押してください」が出たら「OK」

これで１コマアニメーションの作成準備ができました。

２. 背景ページを作る

1. 先頭ページの左側の「＜」（上図B）をクリック＞メニューから「背景ページを入れる」。これで先頭に背景ページができます。

背景ページに写真をいれておけば、編集が楽になります。背景ページに描いた絵は後ろのページの背景に表示されます。

３. 写真のダウンロード

1. キッズプラザ大阪の写真はこちらにあります。
2. アンドロイド/iPhone/iPad版の場合、写真を長押しし、写真のリンクアドレスをコピーします。そのあと、9VAeきゅうべえの「ツールメニュー＞ネットからダウンロード」にリンクアドレスをペーストし「OK」を押せば写真が背景ページにはいります。（Ver.191119 以上）入力できない場合は新しいバージョンにしてください。
3. Windows/Mac/Linux版の場合、写真をダウンロードしてから、9VAeきゅうべえの「ツールメニュー＞絵・写真を入れる」で写真を選びます。

４. 写真のサイズ、位置調整

1. 写真の選択枠の角の「■」ハンドル（上図C）をドラッグすれば写真が拡大できます。
2. 写真の中心の「＋」や枠線（上図D）をドラッグすれば写真の位置が変更できます。
3. 9VAeきゅうべえは写真を回転させることはできません。

５. ２ページに移動。楕円をいれる。ぼかしをつける。

1. ２ページ（上図E）をクリックして２ページに移動
2. 楕円ボタン（下図F）をクリックし、中心（下図G）から楕円を描きます。
3. 選択ボタン(下図H)を押せば、入力した線の色や属性を変更できます。
4. 線の色は、カラーパレットの下の左側（下図I）です。白にしてみましょう。
5. 線の属性は下の右から２番目（下図J）で、「ぶれ、ぼかし、影、光、縁取り」があります。ぼかしにしてみましょう。
6. 間違えた場合、戻すボタン（下図K）を押せば何回でもやりなおせます。

   

６. 文字をいれる。縁取り文字にする。

1.  文字入力ボタン（下図L）をクリックし、文字をいれます。
2. 選択枠の角の「■」ハンドル（下図M）で文字の大きさを調整できます。
3. 文字の色は、文字タブ（下図N）をクリックし、カラーパレットから変更します。白にしてみましょう。
4. 文字にも線と同じ属性をつけることができます。図形タブ（下図O）をクリックし、線の種類ボタン（下図P）をクリックし、「縁取り」にしてみましょう。
5. 縁取りの色は、色２（下図Q）で設定します。濃い青にしてみましょう。
6. 縁取りの太さは線の種類ボタン（下図P）のメニューの下にある「広く・せまく」で調整できます。

   

７. ひとこまアニメーション完成

1. ページの右側の（上図R）をクリック＞これでアニメーションが完成です。プレイボタンでもかまいません。

• ひとコマアニメーションは毎回再生するごとに作り直されます。
• ページの上の「〇〇秒」（上図S）をクリックし、時間を修正すれば、アニメーションの速さを調整できます。時間を調整すると「ひとコマモード」が解除されます。もう一度「ひとコマ」モードにしたい場合はページの時間（上図S）をクリックし、メニューから「ひとコマ」を選びます。
• 文字が１文字ずつでてこない場合、9VAeきゅうべえのバージョンが古い可能性があります。Ver.0.8 以上にしてください。

８．アニメGIF (またはMP4) 出力（動画素材の作り方）

• ファイルメニュー＞「アニメGIF出力」
• もし、Youtube動画を作成したい場合は、出力画面サイズの「高さ」を７２０に設定するとよいでしょう。スマホ版の場合、幅を空白にすれば同じ比率で「幅」が自動的に設定されます。
• 「OK」ボタンでアニメGIFファイルができます。

※Macintoshまたは、iPhone/iPad の場合、ファイルメニュー＞「動画出力」でMP4 動画を直接作ることができます。

９．ezgif サイトで、GIF を MP4動画に変換

• Mac / iPhone / iPad版には、ファイルメニューの中に「動画出力」があり、アニメGIFと同じ操作で、MP4動画を作成できます。
• Windows / Linux / Android 版の場合、次のように、ezgif.com を使って、アニメGIFを、MP4動画に変換するのが簡単です。

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

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

 

9VAeを使えばショートクリップ動画がすぐ作れる 

• 9VAeきゅうべえを使えば、スマホだけで短い動画が簡単につくれます。ぜひご利用ください。
• 9VAeでクリップ動画を作成し、他のアプリに入れられます。

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

• もっと長いアニメや動画を作ることもできます。以下をご覧ください。

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

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

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