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

Synfig チュートリアルを参考に(おおいに簡約し)説明を行ってゆきます。さあ、今回もフラワーアニメーション("【和訳】Synfig チュートリアルーフラワーアニメーション(その2)"の続き)です。


目次

花弁の追加

さあ、ワークスペース右下部に位置する赤い点をクリックし、「アニメートエディットモード」を一度閉じましょう。

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

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

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

そしてワークスペース下部のタイムライン上で「5s」をクリックした後、カラーセレクタからピンクを選択し、「BLine Tool」を使って花弁をつくってみましょう。

花弁の作成(その 1)

花弁の作成(その 1)[クリックするとこのウィンドウで拡大]

花弁の作成(その 2)

花弁の作成(その 2)[クリックするとこのウィンドウで拡大]

花弁の作成(その 3)

花弁の作成(その 3)[クリックするとこのウィンドウで拡大]

花弁の作成(その 4)

花弁の作成(その 4)[クリックするとこのウィンドウで拡大]

花弁の作成(その 5)

花弁の作成(その 5)[クリックするとこのウィンドウで拡大]

花弁の作成(その 6)

花弁の作成(その 6)[クリックするとこのウィンドウで拡大]

花弁の作成(その 7)

花弁の作成(その 7)[クリックするとこのウィンドウで拡大]

花弁の作成(その 8)

花弁の作成(その 8)[クリックするとこのウィンドウで拡大]

また簡単にオブジェクトを移動するのに役立つ緑のドックがキャンバス中央にしていることがわかるでしょう。

緑の点

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

次に「Normal Tool」になって花弁の頂点全てを「Ctrl+A」で選択し、緑のドックに近づけてみましょう。

花弁の調整(その 1)

花弁の調整(その 1)[クリックするとこのウィンドウで拡大]

花弁の調整(その 2)

花弁の調整(その 2)[クリックするとこのウィンドウで拡大]

緑のドックをドラックしつぼみの一番上の頂点に近づけてゆきます。必要ならわずかに花弁を引っ張る等して見て下さい。また、レイヤパネルで花弁レイヤを選択し、幹レイヤの下に移動して下さい。

花弁の調整(その 3)

花弁の調整(その 3)[クリックするとこのウィンドウで拡大]

花弁の調整(その 4)

花弁の調整(その 4)[クリックするとこのウィンドウで拡大]

花弁の調整(その 5)

花弁の調整(その 5)[クリックするとこのウィンドウで拡大]

花弁の調整(その 6)

花弁の調整(その 6)[クリックするとこのウィンドウで拡大]

次に花弁をクリックし、「Ctrl」を押しながら幹をクリックして下さい。これで2つのオブジェクトが選択されました。

2つのオブジェクトの選択

2つのオブジェクトの選択[クリックするとこのウィンドウで拡大]

幹の一番上の頂点をクリックし花弁の緑のドックを「Ctrl」クリックして下さい。選択された時、2つのオブジェクトは明るい色に変わります。それから幹の一番上の頂点で右クリックから「link」を選択して下さい。花弁は緑のドックが幹の頂点にくっついたようにわずかに移動します。

リンキング(その 1)

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

リンキング(その 2)

リンキング(その 2)[クリックするとこのウィンドウで拡大]

これで花弁と幹の一番上はリンクしています。例えば、幹の頂点が移動した時、花弁もまた移動します。もし花弁の緑のドックが移動したのであれば、幹の一番上も移動します。ただ、今はそうしないでおいて下さい。

レイヤパネルで最新の花弁レイヤを選択し、パネル下部に位置するボタン群の内、左から3つ目のボタンを押してこの花弁レイヤを複製します。

花弁の複製

花弁の複製(その 1)[クリックするとこのウィンドウで拡大]

キャンバス上で、「Ctrl+A」を押して複製された花弁の全頂点を選択した後、花弁が重ならなくなるまで移動して下さい。またこの時緑のドックを移動せずオレンジのみを移動して下さい。このことを数回繰り返しつぼみの周りを花弁が覆うようなイメージにしてみて下さい。

花弁を広げる

花弁を広げる[クリックするとこのウィンドウで拡大]

花弁の複製(その 2)

花弁の複製(その 2)[クリックするとこのウィンドウで拡大]

花弁の複製(その 3)

花弁の複製(その 3)[クリックするとこのウィンドウで拡大]

花弁の複製(その 4)

花弁の複製(その 4)[クリックするとこのウィンドウで拡大]

なお、複製した花弁は幹とリンクしていることにも注意して下さい。最初のキーフレームにもどれば花弁が見える状態か否か分かるでしょう。ただ、それは最終目標ではありません。期待しているのは花弁が現れ、花がほぼ最後の地点で成長しているように見えることです。

最初のキーにおける花弁

最初のキーにおける花弁[クリックするとこのウィンドウで拡大]

最後に

今回も"【和訳】Synfig チュートリアルーフラワーアニメーション(その2)"同様あえて多くの画像を掲載しています。もちろん全てを確認する必要はありませんので必要な部分のみさらって下さい。次回で最後となります。

リソース

まだフラワーアニメーション自体は完成していませんが現時点の Synfig プロジェクトファイルを掲載します。

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

コメントを残す

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