オブジェクトを回転する（Synfig）
Synfig でローテートレイヤを利用してオブジェクトを回転するアニメーションを作る方法を説明します。
実施後の動画イメージ
実施後の動画イメージ
オブジェクトを回転する
次の条件が整っていない場合はそれぞれのページを参考に準備して下さい。
- Synfig がインストールされていない
→ “インストールの方法（Synfig）” へ
まずは Synfig を起動します。起動方法は”起動しよう（Synfig）“を参考にして下さい。
次に Synfig で絵を描きます。今回は例として事前に作成した画像を利用します。
編集前の状態
この中のキャラクター（すちーぷ）を回転するアニメーションを作成します。まずは回転する対象を決定します。今回はすちーぷ自体を回転することにします。ローテートレイヤを利用するのですが、このレイヤを回転する対象と同じエンベロップに格納します。
実際にはこのすちーぷと同じエンベロップの中でローテートレイヤを作成します。
ローテートレイヤの作成（その１）
そして、「どこを中心に回転するのか」を決定するのですが、今回はすちーぷ自体を回転しますのですちーぷの中心まで緑のドックスを移動します。
回転の中心の決定
次にアニメートエディットモードにする為にキャンバスウィンドウ右下の緑の丸をクリックし、赤にしましょう。
アニメートエディットモード
今回は回転を「1s」で停止するようにします。タイムライン上で「1s」をクリックして下さい。
キーフレームの選択
そして回転する度数を考えます。3回転させたい場合は 360 × 3 の 1080 をローテートレイヤの「Amount」に入力します。
回転度数の入力
すると緑のドックスが出現します。これは左から「初期値の角度」、「1080 度に設定した角度」、「初期値の角度」を意味します。Synfig では前後の関係を考慮する為、状態を変更したキーの周辺には元の状態を残すようになっています。
ドックスの出現
このままでは回転は 20f を経過するまで待たなくてはなりません。そこで初期の角度を 0f に移動し、最初から回転するように設定します。
初期値の移動
次にただその場で回転するのでは面白くありませんので 1s の時点で角度だけでなく回転の中心も次第に右上に移動するように設定します。ローテートの緑のドックスを右上に移動します。このように Synfig では状態を複数管理することが可能です。
回転の中心の移動
次に右側のドックスを削除します。このままドックスを残しておくとせっかく回転・移動したのにそれが 1s 3f を経過した時点で元の状態に戻されてしまいます。
最後のドックスの削除（その１）
最後のドックスの削除（その２）
今度は回転の中心の開始地点も 0f に移動します。これで 20f まで待たなくても回転の中心が移動するようになりました。
最初のドックスの移動
よく考えたら 1秒間に 3回回転するというのは速すぎる気がします。エンベロップ自体である「stiipe」を選択し、表示される 1s のドックスを 4s に移動します。Synfig では状態が複数あってもエンベロップに含めていればこのように集約されます。その為、キーの移動が楽になります。
キーの調整
これでオブジェクトの回転は完了です。他にも様々な効果を持ったレイヤが存在しますので色々試して見て下さい。
PR
関連記事
無料シリーズ
- “無料で動画をつくってみよう（Synfig 編）“
- “無料で動画をつくってみよう（pencil 編）“
- “無料で音源をつくってみよう（Audacity 編）“
- “無料で動画をつくってみよう（VirtualDubMod 編）“
- “無料でシナリオを書いてみよう（celtx 編）“
- “無料で動画をつくってみよう（WinFF 編）“
- “無料で画像をつくってみよう（LEGO Digital Designer 編）“
- “無料で音源をつくってみよう（mp3DirectCut 編）“
- “無料で音源をつくってみよう（Audio Joiner 編）“
- “無料で動画をつくってみよう（Pivot Stickfigure Animator 編）“
- “無料で動画をつくってみよう（Avidemux 編）“
Synfig のご紹介
Synfig 初級
- “【和訳】Synfig チュートリアルーはじめてみよう（その１）“
- “【和訳】Synfig チュートリアルーはじめてみよう（その２）“
- “【和訳】Synfig チュートリアルーはじめてみよう（その３）“
- “【和訳】Synfig チュートリアルーアニメーションの基礎（その１）“
- “【和訳】Synfig チュートリアルーアニメーションの基礎（その２）“
- “【和訳】Synfig チュートリアルーアニメーションの基礎（その３）“
Synfig 中級
- “【和訳】Synfig チュートリアルーフラワーアニメーション（その１）“
- “【和訳】Synfig チュートリアルーフラワーアニメーション（その２）“
- “【和訳】Synfig チュートリアルーフラワーアニメーション（その３）“
- “【和訳】Synfig チュートリアルーフラワーアニメーション（その４）“
Synfig Tips
- “起動しよう（Synfig）“
- “2つ以上 CPU のある Windows で Synfig を使う“
- “オブジェクトを拡大・縮小する（Synfig）“
- “オブジェクトをインテリジェントに拡大・縮小する（Synfig）“
- “オブジェクトを移動する（Synfig）“
- “オブジェクトをインテリジェントに移動する（Synfig）“
- “オブジェクトを反転する（Synfig）“
- “オブジェクトをインテリジェントに反転する（Synfig）“
- “簡単に CPU を 1つに制限する（Synfig）“
- “オブジェクトを回転する（Synfig）“（本記事）
- “Inkscape 等で使われる svg 形式の画像を読み込む（Synfig）“
- “プレビューを表示する（Synfig）“
- “Synfig サンプル集（その１）（Synfig）“
- “Synfig サンプル集（その２）（Synfig）“
- “レイヤを使う（Synfig）“
- “オブジェクトを見えたり見えなくしたりする（Synfig）“
- “グループを使う（その１）（Synfig）“
- “グループを使う（その２）（Synfig）“
- “アウトラインをつける（その１）（Synfig）“
- “アウトラインをつける（その２）（Synfig）“
- “画像を読み込む（Synfig）“
Pencil 初級
- “【和訳】Pencil ユーザマニュアル（その１）“
- “【和訳】Pencil ユーザマニュアル（その２）“
- “【和訳】Pencil ユーザマニュアル（その３）“
- “【和訳】Pencil ユーザマニュアル（その４）“
- “【和訳】Pencil ユーザマニュアル（その５）“
- “【和訳】Pencil ユーザマニュアル（その６）“
- “【和訳】Pencil ユーザマニュアル（その７）“
- “【和訳】Pencil ユーザマニュアル（その８）“
VirtualDubMod Tips
- “動画の不要な部分を削除（カット）する（VirtualDubMod）“
- “動画再生中に静止画を表示させる（VirtualDubMod）“
- “動画の再生速度を変える（VirutalDubMod）“
- “動画の不要な部分を塗りつぶす（VirtualDubMod）“
- “動画を回転する（VirtualDubMod）“
- “動画をグレイスケール化する（VirtualDubMod）“
MediaCoder Tips
Avidemux Tips
- “動画の再生速度を変える（Avidemux）“
- “動画を回転する（Avidemux）“
- “動画の不要な部分を削除（カット）する（Avidemux）“
- “動画にフェード効果をつける（Avidemux）“
- “動画にぐるぐる回す効果をつける（Avidemux）“
- “動画内の上下の線を削除する（Avidemux）“
- “動画を逆に再生する（Avidemux）“
- “mpeg 動画から音声を消す（Avidemux）“
- “動画で使われている音源を変える（Avidemux）“