24 リアルなボールのバウンド | デザインってオモシロイ -MdN Design Interactive-
【サイトリニューアル!】新サイトはこちらMdNについて


24 リアルなボールのバウンド
制作・文=古沢伸明(サンデイデザイン)









【1】ステージの中央上にボールのM.C.を配置し、モーショントゥイーンを作成(フレームレート分のフレームが自動的に生成される)する。12フレームで真下、24フレームで真上にボールを移動すると、自動的にキーフレームが挿入され、モーションパスが表示される。





【2】11フレーム、13フレームにキーフレームを挿入し、ボールの位置を真下にそろえておく(真下の状態が3フレーム続く)。そして12フレームを選択し、ボールを左右に115%、上下に50%変形する。





【3】モーションエディタパネルを開き、「変形」の11フレーム、13フレームにキーフレームを挿入し、それぞれX、Y方向の伸縮を100%に修正しておく。続いてカスタムイージングを作成し、バウンドの前後にイーズイン、イーズアウトの設定をする。このとき、作成したイージングの「基本モーション」をプルダウンメニューで選択しておく。


[INDEX]
●Flashの動き表現のアイデア
>>> 21 パターン画像を重ねたビデオ
>>> 22 背景のカラーバーが伸縮するメニュー
>>> 24 リアルなボールのバウンド
●注目のSilverlight 3の新機能
>>> 01 長針・短針・秒針が動くアナログ時計
>>> 02 オブジェクトのフェードイン・アウト
>>> 03 ブラウザ外でも動作するアプリ


twitter facebook このエントリーをはてなブックマークに追加 RSS
【サイトリニューアル!】新サイトはこちらMdNについて

この連載のすべての記事

アクセスランキング

8.30-9.5

MdN BOOKS|デザインの本

Pick upコンテンツ

現在