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

Synfig チュートリアルを参考に(おおいに簡約し)説明を行ってゆきます。今回はフラワーアニメーションの作成方法です。


まずは先に今回の完成イメージをご覧になって下さい。

flower_animation.gif

flower_animation.gif(871KB)

完成イメージ[クリックするとこのウィンドウで拡大(再生)]

今回はこのような動画を作成してゆきます。

目次

基本設定

さあ、まずは「File」-「新規(N)」で新しい Synfig を始めましょう。

新しい Synfig の作成(その 1)

新しい Synfig の作成(その 1)

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

新しい Synfig の作成(その 2)

新しい Synfig の作成(その 2)

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

新しい Synfig が作成できたらツールボックスでフォアグラウンドカラー(前景色)ととバックグラウンドカラー(背景色)を選択しましょう。これはグラデーションに利用します。

フォアグラウンドカラーの選択

フォアグラウンドカラーの選択

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

バックグラウンドカラーの選択

バックグラウンドカラーの選択

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

次にグラディエントツールを選択し、ワークスペースでマウスカーソルを使って横に線を引いてみましょう。グラデーションが行われたはずです。

グラデーション(その 1)

グラデーション(その 1)[クリックするとこのウィンドウで拡大]

グラデーション(その 2)

グラデーション(その 2)[クリックするとこのウィンドウで拡大]

そしてツールボックスで「BLine Tool」を選択し、ツールオプションダイアログをクリックして下さい。その中で「Fill」がチェックされていることを確認しましょう。またフォアグラウンドカラーを緑に変更します。

BLine Tool の選択(その 1)

BLine Tool の選択(その 1)[クリックするとこのウィンドウで拡大]

BLine Tool の選択(その 2)

BLine Tool の選択(その 2)[クリックするとこのウィンドウで拡大]

さあ、それでは「BLine Tool」で三角形を描いてみましょう。3つの頂点を描いた後でシェイプを閉じる為に最初の頂点の上で右クリックし、「Loop Bline」を選択します。

なお、この時、カラーセレクタ下部の「Default Blend Method」も確認して下さい。これが「Straight」だと期待した三角形とはなりません。その場合、「Composite」を選択して下さい。

三角形の作成(その 1)

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

三角形の作成(その 2)

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

三角形の作成(その 3)

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

三角形の作成(その 4)

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

ノート

「Split Tangents」オプションが有効になっていた場合、最初の頂点となる赤い小さな点をドラッグし、頂点(オレンジの点)で再度右クリックして下さい。「Loop Bline」オプションが現れるはずです。

シェイプが閉じられ、他のツールを選択するか、ツールオプションの下部でギアのようなアイコンのボタンをクリックして下さい。「Bline」のシェイプが作成されます。 これは幹を意味します。

三角形の作成(その 5)

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

幹の周辺となる赤い点である接点のハンドルを引っ張っることも可能です。次にノーマルツールを使って各頂点を右クリックし、「Split Tangent」を選択して下さい。各頂点は分割して移動することができるようになります。

「Split Tangents」への変更

「Split Tangents」への変更[クリックするとこのウィンドウで拡大]

基本設定としてはこれで完了です。

最後に

現時点でははっきりとした成果がないかもしれませんが、本「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)"

コメントを残す

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