dnjiro’s 9VAe blog

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

１００分の１秒カウンター素材の作り方：ひとコマ解説

動画 アニメの作り方 解説動画 教育

１００分の１秒カウンター素材の作り方を説明します。動画による説明はこちら。同じ方法でカウントダウンタイマー素材も作れます。しゃべる解説の作り方はこちら。

 

ほかの解説動画はこちら。

内容：

 

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

フリーイラストからMP4動画素材が簡単につくれる無料アプリ9VAeきゅうべえは、下からダウンロードできます

操作方法

  1. 9VAeきゅうべえアニメ研究所をひらき、Downloadをタッチ
  2. ダウンロードする9VAeのアイコンをタッチ
  3. パソコン版は右上のダウンロードボタン。スマホ、タブレット版はアプリストアから「インストール」して開きます
  4. Mac版は解凍したあと、右ボタンメニューから「開く」を２回。Win版は「詳細情報」から実行します
  5. 9VAe Dangla は、スマホでもタブレットでも動きます。２眼表示機能つき

２．数字1桁のカウンタを作る

  1. 文字入力ボタンを押して、数字「0」を入力します
  2. ページの右側のプラスをタッチし、続きのページを作ります。
    同じ内容の2ページめができます
  3. 文字をタッチして選択します
  4. 選択枠の中心の「＋」メニューから「このページの文字だけ変更」を実行し、「1」に変更します。
  5. ページの右側の「＋」をタッチし、「続きのページを作る」を実行ます
  6. 文字をタッチして選択します
  7. 選択枠の中心の「＋」メニューから、「このページの文字だけ変更」を実行し、「2」に変更します。
  8. 同じ作業を繰り返して、10ページまで作ります。
  9. 10ページの数字は、9になります
  10. プレイボタンを押して、再生してみましょう

 

３．数字2桁のカウンタを作る

  1. 10ページの番号をタッチし、「ページの指定ここから」を実行します
  2. 次に先頭ページボタン「＜＜」をタッチして、1ページに移動します
  3. 1ページの番号をタッチし、「ページの指定ここまで」を実行、ページを選択します
  4. きおくツールのコピーボタンで、選んだ10ページをきおくツールにコピーします
  5. 複数ページ選択された選択枠の中心の「＋」をタッチし、「移動」を実行し、ドラッグして、選んだ数字を全部、左側に移動します
  6. ページの時間をタッチし、メニューから「まとめて調整する」を実行します
  7. 選んだページの時間を、100秒にします。各ページの時間は、10秒ずつになります
  8. きおくツールの下の「ｑ」ボタンで、中に入れたページをアニメキャストにしてステージに戻します。アニメキャストの名前は好きなようにつけてかまいません
  9. 次のページにリンクコピーボタン「□→」を、9回タッチして、10ページまで、アニメキャストをコピーします
  10. プレイボタンを押して、再生してみましょう

４．小数2桁を追加する

  1. 1桁の数字をタッチして選び、中心の「＋」メニューから「複製する」を実行します
  2. ドラッグして、元の数字の右側に移動します
  3. 中心の「＋」メニューから、もう一度「複製する」を実行します
  4. ドラッグして、数字の右側に移動します
  5. 右はしの数字の、中心の「＋」をタッチし「別のアニメにして修正」を実行します。名前は 「0.01」にしましょう。これでアニメキャスト「0.01」の中が開きます
  6. 1ページの番号をタッチして、「ページの指定ここから」を実行します
  7. 「＞＞」ボタンで最後のページに移動します
  8. 10ページの番号をタッチし、メニューから「ページの指定ここまで」を実行して全部のページを選びます。
  9. 選んだページのいずれかの時間をタッチし、メニューから「まとめて調整する」を実行します
  10. 選んだ10ページの時間を、「0.1秒」にします。その結果、各ページは、0.01秒になります
  11. 画面の上の太い文字をタッチし、「このアニメにもどる」を実行します。アニメキャストから元のアニメに戻ります
  12. 同じ処理を右から2つめの数字にもお構内ます。数字を選び、中心の「＋」メニューから「別のアニメにして修正」を実行します。名前は 「0.1」にしましょう
  13. アニメキャストの中が開くので、1ページの番号をタッチして、「ページの指定ここから」を実行します。
  14. 「＞＞」ボタンで最後のページに移動します
  15. 10ページの番号をタッチし、メニューから「ページの指定ここまで」を実行。
  16. ページの時間をタッチし、「まとめて調整する」を実行します。全体の時間を、1秒にします。各ページは、0.1秒になります
  17. 画面の上の太い文字をタッチし、「このアニメにもどる」で、元のアニメにもどります
  18. 下2桁の数字を外からドラッグして選択します
  19. 前のページにリンクコピーボタン「←□」を、9回タッチして、1ページまで、アニメキャストをコピーします。4桁のカウンタができました

