オブジェクトを回転する(Synfig)

Synfig でローテートレイヤを利用してオブジェクトを回転するアニメーションを作る方法を説明します。


実施後の動画イメージ

YouTube Preview Image

実施後の動画イメージ

オブジェクトを回転する

次の条件が整っていない場合はそれぞれのページを参考に準備して下さい。

まずは Synfig を起動します。起動方法は"起動しよう(Synfig)"を参考にして下さい。

次に Synfig で絵を描きます。今回は例として事前に作成した画像を利用します。

編集前の状態

編集前の状態

この中のキャラクター(すちーぷ)を回転するアニメーションを作成します。まずは回転する対象を決定します。今回はすちーぷ自体を回転することにします。ローテートレイヤを利用するのですが、このレイヤを回転する対象と同じエンベロップに格納します。

実際にはこのすちーぷと同じエンベロップの中でローテートレイヤを作成します。

ローテートレイヤの作成(その1)

ローテートレイヤの作成(その1)

そして、「どこを中心に回転するのか」を決定するのですが、今回はすちーぷ自体を回転しますのですちーぷの中心まで緑のドックスを移動します。

回転の中心の決定

回転の中心の決定

次にアニメートエディットモードにする為にキャンバスウィンドウ右下の緑の丸をクリックし、赤にしましょう。

アニメートエディットモード

アニメートエディットモード

今回は回転を「1s」で停止するようにします。タイムライン上で「1s」をクリックして下さい。

キーフレームの選択

キーフレームの選択

そして回転する度数を考えます。3回転させたい場合は 360 × 3 の 1080 をローテートレイヤの「Amount」に入力します。

回転度数の入力

回転度数の入力

すると緑のドックスが出現します。これは左から「初期値の角度」、「1080 度に設定した角度」、「初期値の角度」を意味します。Synfig では前後の関係を考慮する為、状態を変更したキーの周辺には元の状態を残すようになっています。

ドックスの出現

ドックスの出現

このままでは回転は 20f を経過するまで待たなくてはなりません。そこで初期の角度を 0f に移動し、最初から回転するように設定します。

初期値の移動

初期値の移動

次にただその場で回転するのでは面白くありませんので 1s の時点で角度だけでなく回転の中心も次第に右上に移動するように設定します。ローテートの緑のドックスを右上に移動します。このように Synfig では状態を複数管理することが可能です。

回転の中心の移動

回転の中心の移動

次に右側のドックスを削除します。このままドックスを残しておくとせっかく回転・移動したのにそれが 1s 3f を経過した時点で元の状態に戻されてしまいます。

最後のドックスの削除(その1)

最後のドックスの削除(その1)

最後のドックスの削除(その2)

最後のドックスの削除(その2)

今度は回転の中心の開始地点も 0f に移動します。これで 20f まで待たなくても回転の中心が移動するようになりました。

最初のドックスの移動

最初のドックスの移動

よく考えたら 1秒間に 3回回転するというのは速すぎる気がします。エンベロップ自体である「stiipe」を選択し、表示される 1s のドックスを 4s に移動します。Synfig では状態が複数あってもエンベロップに含めていればこのように集約されます。その為、キーの移動が楽になります。

キーの調整

キーの調整

これでオブジェクトの回転は完了です。他にも様々な効果を持ったレイヤが存在しますので色々試して見て下さい。


関連記事

無料シリーズ

  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)"

コメントを残す

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