【AE tips026】ループするグラデーション背景の作り方

コロラマでグラデーションを作ってループさせる方法です。
好きな色のグラデーションを動かせるので、ちょっとした背景素材に使えます。

  • 制作サイズ:1920×1080
  • エフェクト:グラデーション、コロラマ

テンプレート素材 ▶︎Motion Elementsで販売中




STEP .1 平面を作成

新規平面レイヤー)を作成します。


STEP .2 グラデーション

作成した平面レイヤーにエフェクトの描画「グラデーション」を適用します。


STEP .3 コロラマ

続けて、同じ平面レイヤーにエフェクトのカラー補正「コロラマ」を適用します。


デフォルトではレインボーカラーになっているので「出力サイクル」を展開して、三角マークをダブルクリック。任意の色に変更します。


三角マークは外に移動すると削除することができます。


今回は以下のように、4色のグラデーションにしました。

C4DAF4 → E5D0DD → FCF4DA → BFC9EA




STEP .4 ループさせる

コロラマの入力フェーズを展開して「フェーズシフト」の時計マークをoption(alt)クリック

エクスプレッションを展開して「time*30」を入力します。

「time*30」の数値は大きくすればスピードが速くなります。

【補足】グラデーションの方向を変える

グラデーションの開始点と終点を変えると、グラデーションの方向も変わります。


【応用】波形ワープ

波形ワープを適用することで、水面のような動きにすることができます。

出来上がったグラデーション(コンポ1)を、別のコンポジション(コンポ2)に入れて、
ちょっと拡大して波形ワープを適用します。

波形ワープについては「AE tips013 波形ワープの水面模様」で詳しく解説しています。

▶︎Motion Elementsで販売

以上です