チュートリアル
文責:山田奈美最終更新日:2008年12月12日
アニメーションを作りたい(Expression Blend)
|
|
絵を描くのが苦手な人でも、Expression Blendを使うと簡単にアニメーションを作ることができるよ。
いろいろ試して、かっこよいアニメーションを作ってみよう。
|
|
|
アニメーションの作成
簡単なアニメーションを作ってみます。
- ストーリーボードの作成
[オブジェクトとタイムライン]パネルにある[+]ボタンをクリックします。名前を設定するダイアログが表示されるので名前を入力して、ストーリーボードを新規に作成します。
- 初期状態の設定
アニメーションを設定したいオブジェクトを選択します。まずは初期状態を記録するためにタイムラインの0秒のところに黄色の縦線がくるように設定して、[キーフレームの記録]ボタンを押します。すると「キーフレーム」が作成されます。
「キーフレーム」とは、前後と異なる動作を定義するフレームのことです。「キーフレーム」と「キーフレーム」の間の変化を滑らかに表示させることによって、アニメーションが表示されます。
- 2つ目以降のキーフレームの設定
たとえば3秒後にオブジェクトが360度回転するようなアニメーションを設定するとします。黄色の縦線を3秒後のところに持っていき、該当のオブジェクトのプロパティを設定します。[プロパティ]パネルの[変換]の[回転]を360に設定して2つ目の「キーフレーム」を作ります。
- 動作の確認
タイムラインの上にある[再生]ボタンを押すとアセットボード上の図形が動いて、動作を確認することができます。
- 動作速度の設定
動きの速さを変えるには「イージング」を設定します。キーフレームをクリックすると[プロパティ]パネルに「イージング」が表示されます。初期状態では、右上がりの直線グラフで、等速動作が設定されています。始点と終点を移動するか、座標に直接数字を入力することで、動作の緩急を設定することができます。たとえば以下の図では、始めと終わりはゆっくり動作し、真ん中では少し早く動くように設定しています。
アニメーションの設定