« 【和訳】Synfig チュートリアルーアニメーションの基礎（その３）
【和訳】Synfig チュートリアルーフラワーアニメーション（その２） »

【和訳】Synfig チュートリアルーフラワーアニメーション（その１）

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


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

flower_animation.gif

flower_animation.gif（871KB）

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

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

目次

  1. 目次
  2. 基本設定
  3. 最後に
  4. 参考 URL
  5. 関連記事

基本設定

さあ、まずは「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」で三角形を描いてみましょう。３つの頂点を描いた後でシェイプを閉じる為に最初の頂点の上で右クリックし、「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

PR

関連記事

無料シリーズ

  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 チュートリアルーはじめてみよう（その１）“
  2. “【和訳】Synfig チュートリアルーはじめてみよう（その２）“
  3. “【和訳】Synfig チュートリアルーはじめてみよう（その３）“
  4. “【和訳】Synfig チュートリアルーアニメーションの基礎（その１）“
  5. “【和訳】Synfig チュートリアルーアニメーションの基礎（その２）“
  6. “【和訳】Synfig チュートリアルーアニメーションの基礎（その３）“

Synfig 中級

  1. “【和訳】Synfig チュートリアルーフラワーアニメーション（その１）“（本記事）
  2. “【和訳】Synfig チュートリアルーフラワーアニメーション（その２）“
  3. “【和訳】Synfig チュートリアルーフラワーアニメーション（その３）“
  4. “【和訳】Synfig チュートリアルーフラワーアニメーション（その４）“

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 サンプル集（その１）（Synfig）“
  14. “Synfig サンプル集（その２）（Synfig）“
  15. “レイヤを使う（Synfig）“
  16. “オブジェクトを見えたり見えなくしたりする（Synfig）“
  17. “グループを使う（その１）（Synfig）“
  18. “グループを使う（その２）（Synfig）“
  19. “アウトラインをつける（その１）（Synfig）“
  20. “アウトラインをつける（その２）（Synfig）“
  21. “画像を読み込む（Synfig）“

Pencil 初級

  1. “【和訳】Pencil ユーザマニュアル（その１）“
  2. “【和訳】Pencil ユーザマニュアル（その２）“
  3. “【和訳】Pencil ユーザマニュアル（その３）“
  4. “【和訳】Pencil ユーザマニュアル（その４）“
  5. “【和訳】Pencil ユーザマニュアル（その５）“
  6. “【和訳】Pencil ユーザマニュアル（その６）“
  7. “【和訳】Pencil ユーザマニュアル（その７）“
  8. “【和訳】Pencil ユーザマニュアル（その８）“

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）“

タグ: , , ,

この投稿は 2008 年 5 月 10 日 土曜日 12:08 AM に Linux, Mac OS, Synfig, Windows, シリーズもの, チュートリアルをみる, 動画をつくってみよう カテゴリーに公開されました。 この投稿へのコメントは RSS 2.0 フィードで購読することができます。 コメントを残すか、ご自分のサイトからトラックバックすることができます。

コメントをどうぞ