dnjiro’s 9VAe blog

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

9VAeきゅうべえを使った手描きスケッチ風動画の作り方

9VAeきゅうべえを使えば、写真から手描きスケッチ風動画が誰でもつくれます。下の作品は15分でできました。Android版でも作れるようになりました。

 

f:id:dnjiro:20190207103630g:plain

手順は次のとおり。

 

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

アニメ作成ソフトのダウンロードはこちら 。

無料ソフトでアニメを作ってみよう(9VAe きゅうべえ) - Qiita

 

1.9VAeの「1.」をクリックしてから、背景ページに写真を入れる

  1. 9VAeきゅうべえを起動。
  2. 「ファイル>新規作成」
  3. ページの右側のf:id:dnjiro:20181221201107p:plainをクリック。「線を書いた後もう一度「1.」ボタンを押してください」が出たら、OKをクリック。★この作業は重要でこれをやっておかないと、書き順アニメを作ってくれません。
  4. ページの左側の「<」をクリック。メニューから「背景ページを入れる」をクリック。>背景ページが左側にできます。
  5. 背景ページの「背景」をクリック。メニューから「絵・写真を入れる」をクリック。好きな写真を入れます。★Android版の場合、ファイルマネージャを使って入れたい写真を端末内部の 9VAe フォルダにいれておけば読み込めます。

2.画面サイズの調整

  1. 写真を選んで、選択枠の中心「+」をクリック。「ステージの大きさにする」をクリックします。これで写真が画面全体に広がります。
  2. もう一度、選択枠の中心「+」をクリック。「ページを画像に合わせる」をクリックします。これでステージの縦横比率が写真と同じになります。(★この項目がない場合は最新版の9VAeきゅうべえをダウンロード

3.写真をなぞって絵を描く 

  1. 2ページをクリックして2ページに移動。背景に入れた写真が下に見えるはず。
  2. 左上のツールパレットから「えんぴつ」ボタンf:id:dnjiro:20190207084344p:plainをクリック。上のf:id:dnjiro:20181221201107p:plainをもう一度クリックしてもよいです。これで線を書くモードになります。
  3. 写真の上をなぞります。線が太いと感じたら右側のパレットで調節できます。4つならんだ箱が線の属性。左から「線の色」「線の太さ」「線の種類」「矢印」。ちなみに上の色は塗り色です。
  4. 失敗したら、f:id:dnjiro:20181023071022g:plainまたは「Backspace」キーで元に戻れます。
  5. 描いた線は、あとから選択して、頂点を移動させることもできるので、あまり気にせず入力すればよいです。

     

4.書き順アニメの作成

  1. 絵が完成したら、写真を取り除きます。背景ページの下の番号「1」をクリック。メニューから「ページを切り取る」をクリック。写真がきおくツールに入ります。

    f:id:dnjiro:20190207103813p:plain



  2. ここでf:id:dnjiro:20181221201107p:plainをクリック。これで絵を描いていく書き順アニメ(1コマアニメーション)ができます。簡単でしょう。

5.手描きスケッチから写真に変化させる

  1. ページの右側のf:id:dnjiro:20181221171302g:plainをクリック。メニューから「続きのページを作る」をクリック。これで2ページ目ができます。
  2. 2ページの時間が長すぎるので、2ページの上の時間「xx秒」をクリック。一番上の時間をクリックして「2秒」ぐらいにします。ここに写真をいれます。
  3. 右側のf:id:dnjiro:20190110124400p:plainをクリック。メニューから「ステージにもどす」をクリック。これで写真が2ページにはいります。
  4. 写真の中心の「+」をクリック。メニューから「透明にする」をクリックしてチェック。これで写真が透明になります。(★「透明にする」がない場合は最新版の9VAeきゅうべえをダウンロード
  5. ページの右側のf:id:dnjiro:20181221171302g:plainをクリック。「続きのページを作る」をクリック。3ページ目ができます。
  6. 3ページの透明な写真をクリックして選択。中心の「+」をクリック。メニューから「透明にする」をクリックしてチェックをはずせば写真が元に戻ります。これで完成。
  7. プレイボタンf:id:dnjiro:20181029083754g:plainをクリックして、スケッチが描かれたあと、写真に変化するアニメを見てください。

6.アニメGIFにする

  1. 「ファイル>アニメGIF出力」をクリック。PC版はまず保存先のフォルダを選んでファイル名をいれる。
  2. アニメGIFの出力画面が出るので、出力したいサイズ、秒間のコマ数を設定。「背景を透明にする」のチェックは外しておくとよいでしょう。
  3. MP4動画にする場合は、高さを「720」に設定するとよいです。スマホ版の場合、幅を空白にすれば同じ比率で「幅」が自動的に設定されます。
  4. 上のアニメGIFも、このようにして作りました。

 

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

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

8.応用編