【After Effects】複雑な塗りアニメーションを簡単に作ることができるプラグイン『AutoFill』を徹底解説!!

Zipファイルを展開して、表示されたフォルダ内に『AutoFill』のプラグインファイルが入っていることを確認します。

『After Effects』のアプリケーションファイルを開いて

『Plug-ins』フォルダーを開いて

『Plug-ins』フォルダーの中にプラグインファイル『AutoFill.plugin』をコピペ、もしくはドラッグ&ドロップします。

『After Effects』を開いて、上部メニューのエフェクト▶︎Plugin Everything ▶︎AutoFill が追加されています。

上部メニューのエフェクト▶︎Plugin Everything ▶︎AutoFill を適用して

エフェクトコントロールパネルの『AutoFill』プロパティー上部にある『Register』をクリックします。

ライセンスコードの入力画面が表示されるので『Get Help』をクリックします。

『aescripts+aeplugins』のサイトが開くのでログインしてから

① 右上部にあるアカウント名をクリック

② 左側にあるメニューから『My Downloads & Licenses』をクリック

③『AutoFill』の『License Code』をコピーします。

『After Effects』のライセンスコード入力画面に戻って

ライセンスコードを貼り付けて『Activate』をクリックします。

ライセンス認証（アクティベート）が完了するので『OK』をクリックします。

これで『AutoFill』を使うことができます。

『Point Count』でポイント（塗りの開始点）を１〜５個まで選択することができます。

『Point Count』を１に設定、ポイント（塗りの開始点）を中心に配置⬇︎⬇︎

『Point Count』を5に設定、ポイント（塗りの開始点）を周囲に配置⬇︎⬇︎

『Noise』では自動で黒と白のフラクタルノイズのマップを作成してくれます。

自動生成されたフラクタルノイズは黒から始まって最終的には全体を白く埋めます。

白いノイズの部分から表示されていくといった感じです。

『Growth Source』を『Noise』に設定することで表示されるプロパティーで

生成されるフラクタルノイズのデュレーションやサイズ、位置などを微調整することができます。

『Speed』では塗りつぶされる速度を調整することができます。

連続してない部分や連続している部分が細いなど認識されにくい箇所は塗りが行き届かない箇所が出てしまいます。

『Border Strength』の数値を調整することで塗りの境界線（範囲）を調整することができます。

『Map Softness』では塗りのエッジをソフトに調整することができます。

『Edge Erode』では塗りの進行具合（侵食＝Erode）を調整することができます。

『Speed Map Influence』では塗りの広がり具合を調整することができます。

数値をマイナスに大きく振ることで、エッジ側から染み込んでいく感じの表現をすることもできます。

例えば…

『Speed Map』を『Auto』に設定してプロパティーを調整した場合には以下のような塗りアニメーションになります⬇︎⬇︎

対して『Speed Map』の『Mode』を『Custom Layer』に設定して塗りアニメーションに変化をつけていきます。

まずはマッピングに使用するレイヤーを作ります。

まずは『Auto Fill』を適用しているレイヤーを複製して、エフェクトコントロールパネル▶︎『AutoFill』を削除します。

複製したレイヤーにエフェクト ▶︎ ブラー＆シャープ ▶︎ ブラー（ガウス）を適用して

ブラーの数値を50くらいに設定します。

複製したレイヤーにエフェクト ▶︎ カラー補正 ▶︎ レベル補正を適用して

チャンネルをRGB ▶︎ アルファへ

アルファの黒入力レベルを上げる

複製したレイヤーにエフェクト ▶︎ 描画 ▶︎ 塗りを適用してカラーを白に設定します。

マッピング用に作成したレイヤーを『Speed Map』として設定していきます。

① マッピング用に作成したレイヤーを非表示にします。

②『AutoFill』を適用していた元レイヤーのSpeed Map ▶︎ Custom Layerへ設定

③ 『Layer』をマッピング用レイヤーに指定（1 Dragon logo 2）

④ 『Layer』の対象を『エフェクトとマスク』へ設定

⑤ 『Channel』設定を『Alpha』へ設定

ちなみに

『View Speed Map』をONにしてSpeed Mapとしてマッピングされているレイヤーを表示すると

作成したマッピング用のレイヤーがSpeed Mapとして適用されているのが確認できます。

『Auto』と『Custom Layer』でオリジナルのスピードマップを適用した場合を比較すると以下のような感じです⬇︎⬇︎

『Auto』と『Custom Layer』でオリジナルのスピードマップを適用した場合を比較すると以下のような感じです⬇︎⬇︎

いろんなタイプのマップを自作して設定すると色んな表現ができます。

例えば一例として…

『AutoFill』を適用して調整し終わったレイヤーの『AutoFill』エフェクトを複製します。

再生するとこんな感じです⬇︎⬇︎

『AutoFill』を複数適用して全ての『Composite Over Original』をON、『Delay』を１つずつずらせば以下のように幾つでも塗りを重ねてアニメーションさせることができます。

『Ignore Previous Effects』をONにすると

『AutoFill』よりも上位に適用しているエフェクトを無効化することができます。

『Ignore Previous Effects』をONにすると

『AutoFill』よりも上位に適用しているエフェクトを無効化することができます。

実際に使ってみると『Blur Radius』は最大数値にしても塗りがぼけたり、ぼけなかったりで

使うことはなさそう…

『Exposure（露出）』は塗りが浸透する速度を速くする

『Gamma（ガンマ）』は塗りが浸透する速度を遅くする

機能になります。


『Gamma（ガンマ）』の数値を上げると塗りアニメーションが細いラインのように伸びていくようなアニメーションになるので、個人的にはかなり好みです(〃ω〃)

ただ『Gamma（ガンマ）』の数値を上げすぎると、塗りアニメーションが全ての要素に行き届かなくなってしまうので

同時に『Border Strength』や『Speed Map Influence』の数値も調整しながらいい感じに微調整してます。

『AutoFill』購入後にダウンロードしたファイルのPresetsフォルダーに入っている『After Effects』のプロジェクトファイル『AutoFill 1.1 Presets.aep 』を開きます。

プロジェクトパネルに各プリセットが適用できるコンポジションが入ったフォルダーが４つと

プリセットの中からすでに３つのプリセット『Gummy』『Planet』『Realistic Gold』のコンポジションが開いています。

プリセットを使う流れは


① プロジェクトパネル内から適用したいプリセット▶︎コンポジションを開く

②『1)Your Logo』のコンポジションにプリセットを適用したいロゴやシェイプを配置

③『2)Edit AutoFill』でエフェクト『AutoFill』の設定を調整

④ ②と③で調整した内容が①で開いたコンポジションに反映される



といった流れです。

手順を１つずつ解説していきます。

まずはプロジェクトパネル内から適用したいプリセット▶︎コンポジションを開きます。

『1)Your Logo』のコンポジションにプリセットを適用したいロゴやシェイプを配置します。

元から配置されていた『Your LOGO（Supar LOGO）』は削除してください。

コンポジション『2)Edit AutoFill』でエフェクトコントロールパネルから『AutoFill』のプロパティーを調整します。

コンポジション『Pop Art』を開くと調整した内容が反映されます。

コンポジション『Pop Art』に含まれる各レイヤーのエフェクトを調整してプリセットをアレンジすることもできます。

一度『1)Your Logo』と『2)Edit AutoFill』を調整してしまえば

他のプリセット ▶︎ コンポジションを開くだけで全ての設定が反映されます。