コメント
Adobe After Effectsでのエクスプレッションの使い方
編集済み 3 数か月前 によって ExtremeHow 編集チーム
アドビアフターエフェクト式コーディング自動化ビデオ編集ウィンドウズマックアニメーションソフトウェアクリエイティブデザイン
翻訳が更新されました 3 数か月前
Adobe After Effectsは、視覚効果やモーショングラフィックスを作成するための幅広い機能を提供するビデオポストプロダクション用の強力なツールです。After Effectsで最も高度でありながら非常に有用な機能の一つが、エクスプレッションの使用です。After Effectsのエクスプレッションは、タイムライン上のプロパティの参照と計算を自動化し、アニメーションや効果を大幅に強化します。
エクスプレッションの理解
エクスプレッションは、After Effectsでオブジェクトのプロパティをプログラム的に変更するためのコードの断片です。エクスプレッションを使用すると、複雑なアニメーションを簡単に作成するためにパラメータをリンクできます。すべてのフレームをキーフレーム化する代わりに、レイヤーのプロパティにロジックを適用して、入力に基づいて自動的に変更されるようにできます。
エクスプレッションの基礎
エクスプレッションはJavaScriptで記述されます。これにより、プロパティを追加したり、他のプロパティを監視したりして、動的で応答性の高いアニメーションを作成できます。タイムラインパネルで直接エクスプレッションを書くことができます。これにより、値の加減算といった簡単な数値操作から、条件チェックやループといった高度な機能まで、簡単なロジックを適用することができます。
最初のエクスプレッションを作成する
エクスプレッションを作成するには、タイムラインでプロパティ名に隣接するストップウォッチアイコンをAltキー（MacではOptionキー）を押しながらクリックします。これにより、エクスプレッションを入力または貼り付ける領域が開きます。エクスプレッションを入力すると、After Effectsが直ちに評価します。
簡単なエクスプレッションの例
エクスプレッションを始めるための例をいくつか見てみましょう：
// ランダム位置の例
random([0, 500]);
// ウィグルの例
wiggle(2, 20);
// 時間エクスプレッション
time * 100;
- Random([minValue, maxValue]): 配列内の指定された値の中からランダムな位置を生成します。
- Wiggle(frequency, amplitude): 指定された頻度と振幅で値が変化するランダムな動きを作成します。
- time: 現在の時間を返し、事前に定義されたキーフレームなしでプロパティを時間の経過とともにアニメーション化できます。
高度なエクスプレッション技術
基本的なエクスプレッションを理解したら、ロジック、ループ、複数のプロパティを組み合わせる高度なテクニックに進むことができます。
エクスプレッションの追加
エクスプレッションの強力な側面の一つにプロパティをリンクする能力があります。たとえば、同じ色の値を持つすべてのレイヤーをリンクさせることで、色を同期して変更することができます。
thisComp.layer("Control Layer").effect("Color Control")("Color");
この方法により、コントロールレイヤーのカラーコントロールを変更すると、このエクスプレッションに接続されたすべてのレイヤーが自動的に更新されます。これは、コントロールレイヤーまたは「親」レイヤーを作成する一部です。
条件付きエクスプレッション
エクスプレッションはif文を使用してロジックを実装することもできます：
if (time < 5) { 0; } else { 100; }
この例では、タイムラインが5秒未満である限り、プロパティの値は0になります。その後、100にジャンプします。エクスプレッションで条件を使用することで、興味深い動的アニメーションが生まれます。
ループの力
エクスプレッション内のループは、繰り返しや動的な機能を作成できます。たとえば、forループはアクションを繰り返すことができます：
for (i = 0; i < 5; i++) { value += i; }
このスニペットでは、プロパティの値が繰り返しにより累積され、時間とともに漸進的な変化をもたらします。
エクスプレッション内の汎用関数
基本オペレーターに加えて、After Effectsにはエクスプレッションでよく使用される組み込みの関数がいくつかあります：
- Math.sin(x): 正弦関数で、スムーズな振動を作成できます。
- Math.cos(x): 余弦関数で、波のような動きの作成にも役立ちます。
- linear(): 範囲内の値を線形に補間します。
- ease(): 線形に似ていますが、よりスムーズなアニメーションのためのイージングを提供します。
- loopOut(): キーフレームの初期シーケンスを使用してアニメーションを繰り返します。
エフェクトへのエクスプレッションの使用
エクスプレッションは、視覚的効果に前例のない制御を提供し、エフェクトのプロパティに適用できます。これらのエフェクトをモーションプロパティにリンクできます：
var freq = 3; var amp = 20; angle = amp * Math.sin(freq * time); [angle, amp];
このエクスプレッションは、時間の関数としてエフェクトの回転プロパティを変更し、振幅を一定に保ちながら角度で波のような動きの効果を生み出します。
エクスプレッション使用の際の課題
エクスプレッションは強力ですが、いくつかの課題もあります。基本的なプログラミングの概念を理解することが求められます。特に複雑な相互作用が行われている場合、エクスプレッションのデバッグは難しいことがあります。小さいものから始め、自信がついたらより複雑なエクスプレッションに進むことが有益です。
エクスプレッションエラー
エクスプレッションにエラーが含まれている場合、After Effectsは問題を指定するエラーメッセージを表示します。エクスプレッションを書く際には、正しい構文とロジックを確保することが重要です。特にレイヤー間でコピーする際、間違ったレイヤー参照を使用することがよくあるミスです。
パフォーマンスの考慮事項
プロジェクトでエクスプレッションを多用すると、すべてのエクスプレッションがリアルタイムで評価されるため、レンダリングパフォーマンスに影響を与える可能性があります。エクスプレッションを最適化し、可能であればよりシンプルなロジックを使用するか、使用を最小限に抑えることがプロジェクトの効率を維持するために重要です。
エクスプレッションの実用的な使用例
エクスプレッションは、ビデオ制作のワークフローで多くの実用的なアプリケーションを見つけます：
- 複雑で関連したアニメーションの作成: プロパティとレイヤーを組み合わせて調和のとれた動きを作成します。
- 自動モーショントラッキング: 速度と遅延をトラッキングデータと一致させるためにエクスプレッションを使用します。
- スムーズなトランジション: 手動調整なしでスムーズなアニメーションを作成するシンプル化関数を適用します。
- 動的なグラフィックスとテキスト: 入力値や他のエクスプレッションに基づいて動的に更新されるテキストやグラフィックス。
学習とリソース
エクスプレッションの世界は広大であり、JavaScriptの基礎を学ぶのに役立ちます。多くのオンラインチュートリアルやコミュニティがエクスプレッションのスニペットを共有し、初心者のための出発点を提供しています。Adobe自身のヘルプドキュメントやフォーラムも、より深い理解と問題解決のための優れたリソースとなります。
結論
After Effectsでのエクスプレッションの使用は、クリエイティブなワークフローを大幅に改善できます。手動での作業に比べ、自然で動的なアニメーションや効果を生み出す扉が開かれます。思慮深く使用すると、エクスプレッションは創造性と効率性をもたらし、モーショングラフィックアーティストにとって貴重なツールとなります。探求し練習を重ねれば、エクスプレッションに対する熟練度と創造性が向上し、プロジェクトに新たな可能性が広がるでしょう。
記事の内容に誤りがある場合, あなたは