3D軸による正確なアニメーションの作成
Sorry, this page is not available
Broken link?
このURLは存在しません。
日本語のホームページ にお戻りください。
他のサイトのリンクでこのページにたどりついた場合はそのサイトの
ウェブマスターにリンクが壊れている旨をお伝えください。
Error returned: 404
You may wish to try one of the following links:
X、Y、Z、それぞれの軸ごとに正確にプロパティを設定し、アニメーションに反映させる方法を学びます。
このコンテンツを視聴するには Flash が必要です
必要条件
このチュートリアルのデモンストレーションと同じ操作を行うには下記のソフトウェアが必要です。
Adobe After Effects CS4
サンプルファイル
lrvid4067_ae.zip (ZIP, 19MB)
前提として必要な知識
タイムラインにキーフレームを追加する基本知識
3D軸による正確なアニメーションの作成
Adobe After Effects CS4で追加された新機能では、タイムライン上で、XとYそれぞれのパラメータに個別のキーフレームを設定することが可能になっています。
アニメーションにイーズを追加
一番わかりやすい例として、ボールが転がってゆくアニメーションを使って、なぜこの機能が便利なのかを説明します。基本的なキーフレームを設定し、ボールが跳ねて転がる簡単なアニメーションを作り、RAMプレビューを行います。
自然な動きに見せるためにイージングを設定します。
- RAMプレビューで確認したアニメーションはタイミングが均一すぎます。実際のボールは弧を描きながら、もっとゆっくりと頂点へと到達します。
- コンポジションやレイヤー上で「モーションブラー」のスイッチをクリックして有効にしたとしても、それほど実際の動きに近づけることはできません。
図 2: 頂点のキーフレームを選択
- ボールが描く弧のそれぞれの頂点に、「アニメーション」メニューから「キーフレーム補助」 / 「イージーイーズ」を選択してイーズをかけます。
- 詳しく見るために「グラフエディタ」をクリックしてみます。
図 3: グラフエディタ
次元に分割
グリーンで表示されたYのキーフレームには、ボールの上下に対して狙い通りイーズがかかっています。しかし、同時にXのキーフレームにもイーズが影響してしまい、その結果ボールが左から右へ移動する際に一瞬立ち止まる動作を見せてしまいます。
アニメーションをよりリアルに設定します。
- これらのキーフレームを消してもう一度見てみます。
- 位置を選択して、「アニメーション」 / 「次元に分割」を選択します。
図 5: 次元に分割
- Yを選び、上下動のアニメーションのみを作成してみます。
- キーフレームをコピー＆ペーストして、ボールが上にある箇所と下にある箇所にそれぞれ貼り付けます。
その他のリンク
- After Effects CS4のヘルプ＆サポートセンター
- After Effects CS4について学ぶ
- After Effects CS4の紹介
- カートゥーンエフェクトの適用
- After Effectsでのモバイル用コンポジションの作成
- アテイン株式会社
この記事は、Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported Licenseのもと提供しています。
著者について
Sorry, this page is not available
Broken link?
このURLは存在しません。
日本語のホームページ にお戻りください。
他のサイトのリンクでこのページにたどりついた場合はそのサイトの
ウェブマスターにリンクが壊れている旨をお伝えください。
Error returned: 404
You may wish to try one of the following links:
