Adobe
サインイン 注文状況 マイアカウント
After Effectsチュートリアル
印刷用PDF
QuickTimeムービーを見る
Video and audio

スマートマスク補間で滑らかなアニメーションを作成
page: 1 2 3
Adobe® After Effects® 5.5 ProVersionには1つのマスクシェイプから別のマスクシェイプへの動きをより高度に制御できる、新しいスマートマスク補間機能が搭載されています。旧バージョンのAfter Effectsでは、マスクシェイプ間にリニア補間を適用していたため、マスクシェイプの変化が不規則になることがありました。スマートマスク補間機能を使うと、補間方法を指定できるだけでなく、アニメーションを構成するマスクシェイプのキーフレームと頂点の数を制御することができます。ここでは、スマートマスク補間を使って、複雑なマスクシェイプの変化を制御し、より滑らかで現実的なアニメーションを作成する方法について説明します。
メイン
最初のマスクシェイプを作成して読み込む
マスクシェイプをすばやく作成するには、Adobe Illustrator®を使って画像を作成します。この画像が、最初のマスクシェイプになります。ここでは、明朝系のフォントで1文字入力し、パスを定義できるように文字をアウトライン化します。この文字の画像をAfter Effects形式に変換するには、パスをコピーし、After Effectsで平面レイヤーを含む新しいコンポジションを作成します。次に、コピーしたパスを平面レイヤー上にペーストします。タイムラインウィンドウで、新しい平面レイヤーが選択されていることを確認し、Mキーを押します。「マスクシェイプ」プロパティの横にあるストップウォッチアイコンをクリックして、開始キーフレームを作成します。 アニメーションの終了位置に現在の時間マーカーを移動します。
手順01
2番目のマスクシェイプを読み込む
Illustratorに戻って2番目(最後)の画像を作成します。ここでは、ゴシック系のフォントを使って文字を作成します。最初の画像と同じようにパスをコピーし、After Effectsで平面レイヤーにペーストします。これで2番目のマスクシェイプキーフレームが作成されました。RAMプレビューを使って、このアニメーションをプレビューしてみましょう。
この例では、キーフレームが進むにつれて、中間画像の形が崩れてしまいます。文字の形がはっきり見えるのは、アニメーションの最初と最後だけで、アニメーションとして使用するのはほぼ不可能です。ここで、スマートマスク補間を使うとどうなるか見てみましょう。
手順02
最初の頂点を設定
最初のキーフレームに現在の時間マーカーが設定されていることを確認します。タイムラインウィンドウで、マスクシェイプを選択します。コンポジションウィンドウで、マスクシェイプの内側をクリックして、すべてのマスクシェイプの頂点の選択を解除します。次に、マスクシェイプの頂点を1つだけ選択します。「レイヤー>マスク>最初の頂点を設定」を選択します。現在の時間マーカーを最後のマスクシェイプに移動して、最初の手順で選択した位置に対応する頂点を選択します。前の手順と同じ方法で、最初の頂点を設定します。
このようにして最初の頂点を設定しておくと、マスクをアニメートしたときに、最初のマスクシェイプの最初の頂点が確実に最後のマスクシェイプの最初の頂点に移動します。両方のマスクシェイプの最初の頂点が同じ位置にある場合は、頂点が固定されるため、マスクのアニメート時に移動しません。
手順03
トップへ戻る
next