【和訳】Synfig チュートリアルーフラワーアニメーション(その3)
Synfig チュートリアルを参考に(おおいに簡約し)説明を行ってゆきます。さあ、今回もフラワーアニメーション(和訳synfig-チュートリアルーフラワーアニメーションその2の続き)です。
目次
花弁の追加
さあ、ワークスペース右下部に位置する赤い点をクリックし、「アニメートエディットモード」を一度閉じましょう。
「アニメートエディットモード」終了
[クリックするとこのウィンドウで拡大]
そしてワークスペース下部のタイムライン上で「5s」をクリックした後、カラーセレクタからピンクを選択し、「BLine Tool」を使って花弁をつくってみましょう。
花弁の作成(その 1)[クリックするとこのウィンドウで拡大]
花弁の作成(その 2)[クリックするとこのウィンドウで拡大]
花弁の作成(その 3)[クリックするとこのウィンドウで拡大]
花弁の作成(その 4)[クリックするとこのウィンドウで拡大]
花弁の作成(その 5)[クリックするとこのウィンドウで拡大]
花弁の作成(その 6)[クリックするとこのウィンドウで拡大]
花弁の作成(その 7)[クリックするとこのウィンドウで拡大]
花弁の作成(その 8)[クリックするとこのウィンドウで拡大]
また簡単にオブジェクトを移動するのに役立つ緑のドックがキャンバス中央にしていることがわかるでしょう。
緑の点[クリックするとこのウィンドウで拡大]
次に「Normal Tool」になって花弁の頂点全てを「Ctrl+A」で選択し、緑のドックに近づけてみましょう。
花弁の調整(その 1)[クリックするとこのウィンドウで拡大]
花弁の調整(その 2)[クリックするとこのウィンドウで拡大]
緑のドックをドラックしつぼみの一番上の頂点に近づけてゆきます。必要ならわずかに花弁を引っ張る等して見て下さい。また、レイヤパネルで花弁レイヤを選択し、幹レイ ヤの下に移動して下さい。
花弁の調整(その 3)[クリックするとこのウィンドウで拡大]
花弁の調整(その 4)[クリックするとこのウィンドウで拡大]
花弁の調整(その 5)[クリックするとこのウィンドウで拡大]
花弁の調整(その 6)[クリックするとこのウィンドウで拡大]
次に花弁をクリックし、「Ctrl」を押しながら幹をクリックして下さい。これで2つのオブジェクトが選択されました。
2つのオブジェクトの選択[クリックするとこのウィンドウで拡大]
幹の一番上の頂点をクリックし花弁の緑のドックを「Ctrl」クリックして下さい。選択された時、2つのオブジェクトは明るい色に変わります。それから幹の一番上の頂 点で右クリックから「link」を選択して下さい。花弁は緑のドックが幹の頂点にくっついたようにわずかに移動します。
リンキング(その 1)[クリックするとこのウィンドウで拡大]
リンキング(その 2)[クリックするとこのウィンドウで拡大]
これで花弁と幹の一番上はリンクしています。例えば、幹の頂点が移動した時、花弁もまた移動します。もし花弁の緑のドックが移動したのであれば、幹の一番上も移動しま す。ただ、今はそうしないでおいて下さい。 レイヤパネルで最新の花弁レイヤを選択し、パネル下部に位置するボタン群の内、左から3つ目のボタンを押してこの花弁レイヤを複製します。
花弁の複製(その 1)[クリックするとこのウィンドウで拡大]
キャンバス上で、「Ctrl+A」を押して複製された花弁の全頂点を選択した後、花弁が重ならなくなるまで移動して下さい。またこの時緑のドックを移動せずオレンジの みを移動して下さい。このことを数回繰り返しつぼみの周りを花弁が覆うようなイメージにしてみて下さい。
花弁を広げる[クリックするとこのウィンドウで拡大]
花弁の複製(その 2)[クリックするとこのウィンドウで拡大]
花弁の複製(その 3)[クリックするとこのウィンドウで拡大]
花弁の複製(その 4)[クリックするとこのウィンドウで拡大]
なお、複製した花弁は幹とリンクしていることにも注意して下さい。最初のキーフレームにもどれば花弁が見える状態か否か分かるでしょう。ただ、それは最終目標ではあり ません。期待しているのは花弁が現れ、花がほぼ最後の地点で成長しているように見えることです。
最初のキーにおける花弁[クリックするとこのウィンドウで拡大]
最後に
今回も和訳synfig-チュートリアルーフラワーアニメーションその2同様あえて多くの画像を掲載しています。もちろん全てを確認する必要はありませんので必要な部分のみさらって下さい。次回で最後となり ます。
リソース
まだフラワーアニメーション自体は完成していませんが現時点の Synfig プロジェクトファイルを掲載します。
- フラワーアニメーション(途中経過ーその2) flower_animation_003(3KB)
参考 URL
- Synfig 公式 HP http://synfig.org/Main_Page
- Synfig Tutorial - Flower Animation http://synfig.org/Flower_Animation