【After Effects】カラー制御

コンポジション内や映像内で同じ色を使う場合、単純に同じ色を複数のレイヤーに設定すると、色を変更するときに大変です。

このような場合にカラー制御を使って色を設定しておくことで、色を変更したいときに一括で変更できるようになります。

まずは調整レイヤーを作成します。

カラー制御は色の設定を格納するだけのエフェクトなので、調整レイヤーやヌルオブジェクトなどに適用しておけば良さそうです。

調整レイヤーに[エクスプレッション制御] – [カラー制御]を適用します。

カラーに色を設定しておきます。

また、エフェクトコントロールパネルやコンポジションパネルでカラー制御を選択して、Enter(Return)を押すと名前を変更できます。

慣れてくるとカラー制御で複数の色を管理するようになってくるので、わかりやすい名前にしておくと管理しやすいです。

今回はメインに変更しておきました。

色を選択するようなプロパティは、カラー制御で色の設定を管理できそうです。

私が知る限りではカラー制御で色の設定を管理できるものには、このようなものがあります。

エフェクトのプロパティで色を設定するものは、カラー制御で色を管理できます。

例えば、[描画] – [塗り]のプロパティの[カラー]にエクスプレッションを設定します。

シェイプレイヤーの塗りや線は、カラー制御で色を管理できます。

長方形の場合はコンポジションパネルで、シェイプレイヤーの[コンテンツ] – [長方形1] – [線1]または[塗り1]のプロパティの[カラー]に対してエクスプレッションを設定します。

テキストレイヤーの塗りや線は、カラー制御で色を管理できます。

テキストの場合は色関連のプロパティがないので、テキストの右側にあるアニメーターから[塗りのカラー] – [RGB]や[線のカラー] – [RGB]を追加する必要があります。

塗りのカラーや線のカラーを追加すると、アニメーターが追加されます。

追加されたアニメーター内にある[塗りのカラー]や[線のカラー]に対してエクスプレッションを設定します。

テキストレイヤーで塗り、線のどちらかが無く、どちらか一方の色を設定すればよい場合などは、エフェクトの[描画] – [塗り]のカラーにエクスプレッションをせていする方が楽だと思います。

まずはシェイプレイヤーの塗りのカラーなどのストップウォッチをALTキーを押しながらクリック。

ストップウォッチをALTキーを押してクリックすると、タイムラインにエクスプレッションを入力できるようになります。

クリックした時点で入力されていますが、これは使いません。

カラー制御の設定が同じコンポジションにある場合は、エクスプレッションにこのような記述をしていきます。

thisComp.layer("レイヤーの名前").effect("エフェクトの名前")("カラー")

カラー制御を設定したレイヤーが別のコンポジションにある場合は、少し記述が変わってコンポジションの指定が追加されます。

comp("コンポジション名").layer("レイヤーの名前").effect("エフェクトの名前")("カラー")

まずはカラーパレット用のコンポジションを用意します。

映像には使わないので、コンポジションサイズなどはなんでもOKです。

後でエクスプレッションで使うことになるので、コンポジション名はわかりやすい名前にしておくのが良いでしょう。

ここではコンポジション名をColorPaletteにしました。

次はカラー制御を設定するための調整レイヤーを作成します。

調整レイヤーもエクスプレッションで使用するので、わかりやすい名前に変更しておくとよいでしょう。

ここでは調整レイヤーの名前をColorControlsにしました。

調整レイヤーにカラー制御で色を設定していきます。

1色ということは少ないと思うので、それぞれのカラー制御にメインカラー、サブカラーなどの名前に変更しておくとよいでしょう。

ここではcolor1～color3を作成しました。

あとはお好みでレイアウトして、カラー制御の名前をテキストレイヤーで表示しておくとわかりやすいです。

カラーパレットの作成はここまでで完了です。