Adobe のモーショングラフィックスソフト 「AfterEffects」 には エクスプレッションというプログラミング機能があります。
このエクスプレッション機能を使うことで、表現の幅が大幅に広がります。例えば、
- アニメーションの自動化
- 色や大きさなど、関連付けた設定を全て一度に変更できる
- コピペだけで様々な動作を作れる
などなど、一言では表現できないくらい、様々なことができます。
しかし、プログラミングをしたことがない方にとっては、エクスプレッションは「ハードルが高い機能」というイメージを持っている方も多いと思います。
そこで、プログラミングをしたことがない方でも、エクスプレッションをはじめられるように、「初心者でもわかるAfterEffectsエクスプレッション講座」をはじめました。
できるだけやさしく丁寧に解説することを心掛けながら制作しています。
エクスプレッションでどんなことができるの？
例えば、標準エフェクトと、エクスプレッションを使うだけで、以下のようなアニメーションを作ることができます。
球体がどんどん出てきますが、基準のレイヤーをコピペするだけで、出現タイミング、位置、速度など、すべて自動的にアニメーションするように作ってあります。
※ 講座内でこの動画を作るわけではありません
この例はあくまで一例で、応用していくと、発想の数だけ様々な動作を作れるようになります。
この講座では、エクスプレッションで利用できる主要な機能をピックアップして、段階的にレベルアップを図っていきます。
この講座の対象者は？
- プログラミング経験がない方
- エクスプレッションに興味はあるが、あまり使ったことがない方
- エクスプレッションをもっと使えるようになりたい方
上記の方に説明するつもりで、講座内容を作成しています。
また、AfterEffectsをはじめたばかりの方でもできるように序盤は、かなり丁寧に説明しています。そのため、AfterEffects経験者の方にとっては、煩わしく感じるかもしれませんので、すみませんがご了承ください。
講座が進むにつれて、徐々にスピード感が上がっていきます。
この講座の内容は？
AfterEffectsでは、JavaScriptというプログラミング言語と、AfterEffects独自のエクスプレッション言語を使うことができます。
この講座では、JavaScriptは必要最低限にして、AfterEffects独自のエクスプレッション機能に焦点を絞って進めていきます。
初心者でもわかるAfterEffectsエクスプレッション講座
講座01から順番にやることを想定していますが、途中からでも始められるように、講座内で使用するテンプレートをダウンロードできるようにしました。
講座ごとにダウンロードリンクがありますので、必要に応じてご利用ください。
それでは、講座をはじめていきましょう！
講座#01 エクスプレッションを使ってレイヤーを動かそう！
- 事前準備
-
とりあえずやってみよう！
- エクスプレッションを使って値を設定しよう！
- エクスプレッションを使ってレイヤーを動かそう！
様々な計算方法（四則演算、三角関数、平方根、べき乗など）について以下の記事にまとめてあります。
AfterEffectsのエクスプレッションでは、四則演算から、色空間変換まで様々な演算ができます。 実際は、Javascriptの機能としての演算と、エクスプレッションのメソッドとしての演算の両方があるのですが、今回はその両方をし[…]
講座#02 変数を使ってプロパティを動かそう！
- 事前準備
-
いろんなプロパティを設定しよう！
- 変数と配列を使ってみよう！
- 変数を使っていろんなプロパティを動かそう！
ccae_expression_tutorial_template_a (2652 ダウンロード)
講座#03 wiggleを使いこなそう！ープロパティ値を不規則に変化ー
- 事前準備
-
wiggleを使ってみよう！
- 動きのパターンを変えてみよう！
- キーフレームと組み合わせて動かそう！
ccae_expression_tutorial_template_a (2652 ダウンロード)
講座内では紹介していませんが、wiggleにはもっと高度な設定項目があります。ほぼ使うことは無いと思いますが、以下の動画にまとめてあるので、興味のある方はご覧ください。
全エクスプレッション説明＆動画リンク⇒https://ae.color-code.net/expression_all/…
講座#04 エクスプレッションでキーフレームを繰り返そう！
- 事前準備
-
キーフレームを繰り返そう！
- 繰り返しのパターンを変えてみよう！
- loopOutとwiggleを同時に使ってみよう！
キーフレーム数指定で繰り返す「loopIn」「loopOut」や、時間指定で繰り返す「loopInDuration」「looOutDuration」について、以下の動画にまとめてあります。
また、講座内で省略した、”continue”についても紹介しています。
全エクスプレッション説明＆動画リンク⇒https://ae.color-code.net/expression_all/…
全エクスプレッション説明＆動画リンク⇒https://ae.color-code.net/expression_all/…
全エクスプレッション説明＆動画リンク⇒https://ae.color-code.net/expression_all/…
全エクスプレッション説明＆動画リンク⇒https://ae.color-code.net/expression_all/…
講座#05 プロパティを1か所で管理しよう！ーエクスプレッション制御エフェクトー
- 事前準備
-
コンポジション内の設定を1か所にまとめよう！
- キーフレームやエクスプレッションも1か所にまとめよう！
- プロジェクト全体の設定をまとめよう！
ccae_expression_tutorial_template_b (2905 ダウンロード)
講座#06 レイヤーのコピペだけで追いかける動作を作ろう！
- 事前準備
-
レイヤーを追いかける動きを作ろう！
- コピペだけで追いかける動作を作ろう！
- レイヤー順序に依存しない作りにしよう！
ccae_expression_tutorial_template_b (2905 ダウンロード)
valueAtTimeのリファレンス動画が以下です。動きの違うレイヤーに対し、1秒地点の位置を読み取った場合を例に作ってあります。
全エクスプレッション説明＆動画リンク⇒https://ae.color-code.net/expression_all/…
講座#07 コピペだけで色や位置などをランダムに設定しよう！
- 事前準備
-
ランダムな値を設定しよう！
- コピペだけいろんなプロパティをランダムに設定しよう！
- 乱数を１か所で管理しよう！
ccae_expression_tutorial_template_b (2905 ダウンロード)
講座内で紹介したrandom以外にも、範囲外の値も10%発生するgaussRandomというエクスプレッションもあります。詳しくは以下の動画をご覧ください。
全エクスプレッション説明＆動画リンク⇒https://ae.color-code.net/expression_all/…
全エクスプレッション説明＆動画リンク⇒https://ae.color-code.net/expression_all/…
講座#08 2つのアニメーションをリニアに切り替えよう！
- 事前準備
-
2つの値をリニアに切り替えよう！
- 2つのアニメーションをリニアに切り替えよう！
- 大量のレイヤーの動作をリニアに切り替えよう！
ccae_expression_tutorial_template_a (2652 ダウンロード)
講座内で紹介したlinearは直線的な動作になりますが、イーズ動作を行うease、easeIn、easeOutというエクスプレッションもあります。詳しくは以下の動画をご覧ください。
※ 個人的には、linearのアニメーションを切り替るキーフレームにイーズ動作を追加して調整する方法がおすすめです。
全エクスプレッション説明＆動画リンク⇒https://ae.color-code.net/expression_all/…
全エクスプレッション説明＆動画リンク⇒https://ae.color-code.net/expression_all/…
全エクスプレッション説明＆動画リンク⇒https://ae.color-code.net/expression_all/…
全エクスプレッション説明＆動画リンク⇒https://ae.color-code.net/expression_all/…
まとめ
きっと難しい部分もあると思いますが、わからない部分は、繰り返しやってみたり、自分で色々操作してみることで、少しずつ理解できるようになると思いますので、あきらめずに是非チャレンジてみてください。
エクスプレッションや、Javascriptについて、もっと詳しい情報が知りたいという方は、以下の記事にまとめてあるのでご覧ください。私が情報源にしている２つのサイトについて紹介しています。
《基礎から解説！》エクスプレッションの使い方