５．背景に小数点を入れる

  1. 先頭ページの左側をタッチして、メニューから、「背景ページを入れる」を実行します。背景ページがはいります
  2. 表示メニューから、「前後のページを重ねて表示」を実行します。後ろのページがムラサキ色で見えます
  3. 文字入力ボタンを押して、小数点「．」を入力します。
    背景ページにかきこむと、後ろのページ全ての背景になります
  4. 枠をつけてみましょう。四角形ボタンをタッチ。
  5. ドラッグして数字を囲む四角形をかきます
  6. 重なりを下にして、小数点を表に出します
  7. プレイボタンで動きを見てみましょう

 

解説動画の作り方

この記事のひとコマ解説GIFは、フリーソフト9VAeきゅうべえで作成しています。

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

↑これを見るとダウンロード、キーフレーム補間、SVGイラストをパーツ化して口パクさせる方法がわかります。パソコンでもiPadでも同じ操作です。

  • 9VAeきゅうべえで、キャプチャー画面に、矢印や説明を加え、ページに「ひとコマ」設定すると解説動画が作れます。
  • Youtube動画より短く、キャプチャー画面の羅列より見やすいのが特長です。
  • FFmpeg を使って Youtube 動画にすることもできます。

 

画面キャプチャ方法

OS
画面キャプチャ方法
保存先
 Windows
クリップボード
（ペイントに貼り付けて保存）
 Mac
  • Shift + Command + 4 （ShiftキーはZの左、スペースでウィンドウ指定）
デスクトップ
 Android
  •  電源 + 音量Down
 adbコマンド (開発者向け)
  •  adb shell screencap -p /sdcard/screen.png
     adb pull /sdcard/screen.png
フォトアプリ＞
ライブラリ＞
Screenshots
 
iPhone / iPad
  •  ホームボタン + 電源ボタン
  • サイドボタン + 音量UP
写真＞
アルバム＞
スクリーンショット
 Linux Mint
  • Print Screen キー
クリップボード
ファイル
 Amazon Fire
  • 電源 + 音量Down １秒長押し
  • USBケーブルでPCと接続し、
    設定＞接続デバイス＞USB＞ファイル転送
ピクチャ >
スクリーンショット
 Chromebook
  • Shift + Ctrl + ウィンドウ一覧キー（上の中央のキー）
マイファイル >
ダウンロード

キャプチャ画像を転送する方法はこちら

キャプチャ画像を9VAeに読みこむ

f:id:dnjiro:20220119095713g:plain

  1. 画像入力ボタン「山」でキャプチャ画像を読み込む
  2. 画像の中心の「＋」をクリック。メニューから「ステージの大きさにする」
  3. 画像の中心の「＋」をクリック。メニューから「ページを画像に合わせる」

文字、矢印を入れる

f:id:dnjiro:20220119131719g:plain

  1. 文字入力ボタン「A」で数字を入力
  2. 角の■をドラッグでサイズ変更。
  3. 中心の「＋」または枠線のドラッグで移動
  4. 線の種類ボタンをクリック。メニューから「→」で矢印に設定
  5. 折れ線ボタンをクリック
  6. 開始点
  7. 終了点
  8. 選択ボタンで入力終了
  9. 太さ設定ボタン。メニューから「太くする」で太くできます。
  10. 文字入力ボタン「A」で説明文章を入力
  11. 背景の色を設定
  12. 線の種類メニューの「ー」で枠線がつきます
  13. 太さ設定ボタン。メニューから「太くする」で太くできます。

文字の色、縁、影をつける

f:id:dnjiro:20220119140955g:plain

  1. 文字を選ぶ
  2. 文字タブ２をクリック
  3. 文字の色をクリック
  4. 赤に設定
  5. 文字と矢印をドラッグして選ぶ
  6. 図形タブ１をクリック
  7. 線の種類から「縁をつける」
  8. 線の種類から「影をつける」、線の種類から「広く」
  9. 線の色「赤」

ひとコマアニメーションにする

  1. ページ時間をクリック。メニューから「ひとコマ」を設定。これでアニメーションができます。
  2. プレイボタンで再生してみましょう。入力した順番に文字、矢印がでてきます。
  3. これで１ページ完成です。続きを作りたい場合は、ページの右側の「＋」をクリックし「続きのページを作る」で、２ページ目が作成できます。

アニメGIF、動画出力

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

 

 

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

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

OS

無料動画ソフト

9VAeで作れる素材

Windows

CapCut

AviUtl

MP4

連番PNG または MP4

Mac/iPhone/iPad

CapCut

iMovie

MP4 

MP4

Android

CapCut

PowerDirector

MP4

GIF または MP4

作り方

 

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

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

 

 

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

 

Â