// アナリティクス

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

After Effects Auto Fill おすすめ スクリプト

当サイトはアフィリエイト広告を利用しています。

Adobe After Effects

ふにゃ太郎
ふにゃ太郎

『AutoFill』というエフェクトプラグインが気になっています(゚∀゚)

もしよろしければ…解説してもらえませんか(゚∀゚(゚∀゚(゚∀゚!?

NEXTist
NEXTist

『AutoFill』はちょうど紹介しようと思ってたんだよね〜♪( ´θ`)ノ
日本語で解説した記事や動画が全くないから紹介して欲しいっていう要望もちょこちょこあったんだよね(^ ^)

ふにゃ太郎
ふにゃ太郎

そうなんですね( ´ ▽ ` )ではぜひぜひ解説をよろしくお願いしま〜す(=゚ω゚)ノ

NEXTist
NEXTist

『AutoFill』は機能が膨大だから記事の量も膨大になってしまった…_(┐「ε:)_

見たいところだけ飛ばして読んでね( ´ ▽ ` 😉


『AutoFill』を使えば様々な塗りアニメーションを簡単に作ることができます٩( ‘ω’ )و


50種類のプリセットを使えば『After Effects』初心者でも面白い塗りアニメーションを作ることができるので

興味のある方はぜひ最後まで読んでいただけると嬉しいです(゚∀゚)

After Effects プラグイン エフェクト Auto Fill プリセット



この記事は以下のような悩みや疑問を解決できる内容になってます(^ ^)⬇︎⬇︎


それではいってみましょう٩( ᐛ )و



*複雑な塗りアニメーションを簡単に作ることができるプラグイン『Auto Fill』を徹底解説した動画はこちら⬇︎⬇︎



『AutoFill』とは!?

After Effects プラグイン エフェクト Auto Fill

『AutoFill』は『Deep Glow』や『Text Box 2』『Shadow Studio』など数々の優秀なプラグインを開発している

『Plugin Everything』社が無料で提供しているエフェクトプラグインになりますd( ̄  ̄)



『AutoFill』を使えば…

素材の不透明度を塗りや拡大のガイドとして利用することで

シェイプやイメージから塗りつぶしアニメーションを自動生成することができます٩( ᐛ )و

After Effects プラグイン エフェクト Auto Fill 塗り アニメーション サンプル
Fill Animation
After Effects プラグイン エフェクト Auto Fill 手書き アニメーション サンプル
Handwriting Animation
After Effects プラグイン エフェクト Auto Fill growing plants アニメーション
Growing Plants Animation
After Effects プラグイン エフェクト Auto Fill Illustration-Reveal アニメーション
Illustration Reveal Animation
After Effects プラグイン エフェクト Auto Fill ロゴ アニメーション
Logo Animation
After Effects プラグイン エフェクト Auto Fill Blueprint アニメーション
Blueprint Animation


『AutoFill』では草木が育っていくようなグロープランツ系のアニメーションにもよく使われてますd( ̄  ̄)

After Effects プラグイン Auto Fill 使い方 Speed Map Custom Layer Growing Plants
After Effects プラグイン エフェクト Auto Fill Growth Source Points Count 1
ふにゃ太郎
ふにゃ太郎

一度作ってみたいです(*゚▽゚*)


v1.1のアップデートで25種類のプリセットにさらに25種類追加され

合計50種類のプリセットを使えるようになりました\( ̄∀ ̄)/

After Effects プラグイン エフェクト Auto Fill テンプレート
After Effects プラグイン Auto Fill 使い方 プリセット cyber
ふにゃ太郎
ふにゃ太郎

50種類もあればプリセットだけでも色々と楽しめそうですねd(゚∀゚)

NEXTist
NEXTist

めちゃくちゃ楽しめるよ〜ψ(`∇´)ψ
50種類のプリセットをまとめて紹介するから、ぜひ参考にしてみてね♪( ´θ`)ノ



『AutoFill』のプリセット一覧

『AutoFill』に収録されているプリセットをまとめてみました٩( ᐛ )و

Complex ▶︎ 12種類

After Effects プラグイン エフェクト Auto Fill プリセット Broken Glass
Broken Glass
After Effects プラグイン エフェクト Auto Fill プリセット Complex Metal
Complex Metal
After Effects プラグイン エフェクト Auto Fill プリセット Cyber
Cyber
After Effects プラグイン エフェクト Auto Fill プリセット Electro
Electro
After Effects プラグイン エフェクト Auto Fill プリセット Fire Sparks
Fire Sparks
After Effects プラグイン エフェクト Auto Fill プリセット Frost
Frost
After Effects プラグイン エフェクト Auto Fill プリセット Goo
Goo
After Effects プラグイン エフェクト Auto Fill プリセット Minimal Extrude
Minimal Extrude
After Effects プラグイン エフェクト Auto Fill プリセット Paint Drops
Paint Drops
After Effects プラグイン エフェクト Auto Fill プリセット Romantic Particles
Romantic Particles
After Effects プラグイン エフェクト Auto Fill プリセット Silver
Silver
After Effects プラグイン エフェクト Auto Fill プリセット Water
Water


Fast ▶︎ 14種類

After Effects プラグイン エフェクト Auto Fill プリセット 3 Colors
3 Colors
After Effects プラグイン エフェクト Auto Fill プリセット Ancient Ink
Ancient Ink
After Effects プラグイン エフェクト Auto Fill プリセット Black and White
Black and White
After Effects プラグイン エフェクト Auto Fill プリセット Blue and Yellow
Blue and Yellow
After Effects プラグイン エフェクト Auto Fill プリセット Blueprint
Blueprint
After Effects プラグイン エフェクト Auto Fill プリセット Cartoon
Cartoon
After Effects プラグイン エフェクト Auto Fill プリセット Colorama
Colorama
After Effects プラグイン エフェクト Auto Fill プリセット Digital Neon
Digital Neon
After Effects プラグイン エフェクト Auto Fill プリセット Fire
Fire
After Effects プラグイン エフェクト Auto Fill プリセット Gold
Gold
After Effects プラグイン エフェクト Auto Fill プリセット Gummy
Gummy
After Effects プラグイン エフェクト Auto Fill プリセット Handwriting
Handwriting
After Effects プラグイン エフェクト Auto Fill プリセット Pop Art
Pop Art
After Effects プラグイン エフェクト Auto Fill プリセット Thunder
Thunder


New Presets ▶︎ 13種類

After Effects プラグイン エフェクト Auto Fill プリセット Blue Fanta
Blue Fanta
After Effects プラグイン エフェクト Auto Fill プリセット Christmas
Christmas
After Effects プラグイン エフェクト Auto Fill プリセット Extrude Big Gradient
Extrude Big Gradient
After Effects プラグイン エフェクト Auto Fill プリセット Gas
Gas
After Effects プラグイン エフェクト Auto Fill プリセット Gas Alpha
Gas Alpha
After Effects プラグイン エフェクト Auto Fill プリセット Magic
Magic
After Effects プラグイン エフェクト Auto Fill プリセット Neon Dance
Neon Dance
After Effects プラグイン エフェクト Auto Fill プリセット OldTron
OldTron
After Effects プラグイン エフェクト Auto Fill プリセット Planet
Planet
After Effects プラグイン エフェクト Auto Fill プリセット Realistic Gold
Realistic Gold
After Effects プラグイン エフェクト Auto Fill プリセット Realistic Silver
Realistic Silver
After Effects プラグイン エフェクト Auto Fill プリセット Stranger
Stranger
After Effects プラグイン エフェクト Auto Fill プリセット Trendy Gradients
Trendy Gradients


Other Presets ▶︎ 3種類

After Effects プラグイン エフェクト Auto Fill プリセット Looped Gummy
Looped Gummy
After Effects プラグイン エフェクト Auto Fill プリセット Texture Change Gold
Texture Change Gold
After Effects プラグイン エフェクト Auto Fill プリセット Texture Change Ice
Texture Change Ice


Handwriting Presets ▶︎ 15種類

5 Ready Classic Presets

After Effects プラグイン Auto Fill プリセット 使い方 Handwriting Presets
1
After Effects プラグイン Auto Fill プリセット 使い方 Handwriting Presets 5 Ready Classic Presets
2
After Effects プラグイン Auto Fill プリセット 使い方 Handwriting Presets 5 Ready Classic Presets
3
After Effects プラグイン Auto Fill プリセット 使い方 Handwriting Presets 5 Ready Classic Presets
4
After Effects プラグイン Auto Fill プリセット 使い方 Handwriting Presets 5 Ready Classic Presets
5

5 Ready Romantic Presets

After Effects プラグイン Auto Fill プリセット 使い方 Handwriting Presets 5 Ready Romantic Presets resized
1
After Effects プラグイン Auto Fill プリセット 使い方 Handwriting Presets 5 Ready Romantic Presets resized
2
After Effects プラグイン Auto Fill プリセット 使い方 Handwriting Presets 5 Ready Romantic Presets resized
3
After Effects プラグイン Auto Fill プリセット 使い方 Handwriting Presets 5 Ready Romantic Presets resized
4
After Effects プラグイン Auto Fill プリセット 使い方 Handwriting Presets 5 Ready Romantic Presets
5

5 Ready Vintage Presets

After Effects プラグイン Auto Fill プリセット 使い方 Handwriting Presets 5 Ready Vintage Presets resized
1
After Effects プラグイン Auto Fill プリセット 使い方 Handwriting Presets 5 Ready Vintage Presets resized
2
After Effects プラグイン Auto Fill プリセット 使い方 Handwriting Presets 5 Ready Vintage Presets
3
After Effects プラグイン Auto Fill プリセット 使い方 Handwriting Presets 5 Ready Vintage Presets
4
After Effects プラグイン Auto Fill プリセット 使い方 Handwriting Presets 5 Ready Vintage Presets
5



『AutoFill』はどこで購入すればいい!?最安は!?

『AutoFill』はどこで購入できるのか、最安価格を紹介しておきます٩( ᐛ )و

『AutoFill』を国内で唯一販売している『フラッシュバックジャパン』はやや割高となりますd( ̄  ̄)

「海外へ個人情報を登録するのが嫌だ…(ー ー;)」

「何か起こったときのサポートが日本語対応している方がいい…_(┐「ε:)_」


という方はフラッシュバックジャパン一択となります。

フラッシュバックジャパン ロゴ



海外では『TOOLFARM』と『aescripts+aeplugins』が『AutoFill』を最安価格で購入することができます( ´ ▽ ` )

クレジットカードを登録するのが不安な方は『PayPal』を経由するといいかと思いますd( ̄  ̄)



海外サイトでの購入は不安かもしれませんが…

海外クリエーターのほとんどは『TOOLFARM』もしくは『aescripts+aeplugins』でプラグインやスクリプトを購入しているので、かなり安心な販売サイトかと思いますd(^ ^)

【『AutoFill』の価格比較表】

TOOLFARM
(海外)
aescripts+aeplugins
(海外)
Flashback Japan
(国内)
TOOLFARM ロゴaescripts+aeplugins ロゴフラッシュバックジャパン ロゴ
価格$49.95(約6,600円)$49.95(約6,600円)7,920円
支払い方法クレジットカード
PayPal
クレジットカード
PayPal
クレジットカード
銀行振込
コンビニ決済
販売サイト販売ページ販売ページ販売ページ
『AutoFill』の価格比較表
ふにゃ太郎
ふにゃ太郎

海外サイトの方が1,000円以上安いので海外サイトで購入したいのですが

初めてなのでちょっと抵抗がありますね…ヽ(´o`;

NEXTist
NEXTist

自分はいつも『aescripts+aeplugins』か『TOOLFARM』で購入してるよ〜d( ̄  ̄)
今まで一度もサポートを必要とする事態になったことはないし、支払いには『PayPal』を使ってるけどトラブルになったことはありませ〜ん( ´ ▽ ` )♪

ふにゃ太郎
ふにゃ太郎

『aescripts+aeplugins』と『TOOLFARM』の価格は同じですが、どちらで購入した方がいいでしょうかヽ(´o`;

NEXTist
NEXTist

『TOOLFARM』で購入しても『aescripts+aeplugins』からプラグインファイルをダウンロードすることになるから『aescripts+aeplugins』で買った方が余計な手間が省けるよ〜♪( ´θ`)ノ



『AutoFill』のインストール方法

『Auto Fill』を『After Effects』にインストールして使えるようにするまでの流れを解説していきます٩( ᐛ )و

『AutoFill』のインストール方法

プラグインファイル(.pluginの保存場所

Windows ▶︎ C: ▶︎ Program Files ▶︎ Adobe ▶︎ Adobe After Effects <AE version> ▶︎ Support Files ▶︎ Plug-ins

Mac ▶︎ アプリケーション ▶︎ Adobe After Effects <AE version> ▶︎ Plug-ins


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

After Effects プラグイン エフェクト Auto Fill インストール 方法

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

After Effects プラグイン エフェクト Auto Fill インストール 方法 アプリケーションファイル

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

After Effects プラグイン エフェクト Auto Fill インストール 方法 Plug-ins

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

After Effects プラグイン エフェクト Auto Fill インストール 方法

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

After Effects プラグイン エフェクト Auto Fill Plugin Everything


『Auto Fill』のライセンス認証(アクティベート)方法

『AutoFill』はプラグインファイルをインストールしただけでは

プレビューにバツ印が表示され、まだ使うことができません_(┐「ε:)_

After Effects プラグイン エフェクト Auto Fill バツ 消す 方法



ここではライセンスコードを入力してライセンス認証(アクティベート)する方法を解説していきますd( ̄  ̄)

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

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

After Effects プラグイン エフェクト Auto Fill バツ 消す 方法 Register

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

After Effects プラグイン エフェクト Auto Fill バツ 消す 方法 Register Get Help

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

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

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

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

After Effects プラグイン エフェクト Auto Fill バツ 消す 方法 aescripts+aeplugins ライセンス コード コピー

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

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

After Effects プラグイン エフェクト Auto Fill ライセンス 認証 方法

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

After Effects プラグイン エフェクト Auto Fill ライセンス 認証 アクティベート 方法

これで『AutoFill』を使うことができます\( ̄∀ ̄)/ワーイ

After Effects プラグイン エフェクト Auto Fill ライセンス 認証 アクティベート 方法



『Auto Fill』の機能や使い方

『AutoFill』の具体的な機能や使い方を解説していきます٩( ᐛ )و


Growth Source

『Growth Source』では塗りつぶしアニメーションをトリガーするための開始点を『Points』『noise』『Layer』の3種類から選択することができますd( ̄  ̄)

Points

After Effects プラグイン エフェクト Auto Fill Growth Source Points

『Growth Source』を『Points』に設定するとポイントを起点に塗りつぶしを開始することができます^^

『Point Count』でポイント(塗りの開始点)を1〜5個まで選択することができます。

After Effects プラグイン エフェクト Auto Fill Growth Source Points
After Effects プラグイン エフェクト Auto Fill Growth Source Points

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

After Effects プラグイン エフェクト Auto Fill Growth Source Points Count 1
Point Count ▶︎ 1
After Effects プラグイン エフェクト Auto Fill Growth Source Points Count 1
Point Count ▶︎ 1

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

After Effects プラグイン エフェクト Auto Fill Growth Source Points Count 5
Point Count ▶︎ 5
After Effects プラグイン エフェクト Auto Fill Growth Source Points Count 5
Point Count ▶︎ 5

最初のフレームをよりスムーズに開始するためには…


ポイントをレイヤーのアルファ(透明部分)に配置した方がアニメーションがスムーズに開始されますd(^ ^)

After Effects プラグイン Auto Fill 機能 使い方 ポイン  配置
After Effects プラグイン Auto Fill 機能 使い方 ポイントアルファ  配置


Noise

After Effects プラグイン Auto Fill Growth Source Noise

『Growth Source』を『Noise』に設定すると間隔が離れている要素も問題なくアニメーションさせることができます٩( ᐛ )و

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

NEXTist
NEXTist

『Growth Source』を『Noise』に設定した後に『View Growth』にチェックを入れると古くたるノイズのマップを見ることができますd(゚∀゚)

After Effects プラグイン Auto Fill View Growth
After Effects プラグイン Auto Fill Growth Source Noise Fractal Noise
自動生成されたフラクタルノイズ

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

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

After Effects プラグイン Auto Fill Growth Source Noise Fractal Noise
自動生成されたフラクタルノイズ
After Effects プラグイン Auto Fill Growth Source Noise Fractal Noise
NEXTist
NEXTist

要素同士の距離が離れて『Points』では全ての要素に塗りが行き届かない場合に便利ですd(゚∀゚)

『Growth Source』を『Noise』に設定することで表示されるプロパティーで、生成されるフラクタルノイズのデュレーションやサイズ、位置などを微調整することができます。

After Effects プラグイン Auto Fill Growth Source Noise プロパティー 調整

『Growth Source』を『Noise』に設定しているときは


設定変更するたびに『Resimulate』ボタンを押さないと不具合が発生する可能性がありますヽ(´o`;

After Effects プラグイン Auto Fill Growth Source Noise Resimulate 不具合



Layer


Speed

After Effects プラグイン エフェクト Auto Fill Speed

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

After Effects プラグイン エフェクト Auto Fill Speed デフォルト 5
Speed ▶︎ 5(default)
After Effects プラグイン エフェクト Auto Fill Speed 10
Speed ▶︎ 10


Border Strength

After Effects プラグイン エフェクト Auto Fill Border Strength

『Border Strength』では塗りの境界線(範囲)を調整することができますd( ̄  ̄)

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

After Effects プラグイン エフェクト Auto Fill 使い方 Border Strength
After Effects プラグイン エフェクト Auto Fill 使い方 Border Strength

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

After Effects プラグイン エフェクト Auto Fill Border Strength 100%
Border Strength ▶︎ 100%(default)
After Effects プラグイン エフェクト Auto Fill Border Strength 0%
Border Strength ▶︎ 0%
After Effects プラグイン エフェクト Auto Fill 使い方 Border Strength 100%
Border Strength ▶︎ 100%(default)
After Effects プラグイン エフェクト Auto Fill 使い方 Border Strength 0%
Border Strength ▶︎ 0%


Speed Map

After Effects プラグイン エフェクト Auto Fill Speed Map 使い方

『Speed Map』は『AutoFill バージョン1.1』から追加された新機能で、『Speed Map』を利用すれば簡単にスムーズな塗りつぶしアニメーションを作ることができます٩( ᐛ )و

『Speed Map』の『Mode』を『None(OFF)』に設定した場合には

『Auto』と比べて塗りアニメーションのエッジの丸みがなくなりますd( ̄  ̄)


『Speed Map』を設定した方が、より水が浸透していくようなイメージの柔らかいアニメーションになるというところでしょうかd(゚∀゚)

After Effects プラグイン エフェクト Auto Fill Speed Map 使い方
NEXTist
NEXTist

デフォルトでは『Speed Map』は『Auto』で適用されてますd(゚∀゚)
『Auto』モードでは『Map Softness』と『Map Softness』のプロパティーを追加で調整することができます٩( ᐛ )و



Auto ▶︎ Map Softness

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

After Effects プラグイン エフェクト Auto Fill Speed Map Softness 使い方


Auto ▶︎ Edge Erode

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

After Effects プラグイン エフェクト Auto Fill Speed Map Edge Erode 使い方


Speed Map Influence

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

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

After Effects プラグイン エフェクト Auto Fill Speed Map Influence 使い方
Speed Map Influence ▶︎ -500%



Speed Map Mode ▶︎ Custom Layer

『Speed Map』の『Mode』を『Custom Layer』に設定すると、マッピングとして設定したレイヤーの輝度やアルファの情報をもとにして塗りアニメーションのスピードや動きに変化をつけることができますd( ̄  ̄)

意味わかないですよね…_(┐「ε:)_

簡単に説明すると

マッピングしたレイヤーの白の部分は塗りアニメーションの速度が早くなり

黒の部分は塗りアニメーションの速度が遅くなりますd(゚∀゚)

例えば…

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

After Effects プラグイン Auto Fill 使い方 Speed Map 設定 Auto 比較
Speed Map ▶︎ Auto

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

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

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

NEXTist
NEXTist

元のレイヤーは非表示にしてくださいd(゚∀゚)

After Effects プラグイン Auto Fill 使い方 マッピングレイヤー 作成

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

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

After Effects プラグイン Auto Fill 使い方 マッピングレイヤー 作成 ブラー

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

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

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

NEXTist
NEXTist

『アルファの黒入力レベル』は最終的に230に設定しましたd(^ ^)

After Effects プラグイン Auto Fill 使い方 Speed Map レイヤー 作成

複製したレイヤーにエフェクト ▶︎ 描画 ▶︎ 塗りを適用して

カラーを白に設定します。

NEXTist
NEXTist

元レイヤーを表示に戻しますd( ̄  ̄)

これでマッピング用のレイヤーは完成です(゚∀゚)

After Effects プラグイン Auto Fill 使い方 Speed Map レイヤー 作成 塗り

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

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

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

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

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

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

NEXTist
NEXTist

表示されるタイミングや塗りアニメーションの広がり具合は『Speed』や『Speed Map Influence』で調整してくださいd(゚∀゚)

After Effects プラグイン Auto Fill 使い方 Speed Map Custom Layer 設定 方法

ちなみに

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

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

NEXTist
NEXTist

マッピング用のレイヤーの白い部分が早く、黒い部分が遅くアニメーションされます(=゚ω゚)ノ

After Effects プラグイン Auto Fill 使い方 View Speed Map
View Speed Map ON

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

After Effects プラグイン Auto Fill 使い方 Speed Map 設定 Auto 比較
Speed Map ▶︎ Auto
After Effects プラグイン Auto Fill 使い方 Speed Map 設定 Custom Layer 比較
Speed Map ▶︎ Custom Layer

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

After Effects プラグイン Auto Fill 使い方 Speed Map 設定 Auto 比較
Speed Map ▶︎ Auto
After Effects プラグイン Auto Fill 使い方 Speed Map 設定 Custom Layer 比較
Speed Map ▶︎ Custom Layer

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

After Effects プラグイン Auto Fill 使い方 Speed  Map Custom Layer 自作 設定
After Effects プラグイン Auto Fill 使い方 Speed  Map Custom Layer 自作 設定
After Effects プラグイン Auto Fill 使い方 Speed  Map Custom Layer フラクタルノイズ
After Effects プラグイン Auto Fill 使い方 Speed  Map Custom Layer フラクタルノイズ

『AutoFill』では花や草木が成長するようなアニメーション『Growing Plants Animation』をよく見ますが

このアニメーションも『Speed Map』で枝野部分を白くしたマップを使用することで

After Effects プラグイン Auto Fill 使い方 Speed  Map Custom Layer Growing Plants
After Effects プラグイン Auto Fill 使い方 Speed Map Custom Layer Growing Plants

いい感じの『Growing Plants Animation』を作ることができます٩( ᐛ )و

After Effects プラグイン Auto Fill 使い方 Speed  Map Auto Growing Plants
Speed Map Mode ▶︎ Auto
After Effects プラグイン Auto Fill 使い方 Speed Map Custom Layer Growing Plants
Speed Map Mode ▶︎ Custom Layer


Compositing

『Compositing』ではアルファ反転マット『Alpha Inverted Matte』を適用したり、色の塗りつぶし『Color Fill』、ブレンドモード『Blend Mode』などを適用してアレンジすることができますd( ̄  ̄)

Color Fill、Composite Over Original、Delay

例えば一例として…

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

After Effects プラグイン Auto Fill 使い方 Growing Plants

複製した『AutoFill』のプロパティーを

①『Color Fill』にチェックを入れて好きなカラーを選択


②『Composite Over Original』にチェックを入れて『Blend Mode』から『Screen』を選択

③『Delay(Frames)』を25に設定


この①〜③の設定で

カラーとブレンドモードの適用された塗りが25フレームズレてアニメーションします。

After Effects プラグイン Auto Fill 使い方 Compositing
NEXTist
NEXTist

Composite Over Original』では描画モードを適用できるので、画像の上に『AutoFill』がオーバーレイしてカラーが変化していいくアニメーションを作ることができますd( ̄  ̄)

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

After Effects プラグイン Auto Fill 使い方 Growing Plants
After Effects プラグイン Auto Fill 使い方 Growing Plants

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

After Effects プラグイン Auto Fill 重ねがけ 複数 連続 アニメーション 方法
After Effects プラグイン Auto Fill 重ねがけ 複数 連続 アニメーション 方法
NEXTist
NEXTist

『Delay』を使えば『AutoFill』のアニメーションの開始をフレーム単位で遅らせることができるよ٩( ᐛ )و

もう一段こだわったアニメーションを作るのに『Compositing』のプロパティー調整は欠かせない感じ(´∀`*)

ふにゃ太郎
ふにゃ太郎

『Compositing』を調整すれば色々とアレンジの幅が広がりそうですね(゚∀゚)


Ignore Previous Effects

After Effects プラグイン Auto Fill Ignore Previous Effects

『Ignore Previous Effects』をONにすると

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

After Effects プラグイン Auto Fill Ignore Previous Effects ON エフェクト 無効


Border Expand

After Effects プラグイン Auto Fill Border Expand

『Border Expand』では塗りつぶしの境界を拡大または縮小することができますd( ̄  ̄)

『Ignore Previous Effects』をONにすると

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

After Effects プラグイン Auto Fill Border Expand 0
Border Expand ▶︎ 0 (Default)
Border Expand ▶︎ 3
NEXTist
NEXTist

『Border Expand』は『Border Strength』の値と相関するので、プレビューを確認しながら両方の値を微調整してくださいd( ̄  ̄)


Advanced

After Effects プラグイン Auto Fill Advanced

『Advanced』は『Blur Radius(ぼかし)』『Exposure(露出)』『Gamma(ガンマ)』の3つのプロパティーを調整できますが、公式では「調整は自己責任でお願いします」「あまり役に立ちません」と操作することをあまり推奨していない感じです…(ー ー;)

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

使うことはなさそう…

After Effects プラグイン Auto Fill Advanced Blur Radius

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

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

機能になります。


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



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

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

After Effects プラグイン Auto Fill 使い方 Speed Map Custom Layer 自作 設定



プリセットの使い方

『AutoFill』を購入すると50種類のプリセットが収録されたプロジェクトファイルが付属していますd( ̄  ̄)

After Effects プラグイン Auto Fill プリセット 使い方


ここではプリセットを使って塗りアニメーションを作る流れを解説していきます(=゚ω゚)ノ

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

After Effects プラグイン Auto Fill プリセット 使い方 プロジェクトファイル aep

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

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

NEXTist
NEXTist

プリセットの中からすでに開かれている3つのコンポジションは解説の邪魔になるので、3つとも閉じでおきますd( ̄  ̄)

After Effects プラグイン Auto Fill プリセット 使い方 コンポジション

プリセットを使う流れは


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

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

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

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



といった流れです。

After Effects プラグイン Auto Fill プリセット 使い方 手順

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

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

NEXTist
NEXTist

今回は『Pop Art』を使います٩( ᐛ )و

After Effects プラグイン Auto Fill プリセット 使い方 手順

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

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

After Effects プラグイン Auto Fill プリセット 使い方 手順 Your LOGO

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

NEXTist
NEXTist

『Speed Map』で解説した内容とほぼ同じ調整をしました٩( ᐛ )و

After Effects プラグイン Auto Fill プリセット 使い方 手順 Speed Map 設定

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

After Effects プラグイン Auto Fill プリセット 使い方 手順 Pop Art

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

After Effects プラグイン Auto Fill プリセット 使い方 手順 Pop Art
Normal
After Effects プラグイン Auto Fill プリセット 使い方 手順 Pop Art アレンジ
Arrange
After Effects プラグイン Auto Fill 使い方 プリセット cyber
Cyber

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

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

After Effects プラグイン Auto Fill プリセット 使い方 手順 Digital Neon



最後に

『AutoFill』以外にも購入をおすすめできる有料プラグインや有料スクリプトはたくさんありますd( ̄∀ ̄)

以下の記事に導入すべき有料プラグインやスクリプトをまとめてるので、興味のある方はぜひ読んでみてください⬇︎⬇︎


『After Effects』で使えるおすすめの無料プラグインや無料スクリプトをまとめた記事はこちら⬇︎⬇︎



以上、最後まで読んでいただきありがとうございました(=゚ω゚)ノ