dnjiro’s 9VAe blog

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

SVGからアニメGIF作成「泣く女」

9VAeきゅうべえアンドロイド版でもPC版iPad版でもつくれます。とても簡単で、10分ぐらいでできます。[完成データはこちら]

 

f:id:dnjiro:20190201122658g:plain

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

 

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

 

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

  1. こちら Openclipart -Crying Female または FreeSVG-CryingLadyを開く
  2. スマホの場合は、「ダウンロード」ボタンを長押し。メニューから「リンクアドレスをコピー」をタッチ。9VAeきゅうべえのツールメニュー>「ネットからダウンロード」のあと、http:入力エリアを長押しして「貼り付け(ペースト)」。
  3. パソコンの場合は「ダウンロード」ボタンを右ボタンでクリック。「対象をファイルに保存」または「リンク先のファイルをダウンロード」。9VAeきゅうべえメニューから「ファイル>開く」をクリック。ダウンロードしたファイルを選ぶ。SVGが読めない場合はバージョンが古いので最新版にしましょう。
これで、9VAeにSVGイラストが読み込まれます。
左下の「虫眼鏡」ボタンをクリックすると全体が見えます。 

f:id:dnjiro:20190201124218p:plain

 

2. アニメキャストの中身を保存(スマホの場合)

よみこんだイラストはアニメキャストという部品のアニメになります。静止画で使いたい場合はアニメキャストにしておくほうが便利ですが、動きをつけたい場合は、アニメキャストの中身を開きます。
 
  1. 選択枠の中心の「+」をタッチ。メニューの上から2番目「アニメ(...)を修正」をタッチ。アニメキャストの中が開きます。

  2. 「ファイル>名前をつけて保存」で「cryingfem」と名前をつけて保存しましょう。

  3. メニューバー「ファイル>閉じる」をタッチ
  4. メニューバー「ファイル>開く」をタッチ。「cryingfem.svg」を開く。
  5. これに動きをつけていきましょう。

 

3. 続きのページを作る

  1. ページの右側のf:id:dnjiro:20181221171302g:plainをタッチ。メニューから「続きのページを作る」。これで1ページが2ページにコピーされます。

 

3. 涙を下に移動

(1)点を選ぶ

  1. 図形を選んでf:id:dnjiro:20181027163024g:plainをタッチすると点が表示されます。
  2. f:id:dnjiro:20181221164812g:plainの「+」をタッチして拡大し、涙の点を囲んで選びます。パソコンの場合、Ctrlキーを押しながら画面をドラッグすると青い線で囲んで選べます。

    f:id:dnjiro:20190201130428p:plain

  3. もう一度f:id:dnjiro:20181027163024g:plainをタッチすると涙の点だけが表示されます。この方法は便利ですのでぜひ覚えてください。

     

(2)涙を下に移動

  1. 涙の点を全部選び、中心の「+」をタッチ。メニューから「移動」をタッチ。画面をドラッグして涙を下に移動させます。f:id:dnjiro:20190201131752p:plain

 

4.顔を下に向ける

  • もう一度顔を選んでf:id:dnjiro:20181027163024g:plainをタッチ。涙以外の顔左手を選びます。下の赤い点が選んだ点です。

    f:id:dnjiro:20190201133057p:plain

    中心の「+」をタッチ。メニューから「ゴム変形」をタッチ。画面下にドラッグすると顔が下を向きます。これで完成。
  • プレイボタンf:id:dnjiro:20181029083754g:plainで再生してみてください。

 

5.アニメGIF出力

  • ファイルメニュー>「アニメGIF出力」で、好きなサイズのアニメGIFが作成できます。画像サイズが大きい場合や、秒間のコマ数が多いと作成に時間がかかります。
  • 今回のアニメは時間を1秒だけ出力しました。また、ファイルメニュー>「ページ設定」で画面をすこし大きくしました。
  • 完成したファイルは、Androidの場合は、端末内の「9VAe」フォルダの中に「cryingfem.gif」という名前で出力されます。
  • Androidの場合、フォトアプリで、「端末内の写真>9VAe」で見ることができます。

 

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

アニメGIFは簡単にMP4動画に変換できます。動画にする場合、アニメGIFの高さは「720」で作成するとよいでしょう。

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

 

7.完成したSVGアニメの読み込み

  • 9VAeきゅうべえで保存したSVGアニメーションは、9VAeで読み込めば、自由に編集できます。
  • こちら(完成データ)を長押し、もしくは右ボタンメニューでダウンロードし、9VAeきゅうべえで開いてみてください。

 

9VAeきゅうべえAndroid版を使えば、スマホだけで、SVGイラストから絵をかかずにアニメGIFを作成できます。Openclipart には15万点以上のSVGイラストがあります。ぜひいろんなアニメを作ってみてください。

 

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

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