【ハウツー】
Adobe After Effectsは、映像にさまざまな効果をかけることができるソフトウェアで、PhotoshopやIllustratorなどで有名なAdobe Systemsが販売するソフトウェアです。映画や3DCG、WEBなどでも活用されています。ソフトウエアの概要や無料の体験版などはここから閲覧/ダウンロードすることができます。
Expression(エクスプレッション)はAdobe After Effects(*1)で利用できる機能で、Expressionは式(計算式)の意味で使われます。After Effectsでは、この式の部分にJavaScript(ECMA Script)を使用できます(*2)。After EffectsのExpressionで利用できるJavaScriptは、ブラウザで使用されるJavaScriptと基本的には同じですが、乱数生成関連のメソッドが異なっていたり、専用メソッドが用意されていたりする点が異なっています。また、一般的なJavaScriptのプログラムを作成するのとは異なりJavaScriptで処理した結果がAfter Effectsにパラメータとして渡されるようになっています。例えば、どのくらいレイヤーを回転させるかを指定する場合、
45
とすると45度レイヤーが回転します。45がプログラムなのか?と言われると困りますが、AfterEffectsでは結果の値を、そのまま使用するだけなので、これでよいのです。また、以下のような計算式でも問題ありません。
10+35
この場合は、10+35が計算された結果である45が値として使用されます。AfterEffectsのExpressionでは、この計算式の部分にJavaScriptのオブジェクト/関数などを使用することができます。通常のJavaScript(ECMA Script)以外に、どのようなメソッドが使えるかはヘルプの「エクスプレッション」→「After Effectsエクスプレッション要素リファレンス」で参照できます。
Expressionは手作業では難しいランダムな動きや計算式に基づく動きを実現するのに適しています。Expressionの利点としては手作業と組み合わせることが可能なことです。レイヤーの動きは手作業(キーフレーム)で行い、スケール処理はExpressionを利用して計算式に基づいて動かすことができます。さらに便利なのはExpressionで計算した結果を手作業で処理できるようキーフレームに変換できる点です(*3)。これにより計算と手作業の組み合わせで、より細かい調整が可能になります(キーフレームからExpressionへの変換はできません)。
*ここでは、AfterEffects 7.0を基準としていますが、ExpressionはAfterEffects 5.0以降のバージョンであれば利用することができます。また、今回説明しているサンプルは5.0以降であれば全てのバージョンで動作します。*2AfterEffectsではExpression上で利用できるJavaScriptだけでなく、AfterEffects自体を制御するためのJavaScriptも搭載されています。ソケット通信などもできるので、処理が終わったらメールで通知する、RSSデータを取得してレンダリングさせる、といった処理も可能です。 *3変換したいExpressionが適用された項目を選択し、メニューから「アニメーション」→「キーフレーム補助」→「エクスプレッションをキーフレームに変換」を選択します。
AdobeのAfterEffectsトップページ
それでは実際にExpressionを使ってみましょう。Expressionはレイヤーに対して設定できます。まず、最初にExpressionを使ってレイヤーを45度傾けるサンプルを作成してみます。ここでは、すでに配置済みのテキストレイヤーを使います(テキストレイヤーでなく他のレイヤーでも同じです)。
トランスフォーム、の左の▲をクリックして展開します。すると「回転」という項目が現れるのでクリックして選択します。
次に「アニメーション」メニューから「エクスプレッションを追加」の項目を選択します。
するとExpressionが適用されたことを示す項目が表示され、Expressionの欄が入力可能な状態になります。この状態ではtransform.rotationの文字がハイライト表示されています。この状態で45と入力します。
入力し[Enter]キーを押か、他の場所をクリックするとExpressionが適用されます。この時にExpressionが間違っているとアラートダイアログが表示され、修正するように促されます。
| ドスパラ、デスクトップPC/ノートPCの全モデルに「ATOK」をバンドル [19:17 5/25] |
| サンワダイレクト、自由な位置でタブレットを立てておける三脚型スタンド [19:15 5/25] |
| パラゴン、11種類の方式でデータを完全抹消する「Paragon Disk Wiper 12」 [18:34 5/25] |
| 日本トラストテクノロジー、たたんでしまえるUSB給電のLEDデスクライト [18:18 5/25] |
| GEANEE、アナログ映像をPCに取り込むUSBビデオキャプチャケーブル [17:57 5/25] |
|
【レポート】スポーツメーカー・ナイキのロゴは何がモチーフ? -広報さんに聞いてみた [21:00 5/25] クリエイティブ |
|
[アウトブレイク・カンパニー]人気ラノベがテレビアニメ化 [20:49 5/25] ホビー |
|
[ゲーム1週間]新型ゲーム機「Xbox ONE」発表 [20:30 5/25] ホビー |
|
[1/2 summer+]店舗別特典発表 描き下ろしやオリジナルグッズ [19:50 5/25] ホビー |
|
[杏]朝ドラ撮影女学生生活からスタート [19:28 5/25] エンタメ |