【和訳】Synfig チュートリアルーアニメーションの基礎(その3)

Synfig チュートリアルを参考に(おおいに簡約し)説明を行ってゆきます。


"【和訳】Synfig チュートリアルーアニメーションの基礎(その2)" に引き続き、Synfig でアニメーション動画を作成する方法を確認してゆきましょう。

目次


アニメーションのレンダリング

Synfig では2種類のレンダリングの方法を用意しています。

  • Synfig Studio を使う
  • コマンドラインの Synfig プログラムを使う

まず Synfig Studio を使う方法です。一度ワークスペース上のタイムラインの右にある赤い点をクリックし「アニメートエディットモード」を閉じましょう。

アニメートエディットモードの終了

アニメートエディットモードの終了

[クリックするとこのウィンドウで拡大]

次にファイルを保存します。ファイル名は本来何でも構いませんが今回は「BasicKnightRider.sifz」としましょう。

ファイルの保存(その 1)

ファイルの保存(その 1)[クリックするとこのウィンドウで拡大]

ファイルの保存(その 2)

ファイルの保存(その 2)

[クリックするとこのウィンドウで拡大]

ファイルの保存にはワークスペース上の左上にある三角(△)のボタンからメニューを表示し、「File」-「Render」をクリックします。

Synfig Studio レンダリング(その 1)

Synfig Studio レンダリング(その 1)

[クリックするとこのウィンドウで拡大]

するとレンダーセッティングダイアログが表示されます。この「Filename」を「BasicKnightRider.gif」に変更して下さい。ファイルを保存する場所は「BasicKnightRider.sifz」と同じにしておいて下さい。

Synfig Studio レンダリング(その 2)

Synfig Studio レンダリング(その 2)

[クリックするとこのウィンドウで拡大]

次に「Target」を「Auto」から「gif」に変更し、「Render」をクリックします。スペックに依存しますがそう時間はかからないはずです。最後にワークスペース下に位置するステータスバーに「File rendered successsfully」と表示されれば成功です。

レンダリング中

レンダリング中[クリックするとこのウィンドウで拡大]

レンダリング完了

レンダリング完了[クリックするとこのウィンドウで拡大]

ちなみに、もし「The magick++」が利用可能ならば「Target」は「gif」ではなく「gifs」としておいた方が最適化が行われる為無難です。

さあ、「BasicKnightRider.gif」を Firefox や他のアプリケーション(IE 等)で開いてみましょう。ちなみに Firefox では gif イメージは延々と繰り返されます。

作成したアニメーション

作成したアニメーション[クリックするとこのウィンドウで拡大]

(クリックすると動き出します)

赤いサークルは左から右へ、そしてまた左へ移動していましたか?おめでとうございます!!これが最初のアニメーションです!!

レンダリングを行う前に「File」-「Preview」からプレビューを表示することが可能です。

プレビュー(その 1)

プレビュー(その 1)[クリックするとこのウィンドウで拡大]

プレビュー(その 2)

プレビュー(その 2)[クリックするとこのウィンドウで拡大]

プレビュー(その 3)

プレビュー(その 3)[クリックするとこのウィンドウで拡大]

次は「File」-「Render」からでなくコマンドラインからレンダリングを行う方法です。

(ここから先はコマンドラインで行う必要のない方は確認する必要はありません)

「Windows キー+r」を押して「ファイル名を指定して実行」ダイアログを表示し、「cmd」を入力しましょう。DOS プロンプトが表示されたはずです。

CLIレンダリング(その 1)

CLIレンダリング(その 1)[クリックするとこのウィンドウで拡大]

次に Synfig ファイル(BasicKnightRider.sifz)があるフォルダに移動し次のコマンドを実行します。

synfig -t gif BasicKnightRider.sifz

注意

GIF 出力はバージョンや設定に依存します。環境によっては出力できないかもしれません。

いくつかメッセージが出力されますが問題ありません。スペックにもよりますがすぐに完了し、次のようなメッセージを出力するはずです。

BasicKnightRider.sifz ==> BasicKnightRider.gif: DONE

CLIレンダリング(その 2)

CLIレンダリング(その 2)

このメッセージが表示されればもう DOS プロンプトは終了して構いません。さあ、Firefox やその他のブラウザ(IE 等)で確認してみましょう。

最後にひとこと

もちろん、Synfig Studio を使って変更することのできるオブジェクトの状態は一つではありません。他にもサイズ、アウトライン、カラー等、多くの状態を変更することが可能です。Synfig ではどんなことができるのか、例としていくつかファイルを用意しています。

最後に

ここまででもう Synfig でアニメーションを作成することは十分可能ですっ!!一度アニメーションを作ってみてはいかがですか?

リソース

  • 今回作成した「BasicKnightRider.sifz」
    BasicKnightRider.sifz
    (右クリックから「名前をつけて保存」して下さい)

参考 URL


関連記事

