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