無料シリーズ

  1. "無料で動画をつくってみよう(Synfig 編)"
  2. "無料で動画をつくってみよう(pencil 編)"
  3. "無料で音源をつくってみよう(Audacity 編)"
  4. "無料で動画をつくってみよう(VirtualDubMod 編)"
  5. "無料でシナリオを書いてみよう(celtx 編)"
  6. "無料で動画をつくってみよう(WinFF 編)"
  7. "無料で画像をつくってみよう(LEGO Digital Designer 編)"
  8. "無料で音源をつくってみよう(mp3DirectCut 編)"
  9. "無料で音源をつくってみよう(Audio Joiner 編)"
  10. "無料で動画をつくってみよう(Pivot Stickfigure Animator 編)"
  11. "無料で動画をつくってみよう(Avidemux 編)"

Synfig のご紹介

  1. "無料で動画をつくってみよう(Synfig 編)"
  2. "インストールの方法(Synfig)"

Synfig 初級

  1. "【和訳】Synfig チュートリアルーはじめてみよう(その1)"
  2. "【和訳】Synfig チュートリアルーはじめてみよう(その2)"
  3. "【和訳】Synfig チュートリアルーはじめてみよう(その3)"
  4. "【和訳】Synfig チュートリアルーアニメーションの基礎(その1)"
  5. "【和訳】Synfig チュートリアルーアニメーションの基礎(その2)"
  6. "【和訳】Synfig チュートリアルーアニメーションの基礎(その3)"(本記事)

Synfig 中級

  1. "【和訳】Synfig チュートリアルーフラワーアニメーション(その1)"
  2. "【和訳】Synfig チュートリアルーフラワーアニメーション(その2)"
  3. "【和訳】Synfig チュートリアルーフラワーアニメーション(その3)"
  4. "【和訳】Synfig チュートリアルーフラワーアニメーション(その4)"

Synfig Tips

  1. "起動しよう(Synfig)"
  2. "2つ以上 CPU のある Windows で Synfig を使う"
  3. "オブジェクトを拡大・縮小する(Synfig)"
  4. "オブジェクトをインテリジェントに拡大・縮小する(Synfig)"
  5. "オブジェクトを移動する(Synfig)"
  6. "オブジェクトをインテリジェントに移動する(Synfig)"
  7. "オブジェクトを反転する(Synfig)"
  8. "オブジェクトをインテリジェントに反転する(Synfig)"
  9. "簡単に CPU を 1つに制限する(Synfig)"
  10. "オブジェクトを回転する(Synfig)"
  11. "Inkscape 等で使われる svg 形式の画像を読み込む(Synfig)"
  12. "プレビューを表示する(Synfig)"
  13. "Synfig サンプル集(その1)(Synfig)"
  14. "Synfig サンプル集(その2)(Synfig)"
  15. "レイヤを使う(Synfig)"
  16. "オブジェクトを見えたり見えなくしたりする(Synfig)"
  17. "グループを使う(その1)(Synfig)"
  18. "グループを使う(その2)(Synfig)"
  19. "アウトラインをつける(その1)(Synfig)"
  20. "アウトラインをつける(その2)(Synfig)"
  21. "画像を読み込む(Synfig)"

Pencil 初級

  1. "【和訳】Pencil ユーザマニュアル(その1)"
  2. "【和訳】Pencil ユーザマニュアル(その2)"
  3. "【和訳】Pencil ユーザマニュアル(その3)"
  4. "【和訳】Pencil ユーザマニュアル(その4)"
  5. "【和訳】Pencil ユーザマニュアル(その5)"
  6. "【和訳】Pencil ユーザマニュアル(その6)"
  7. "【和訳】Pencil ユーザマニュアル(その7)"
  8. "【和訳】Pencil ユーザマニュアル(その8)"

VirtualDubMod Tips

  1. "動画の不要な部分を削除(カット)する(VirtualDubMod)"
  2. "動画再生中に静止画を表示させる(VirtualDubMod)"
  3. "動画の再生速度を変える(VirutalDubMod)"
  4. "動画の不要な部分を塗りつぶす(VirtualDubMod)"
  5. "動画を回転する(VirtualDubMod)"
  6. "動画をグレイスケール化する(VirtualDubMod)"

MediaCoder Tips

  1. "多様な動画形式を mp4(携帯向け動画)に変換する(MediaCoder)"

Avidemux Tips

  1. "動画の再生速度を変える(Avidemux)"
  2. "動画を回転する(Avidemux)"
  3. "動画の不要な部分を削除(カット)する(Avidemux)"
  4. "動画にフェード効果をつける(Avidemux)"
  5. "動画にぐるぐる回す効果をつける(Avidemux)"
  6. "動画内の上下の線を削除する(Avidemux)"
  7. "動画を逆に再生する(Avidemux)"
  8. "mpeg 動画から音声を消す(Avidemux)"
  9. "動画で使われている音源を変える(Avidemux)"

Pivot Stickfigure Animator Tips

  1. "Pivot Stickfigure Animator をつかってみる"

trakAxPC Tips

  1. "スライドショーをつくる(trakAxPC)"
  2. "動画に音源をミックスする(trakAxPC)"

Free Screen Recorder Tips

  1. "スクリーンキャプチャを撮る(Free Screen Recorder)"

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です