Adobe After Effects
![ふにゃ太郎](https://nextist.net/wp-content/uploads/2021/07/hunyataro.png)
『AutoFill』というエフェクトプラグインが気になっています(゚∀゚)
もしよろしければ…解説してもらえませんか(゚∀゚(゚∀゚(゚∀゚!?
![NEXTist](https://nextist.net/wp-content/uploads/2021/08/nextist-icon.png)
『AutoFill』はちょうど紹介しようと思ってたんだよね〜♪( ´θ`)ノ
日本語で解説した記事や動画が全くないから紹介して欲しいっていう要望もちょこちょこあったんだよね(^ ^)
![ふにゃ太郎](https://nextist.net/wp-content/uploads/2021/07/hunyataro.png)
そうなんですね( ´ ▽ ` )ではぜひぜひ解説をよろしくお願いしま〜す(=゚ω゚)ノ
![NEXTist](https://nextist.net/wp-content/uploads/2021/08/nextist-icon.png)
『AutoFill』は機能が膨大だから記事の量も膨大になってしまった…_(┐「ε:)_
見たいところだけ飛ばして読んでね( ´ ▽ ` 😉
『AutoFill』を使えば様々な塗りアニメーションを簡単に作ることができます。
50種類のプリセットを使えば『After Effects』初心者でも面白い塗りアニメーションを作ることができるので
興味のある方はぜひ最後まで読んでいただけると嬉しいです。
![After Effects プラグイン エフェクト Auto Fill プリセット](https://nextist.net/wp-content/uploads/after-effects-plugin-autofill-sample.gif)
この記事は以下のような悩みや疑問を解決できる内容になってます⬇︎⬇︎
それではいってみましょう٩( ᐛ )و
*複雑な塗りアニメーションを簡単に作ることができるプラグイン『Auto Fill』を徹底解説した動画はこちら⬇︎⬇︎
目次
『AutoFill』とは!?
![After Effects プラグイン エフェクト Auto Fill](https://nextist.net/wp-content/uploads/after-effects-plugin-autofill.jpg)
『AutoFill』は『Deep Glow』や『Text Box 2』『Shadow Studio』など数々の優秀なプラグインを開発している
『Plugin Everything』社が無料で提供しているエフェクトプラグインになります。
『AutoFill』を使えば…
素材の不透明度を塗りや拡大のガイドとして利用することで
シェイプやイメージから塗りつぶしアニメーションを自動生成することができます。
![After Effects プラグイン エフェクト Auto Fill 塗り アニメーション サンプル](https://nextist.net/wp-content/uploads/after-effects-plugin-autofill-fill-animation-sample.gif)
![After Effects プラグイン エフェクト Auto Fill 手書き アニメーション サンプル](https://nextist.net/wp-content/uploads/after-effects-plugin-autofill-handwriting-animation.gif)
![After Effects プラグイン エフェクト Auto Fill growing plants アニメーション](https://nextist.net/wp-content/uploads/after-effects-plugin-autofill-fill-growing-plants-animation.gif)
![After Effects プラグイン エフェクト Auto Fill Illustration-Reveal アニメーション](https://nextist.net/wp-content/uploads/after-effects-plugin-autofill-illustration-reveal-animation.gif)
![After Effects プラグイン エフェクト Auto Fill ロゴ アニメーション](https://nextist.net/wp-content/uploads/after-effects-plugin-autofill-logo-animation.gif)
![After Effects プラグイン エフェクト Auto Fill Blueprint アニメーション](https://nextist.net/wp-content/uploads/after-effects-plugin-autofill-blueprint-animation.gif)
『AutoFill』では草木が育っていくようなグロープランツ系のアニメーションにもよく使われてます。
![After Effects プラグイン Auto Fill 使い方 Speed Map Custom Layer Growing Plants](https://nextist.net/wp-content/uploads/after-effects-plugin-autofill-speed-map-custom-layer-growing-plants.gif)
![After Effects プラグイン エフェクト Auto Fill Growth Source Points Count 1](https://nextist.net/wp-content/uploads/adobe-after-effects-plugin-autofill-points-count-1.gif)
![ふにゃ太郎](https://nextist.net/wp-content/uploads/2021/07/hunyataro.png)
一度作ってみたいです(*゚▽゚*)
v1.1のアップデートで25種類のプリセットにさらに25種類追加され
合計50種類のプリセットを使えるようになりました。
![After Effects プラグイン エフェクト Auto Fill テンプレート](https://nextist.net/wp-content/uploads/after-effects-plugin-autofill-template.gif)
![After Effects プラグイン Auto Fill 使い方 プリセット cyber](https://nextist.net/wp-content/uploads/after-effects-plugin-autofill-nextist.gif)
![ふにゃ太郎](https://nextist.net/wp-content/uploads/2021/07/hunyataro.png)
50種類もあればプリセットだけでも色々と楽しめそうですねd(゚∀゚)
![NEXTist](https://nextist.net/wp-content/uploads/2021/08/nextist-icon.png)
めちゃくちゃ楽しめるよ〜ψ(`∇´)ψ
50種類のプリセットをまとめて紹介するから、ぜひ参考にしてみてね♪( ´θ`)ノ
『AutoFill』のプリセット一覧
『AutoFill』に収録されているプリセットをまとめてみました。
Complex ▶︎ 12種類
![After Effects プラグイン エフェクト Auto Fill プリセット Broken Glass](https://nextist.net/wp-content/uploads/adobe-after-effects-plugin-autofill-preset-broken-glass.gif)
![After Effects プラグイン エフェクト Auto Fill プリセット Complex Metal](https://nextist.net/wp-content/uploads/adobe-after-effects-plugin-autofill-preset-complex-metal.gif)
![After Effects プラグイン エフェクト Auto Fill プリセット Cyber](https://nextist.net/wp-content/uploads/after-effects-plugin-autofill-preset-cyber-.gif)
![After Effects プラグイン エフェクト Auto Fill プリセット Electro](https://nextist.net/wp-content/uploads/adobe-after-effects-plugin-autofill-preset-electro.gif)
![After Effects プラグイン エフェクト Auto Fill プリセット Fire Sparks](https://nextist.net/wp-content/uploads/after-effects-plugin-autofill-preset-fire-sparks.gif)
![After Effects プラグイン エフェクト Auto Fill プリセット Frost](https://nextist.net/wp-content/uploads/after-effects-plugin-autofill-preset-frost.gif)
![After Effects プラグイン エフェクト Auto Fill プリセット Goo](https://nextist.net/wp-content/uploads/after-effects-plugin-autofill-preset-goo.gif)
![After Effects プラグイン エフェクト Auto Fill プリセット Minimal Extrude](https://nextist.net/wp-content/uploads/after-effects-plugin-autofill-preset-minimal-extrude.gif)
![After Effects プラグイン エフェクト Auto Fill プリセット Paint Drops](https://nextist.net/wp-content/uploads/after-effects-plugin-autofill-preset-paint-drops.gif)
![After Effects プラグイン エフェクト Auto Fill プリセット Romantic Particles](https://nextist.net/wp-content/uploads/after-effects-plugin-autofill-preset-romantic-particles.gif)
![After Effects プラグイン エフェクト Auto Fill プリセット Silver](https://nextist.net/wp-content/uploads/after-effects-plugin-autofill-preset-silver.gif)
![After Effects プラグイン エフェクト Auto Fill プリセット Water](https://nextist.net/wp-content/uploads/after-effects-plugin-autofill-preset-water.gif)
Fast ▶︎ 14種類
![After Effects プラグイン エフェクト Auto Fill プリセット 3 Colors](https://nextist.net/wp-content/uploads/after-effects-plugin-autofill-preset-3-colors.gif)
![After Effects プラグイン エフェクト Auto Fill プリセット Ancient Ink](https://nextist.net/wp-content/uploads/after-effects-plugin-autofill-preset-ancient-ink.gif)
![After Effects プラグイン エフェクト Auto Fill プリセット Black and White](https://nextist.net/wp-content/uploads/after-effects-plugin-autofill-preset-black-and-white.gif)
![After Effects プラグイン エフェクト Auto Fill プリセット Blue and Yellow](https://nextist.net/wp-content/uploads/after-effects-plugin-autofill-preset-blue-and-yellow.gif)
![After Effects プラグイン エフェクト Auto Fill プリセット Blueprint](https://nextist.net/wp-content/uploads/after-effects-plugin-autofill-preset-blueprint.gif)
![After Effects プラグイン エフェクト Auto Fill プリセット Cartoon](https://nextist.net/wp-content/uploads/after-effects-plugin-autofill-preset-cartoon.gif)
![After Effects プラグイン エフェクト Auto Fill プリセット Colorama](https://nextist.net/wp-content/uploads/after-effects-plugin-autofill-preset-colorama.gif)
![After Effects プラグイン エフェクト Auto Fill プリセット Digital Neon](https://nextist.net/wp-content/uploads/after-effects-plugin-autofill-preset-digital-neon.gif)
![After Effects プラグイン エフェクト Auto Fill プリセット Fire](https://nextist.net/wp-content/uploads/after-effects-plugin-autofill-preset-fire.gif)
![After Effects プラグイン エフェクト Auto Fill プリセット Gold](https://nextist.net/wp-content/uploads/after-effects-plugin-autofill-preset-gold.gif)
![After Effects プラグイン エフェクト Auto Fill プリセット Gummy](https://nextist.net/wp-content/uploads/after-effects-plugin-autofill-preset-gummy.gif)
![After Effects プラグイン エフェクト Auto Fill プリセット Handwriting](https://nextist.net/wp-content/uploads/after-effects-plugin-autofill-preset-handwriting.gif)
![After Effects プラグイン エフェクト Auto Fill プリセット Pop Art](https://nextist.net/wp-content/uploads/after-effects-plugin-autofill-preset-pop-art.gif)
![After Effects プラグイン エフェクト Auto Fill プリセット Thunder](https://nextist.net/wp-content/uploads/after-effects-plugin-autofill-preset-thunder.gif)
New Presets ▶︎ 13種類
![After Effects プラグイン エフェクト Auto Fill プリセット Blue Fanta](https://nextist.net/wp-content/uploads/after-effects-plugin-autofill-preset-blue-fanta.gif)
![After Effects プラグイン エフェクト Auto Fill プリセット Christmas](https://nextist.net/wp-content/uploads/after-effects-plugin-autofill-preset-christmas.gif)
![After Effects プラグイン エフェクト Auto Fill プリセット Extrude Big Gradient](https://nextist.net/wp-content/uploads/after-effects-plugin-autofill-preset-extrude-big-gradient.gif)
![After Effects プラグイン エフェクト Auto Fill プリセット Gas](https://nextist.net/wp-content/uploads/after-effects-plugin-autofill-preset-gas.gif)
![After Effects プラグイン エフェクト Auto Fill プリセット Gas Alpha](https://nextist.net/wp-content/uploads/after-effects-plugin-autofill-preset-gas-alpha.gif)
![After Effects プラグイン エフェクト Auto Fill プリセット Magic](https://nextist.net/wp-content/uploads/after-effects-plugin-autofill-preset-magic.gif)
![After Effects プラグイン エフェクト Auto Fill プリセット Neon Dance](https://nextist.net/wp-content/uploads/after-effects-plugin-autofill-preset-neon-dance.gif)
![After Effects プラグイン エフェクト Auto Fill プリセット OldTron](https://nextist.net/wp-content/uploads/after-effects-plugin-autofill-preset-oldTron.gif)
![After Effects プラグイン エフェクト Auto Fill プリセット Planet](https://nextist.net/wp-content/uploads/after-effects-plugin-autofill-preset-planet.gif)
![After Effects プラグイン エフェクト Auto Fill プリセット Realistic Gold](https://nextist.net/wp-content/uploads/after-effects-plugin-autofill-preset-realistic-gold.gif)
![After Effects プラグイン エフェクト Auto Fill プリセット Realistic Silver](https://nextist.net/wp-content/uploads/after-effects-plugin-autofill-preset-realistic-silver.gif)
![After Effects プラグイン エフェクト Auto Fill プリセット Stranger](https://nextist.net/wp-content/uploads/after-effects-plugin-autofill-preset-stranger.gif)
![After Effects プラグイン エフェクト Auto Fill プリセット Trendy Gradients](https://nextist.net/wp-content/uploads/after-effects-plugin-autofill-preset-trendy-gradients.gif)
Other Presets ▶︎ 3種類
![After Effects プラグイン エフェクト Auto Fill プリセット Looped Gummy](https://nextist.net/wp-content/uploads/after-effects-plugin-autofill-preset-looped-gummy.gif)
![After Effects プラグイン エフェクト Auto Fill プリセット Texture Change Gold](https://nextist.net/wp-content/uploads/after-effects-plugin-autofill-preset-texture-change-gold.gif)
![After Effects プラグイン エフェクト Auto Fill プリセット Texture Change Ice](https://nextist.net/wp-content/uploads/after-effects-plugin-autofill-preset-texture-change-ice.gif)
Handwriting Presets ▶︎ 15種類
![After Effects プラグイン Auto Fill プリセット 使い方 Handwriting Presets](https://nextist.net/wp-content/uploads/autofill-5-ready-classic-presets-1.gif)
![After Effects プラグイン Auto Fill プリセット 使い方 Handwriting Presets 5 Ready Classic Presets](https://nextist.net/wp-content/uploads/autofill-5-ready-classic-presets-2.gif)
![After Effects プラグイン Auto Fill プリセット 使い方 Handwriting Presets 5 Ready Classic Presets](https://nextist.net/wp-content/uploads/autofill-5-ready-classic-presets-3.gif)
![After Effects プラグイン Auto Fill プリセット 使い方 Handwriting Presets 5 Ready Classic Presets](https://nextist.net/wp-content/uploads/autofill-5-ready-classic-presets-4.gif)
![After Effects プラグイン Auto Fill プリセット 使い方 Handwriting Presets 5 Ready Classic Presets](https://nextist.net/wp-content/uploads/autofill-5-ready-classic-presets-5.gif)
![After Effects プラグイン Auto Fill プリセット 使い方 Handwriting Presets 5 Ready Romantic Presets resized](https://nextist.net/wp-content/uploads/autofill-5-ready-romantic-presets-1.gif)
![After Effects プラグイン Auto Fill プリセット 使い方 Handwriting Presets 5 Ready Romantic Presets resized](https://nextist.net/wp-content/uploads/autofill-5-ready-romantic-presets-2.gif)
![After Effects プラグイン Auto Fill プリセット 使い方 Handwriting Presets 5 Ready Romantic Presets resized](https://nextist.net/wp-content/uploads/autofill-5-ready-romantic-presets-3.gif)
![After Effects プラグイン Auto Fill プリセット 使い方 Handwriting Presets 5 Ready Romantic Presets resized](https://nextist.net/wp-content/uploads/autofill-5-ready-romantic-presets-4.gif)
![After Effects プラグイン Auto Fill プリセット 使い方 Handwriting Presets 5 Ready Romantic Presets](https://nextist.net/wp-content/uploads/autofill-5-ready-romantic-presets-5.gif)
![After Effects プラグイン Auto Fill プリセット 使い方 Handwriting Presets 5 Ready Vintage Presets resized](https://nextist.net/wp-content/uploads/autofill-5-ready-vintage-presets-1.gif)
![After Effects プラグイン Auto Fill プリセット 使い方 Handwriting Presets 5 Ready Vintage Presets resized](https://nextist.net/wp-content/uploads/autofill-5-ready-vintage-presets-2.gif)
![After Effects プラグイン Auto Fill プリセット 使い方 Handwriting Presets 5 Ready Vintage Presets](https://nextist.net/wp-content/uploads/autofill-5-ready-vintage-presets-3.gif)
![After Effects プラグイン Auto Fill プリセット 使い方 Handwriting Presets 5 Ready Vintage Presets](https://nextist.net/wp-content/uploads/autofill-5-ready-vintage-presets-4.gif)
![After Effects プラグイン Auto Fill プリセット 使い方 Handwriting Presets 5 Ready Vintage Presets](https://nextist.net/wp-content/uploads/autofill-5-ready-vintage-presets-5.gif)
『AutoFill』はどこで購入すればいい!?最安は!?
『AutoFill』はどこで購入できるのか、最安価格を紹介しておきます。
『AutoFill』を国内で唯一販売している『フラッシュバックジャパン』はやや割高となります。
「海外へ個人情報を登録するのが嫌だ…(ー ー;)」
「何か起こったときのサポートが日本語対応している方がいい…_(┐「ε:)_」
という方はフラッシュバックジャパン一択となります。
![フラッシュバックジャパン ロゴ](https://nextist.net/wp-content/uploads/flashback-japan-logo.png)
海外では『TOOLFARM』と『aescripts+aeplugins』が『AutoFill』を最安価格で購入することができます。
クレジットカードを登録するのが不安な方は『PayPal』を経由するといいかと思います。
![](https://nextist.net/wp-content/uploads/aescriptsaeplugins-toolfarm-paypal-e1672883411905.png)
海外サイトでの購入は不安かもしれませんが…
海外クリエーターのほとんどは『TOOLFARM』もしくは『aescripts+aeplugins』でプラグインやスクリプトを購入しているので、かなり安心な販売サイトかと思います。
【『AutoFill』の価格比較表】
![ふにゃ太郎](https://nextist.net/wp-content/uploads/2021/07/hunyataro.png)
海外サイトの方が1,000円以上安いので海外サイトで購入したいのですが
初めてなのでちょっと抵抗がありますね…ヽ(´o`;
![NEXTist](https://nextist.net/wp-content/uploads/2021/08/nextist-icon.png)
自分はいつも『aescripts+aeplugins』か『TOOLFARM』で購入してるよ〜d( ̄  ̄)
今まで一度もサポートを必要とする事態になったことはないし、支払いには『PayPal』を使ってるけどトラブルになったことない( ´ ▽ ` )♪
『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 インストール 方法](https://nextist.net/wp-content/uploads/after-effects-plugin-auto-fill-install-file.png)
『After Effects』のアプリケーションファイルを開いて
![After Effects プラグイン エフェクト Auto Fill インストール 方法 アプリケーションファイル](https://nextist.net/wp-content/uploads/after-effects-plugin-auto-fill-install-application-file.png)
『Plug-ins』フォルダーを開いて
![After Effects プラグイン エフェクト Auto Fill インストール 方法 Plug-ins](https://nextist.net/wp-content/uploads/after-effects-plugin-auto-fill-install-plug-ins-file.png)
『Plug-ins』フォルダーの中にプラグインファイル『AutoFill.plugin』をコピペ、もしくはドラッグ&ドロップします。
![After Effects プラグイン エフェクト Auto Fill インストール 方法](https://nextist.net/wp-content/uploads/after-effects-plugin-auto-fill-install.png)
『After Effects』を開いて、上部メニューのエフェクト▶︎Plugin Everything ▶︎AutoFill が追加されています。
![After Effects プラグイン エフェクト Auto Fill Plugin Everything](https://nextist.net/wp-content/uploads/after-effects-plugin-effect-autofill.png)
『Auto Fill』のライセンス認証(アクティベート)方法
『AutoFill』はプラグインファイルをインストールしただけでは
プレビューにバツ印が表示され、まだ使うことができません。
![After Effects プラグイン エフェクト Auto Fill バツ 消す 方法](https://nextist.net/wp-content/uploads/after-effects-plugin-effect-autofill-certification-e1672887688860.png)
ここではライセンスコードを入力してライセンス認証(アクティベート)する方法を解説していきます。
上部メニューのエフェクト▶︎Plugin Everything ▶︎AutoFill を適用して
エフェクトコントロールパネルの『AutoFill』プロパティー上部にある『Register』をクリックします。
![After Effects プラグイン エフェクト Auto Fill バツ 消す 方法 Register](https://nextist.net/wp-content/uploads/after-effects-plugin-effect-autofill-register.png)
ライセンスコードの入力画面が表示されるので『Get Help』をクリックします。
![After Effects プラグイン エフェクト Auto Fill バツ 消す 方法 Register Get Help](https://nextist.net/wp-content/uploads/after-effects-plugin-effect-autofill-register-get-help.png)
『aescripts+aeplugins』のサイトが開くのでログインしてから
① 右上部にあるアカウント名をクリック
② 左側にあるメニューから『My Downloads & Licenses』をクリック
③『AutoFill』の『License Code』をコピーします。
![After Effects プラグイン エフェクト Auto Fill バツ 消す 方法 aescripts+aeplugins ライセンス コード コピー](https://nextist.net/wp-content/uploads/after-effects-plugin-effect-autofill-license-code-copy.png)
『After Effects』のライセンスコード入力画面に戻って
ライセンスコードを貼り付けて『Activate』をクリックします。
![After Effects プラグイン エフェクト Auto Fill ライセンス 認証 方法](https://nextist.net/wp-content/uploads/after-effects-plugin-effect-autofill-license-code-certification.png)
ライセンス認証(アクティベート)が完了するので『OK』をクリックします。
![After Effects プラグイン エフェクト Auto Fill ライセンス 認証 アクティベート 方法](https://nextist.net/wp-content/uploads/after-effects-plugin-effect-autofill-license-code-activate.png)
これで『AutoFill』を使うことができます\( ̄∀ ̄)/ワーイ
![After Effects プラグイン エフェクト Auto Fill ライセンス 認証 アクティベート 方法](https://nextist.net/wp-content/uploads/after-effects-plugin-effect-autofill-activate.png)
『Auto Fill』の機能や使い方
『AutoFill』の具体的な機能や使い方を解説していきます。
Growth Source
『Growth Source』では塗りつぶしアニメーションをトリガーするための開始点を『Points』『noise』『Layer』の3種類から選択することができます。
![After Effects プラグイン エフェクト Auto Fill Growth Source Points](https://nextist.net/wp-content/uploads/after-effects-plugin-autofill-points.jpg)
『Growth Source』を『Points』に設定するとポイントを起点に塗りつぶしを開始することができます。
『Point Count』でポイント(塗りの開始点)を1〜5個まで選択することができます。
![After Effects プラグイン エフェクト Auto Fill Growth Source Points](https://nextist.net/wp-content/uploads/after-effects-plugin-autofill-points-count-5.jpg)
![After Effects プラグイン エフェクト Auto Fill Growth Source Points](https://nextist.net/wp-content/uploads/after-effects-plugin-autofill-points-count.jpg)
『Point Count』を1に設定、ポイント(塗りの開始点)を中心に配置⬇︎⬇︎
![After Effects プラグイン エフェクト Auto Fill Growth Source Points Count 1](https://nextist.net/wp-content/uploads/after-effects-plugin-autofill-points-count-5-.jpg)
![After Effects プラグイン エフェクト Auto Fill Growth Source Points Count 1](https://nextist.net/wp-content/uploads/adobe-after-effects-plugin-autofill-points-count-1.gif)
『Point Count』を5に設定、ポイント(塗りの開始点)を周囲に配置⬇︎⬇︎
![After Effects プラグイン エフェクト Auto Fill Growth Source Points Count 5](https://nextist.net/wp-content/uploads/adobe-after-effects-plugin-autofill-points-count-1.jpg)
![After Effects プラグイン エフェクト Auto Fill Growth Source Points Count 5](https://nextist.net/wp-content/uploads/after-effects-plugin-autofill-points-count-5.gif)
最初のフレームをよりスムーズに開始するためには…
ポイントをレイヤーのアルファ(透明部分)に配置した方がアニメーションがスムーズに開始されます。
![After Effects プラグイン Auto Fill 機能 使い方 ポイン 配置](https://nextist.net/wp-content/uploads/after-effects-plugin-autofill-point-arrangement-1.png)
![After Effects プラグイン Auto Fill 機能 使い方 ポイントアルファ 配置](https://nextist.net/wp-content/uploads/after-effects-plugin-autofill-point-arrangement.png)
![After Effects プラグイン Auto Fill Growth Source Noise](https://nextist.net/wp-content/uploads/after-effects-plugin-autofill-noize.png)
『Growth Source』を『Noise』に設定すると間隔が離れている要素も問題なくアニメーションさせることができます。
『Noise』では自動で黒と白のフラクタルノイズのマップを作成してくれます。
![NEXTist](https://nextist.net/wp-content/uploads/2021/08/nextist-icon.png)
『Growth Source』を『Noise』に設定した後に『View Growth』にチェックを入れると古くたるノイズのマップを見ることができますd(゚∀゚)
![After Effects プラグイン Auto Fill View Growth](https://nextist.net/wp-content/uploads/after-effects-plugin-autofill-view-growth.png)
![After Effects プラグイン Auto Fill Growth Source Noise Fractal Noise](https://nextist.net/wp-content/uploads/after-effects-plugin-autofill-growth-source-noise-fractal.png)
自動生成されたフラクタルノイズは黒から始まって最終的には全体を白く埋めます。
白いノイズの部分から表示されていくといった感じです。
![After Effects プラグイン Auto Fill Growth Source Noise Fractal Noise](https://nextist.net/wp-content/uploads/after-effects-plugin-autofill-growth-source-noise-fractal-noise.gif)
![After Effects プラグイン Auto Fill Growth Source Noise Fractal Noise](https://nextist.net/wp-content/uploads/after-effects-plugin-autofill-growth-source-noise-fractal-growth.gif)
![NEXTist](https://nextist.net/wp-content/uploads/2021/08/nextist-icon.png)
要素同士の距離が離れて『Points』では全ての要素に塗りが行き届かない場合に便利ですd(゚∀゚)
『Growth Source』を『Noise』に設定することで表示されるプロパティーで
生成されるフラクタルノイズのデュレーションやサイズ、位置などを微調整することができます。
![After Effects プラグイン Auto Fill Growth Source Noise プロパティー 調整](https://nextist.net/wp-content/uploads/after-effects-plugin-autofill-growth-source-noise-property-setting.png)
『Growth Source』を『Noise』に設定しているときは
設定変更するたびに『Resimulate』ボタンを押さないと不具合が発生する可能性があります。
![After Effects プラグイン Auto Fill Growth Source Noise Resimulate 不具合](https://nextist.net/wp-content/uploads/after-effects-plugin-autofill-growth-source-noise-resimulate.png)
Speed
![After Effects プラグイン エフェクト Auto Fill Speed](https://nextist.net/wp-content/uploads/after-effects-plugin-autofill-speed.jpg)
『Speed』では塗りつぶされる速度を調整することができます。
![After Effects プラグイン エフェクト Auto Fill Speed デフォルト 5](https://nextist.net/wp-content/uploads/after-effects-plugin-autofill-speed-default.gif)
![After Effects プラグイン エフェクト Auto Fill Speed 10](https://nextist.net/wp-content/uploads/after-effects-plugin-autofill-speed-10.gif)
Border Strength
![After Effects プラグイン エフェクト Auto Fill Border Strength](https://nextist.net/wp-content/uploads/after-effects-plugin-autofill-border-strength.jpg)
『Border Strength』では塗りの境界線(範囲)を調整することができます。
連続してない部分や連続している部分が細いなど認識されにくい箇所は塗りが行き届かない箇所が出てしまいます。
![After Effects プラグイン エフェクト Auto Fill 使い方 Border Strength](https://nextist.net/wp-content/uploads/after-effects-plugin-autofill-border-strength-not-recognized.jpg)
![After Effects プラグイン エフェクト Auto Fill 使い方 Border Strength](https://nextist.net/wp-content/uploads/after-effects-plugin-autofill-border-strength-sample.jpg)
『Border Strength』の数値を調整することで塗りの境界線(範囲)を調整することができます。
![After Effects プラグイン エフェクト Auto Fill Border Strength 100%](https://nextist.net/wp-content/uploads/after-effects-plugin-autofill-border-strength-100.jpg)
![After Effects プラグイン エフェクト Auto Fill Border Strength 0%](https://nextist.net/wp-content/uploads/after-effects-plugin-autofill-border-strength-0.jpg)
![After Effects プラグイン エフェクト Auto Fill 使い方 Border Strength 100%](https://nextist.net/wp-content/uploads/after-effects-plugin-autofill-border-strength-100-sample.gif)
![After Effects プラグイン エフェクト Auto Fill 使い方 Border Strength 0%](https://nextist.net/wp-content/uploads/after-effects-plugin-autofill-border-strength-0-sample.gif)
Speed Map
![After Effects プラグイン エフェクト Auto Fill Speed Map 使い方](https://nextist.net/wp-content/uploads/after-effects-plugin-autofill-speed-map.jpg)
『Speed Map』は『AutoFill バージョン1.1』から追加された新機能で、『Speed Map』を利用すれば簡単にスムーズな塗りつぶしアニメーションを作ることができます。
『Speed Map』の『Mode』を『None(OFF)』に設定した場合には
『Auto』と比べて塗りアニメーションのエッジの丸みがなくなります。
『Speed Map』を設定した方が、より水が浸透していくようなイメージの柔らかいアニメーションになるというところでしょうか。
![After Effects プラグイン エフェクト Auto Fill Speed Map 使い方](https://nextist.net/wp-content/uploads/adobe-after-effects-plugin-autofill-speed-map-min.gif)
![NEXTist](https://nextist.net/wp-content/uploads/2021/08/nextist-icon.png)
デフォルトでは『Speed Map』は『Auto』で適用されてますd(゚∀゚)
『Auto』モードでは『Map Softness』と『Map Softness』のプロパティーを追加で調整することができます٩( ᐛ )و
『Map Softness』では塗りのエッジをソフトに調整することができます。
![After Effects プラグイン エフェクト Auto Fill Speed Map Softness 使い方](https://nextist.net/wp-content/uploads/adobe-after-effects-plugin-autofill-map-softness.gif)
『Edge Erode』では塗りの進行具合(侵食=Erode)を調整することができます。
![After Effects プラグイン エフェクト Auto Fill Speed Map Edge Erode 使い方](https://nextist.net/wp-content/uploads/adobe-after-effects-plugin-autofill-edge-erod.gif)
『Speed Map Influence』では塗りの広がり具合を調整することができます。
数値をマイナスに大きく振ることで、エッジ側から染み込んでいく感じの表現をすることもできます。
![After Effects プラグイン エフェクト Auto Fill Speed Map Influence 使い方](https://nextist.net/wp-content/uploads/after-effects-plugin-autofill-speed-map-influence.gif)
Speed Map Mode ▶︎ Custom Layer
『Speed Map』の『Mode』を『Custom Layer』に設定すると、マッピングとして設定したレイヤーの輝度やアルファの情報をもとにして塗りアニメーションのスピードや動きに変化をつけることができます。
意味わかないですよね…
簡単に説明すると
マッピングしたレイヤーの白の部分は塗りアニメーションの速度が早くなり
黒の部分は塗りアニメーションの速度が遅くなります。
例えば…
『Speed Map』を『Auto』に設定してプロパティーを調整した場合には以下のような塗りアニメーションになります⬇︎⬇︎
![After Effects プラグイン Auto Fill 使い方 Speed Map 設定 Auto 比較](https://nextist.net/wp-content/uploads/after-effects-plugin-autofill-speed-map-setting-auto.gif)
対して『Speed Map』の『Mode』を『Custom Layer』に設定して塗りアニメーションに変化をつけていきます。
まずはマッピングに使用するレイヤーを作ります。
まずは『Auto Fill』を適用しているレイヤーを複製して、エフェクトコントロールパネル▶︎『AutoFill』を削除します。
![After Effects プラグイン Auto Fill 使い方 マッピングレイヤー 作成](https://nextist.net/wp-content/uploads/after-effects-plugin-autofill-speed-map-make.png)
![NEXTist](https://nextist.net/wp-content/uploads/2021/08/nextist-icon.png)
元のレイヤーは非表示にしてくださいd(゚∀゚)
複製したレイヤーにエフェクト ▶︎ ブラー&シャープ ▶︎ ブラー(ガウス)を適用して
ブラーの数値を50くらいに設定します。
![After Effects プラグイン Auto Fill 使い方 マッピングレイヤー 作成 ブラー](https://nextist.net/wp-content/uploads/after-effects-plugin-autofill-speed-map-make-blur.png)
複製したレイヤーにエフェクト ▶︎ カラー補正 ▶︎ レベル補正を適用して
チャンネルをRGB ▶︎ アルファへ
アルファの黒入力レベルを上げる
![After Effects プラグイン Auto Fill 使い方 Speed Map レイヤー 作成](https://nextist.net/wp-content/uploads/after-effects-plugin-autofill-speed-map-level-correction.png)
![NEXTist](https://nextist.net/wp-content/uploads/2021/08/nextist-icon.png)
『アルファの黒入力レベル』は最終的に230に設定しましたd(^ ^)
複製したレイヤーにエフェクト ▶︎ 描画 ▶︎ 塗りを適用して
カラーを白に設定します。
![After Effects プラグイン Auto Fill 使い方 Speed Map レイヤー 作成 塗り](https://nextist.net/wp-content/uploads/after-effects-plugin-autofill-speed-map-layer-white.png)
![NEXTist](https://nextist.net/wp-content/uploads/2021/08/nextist-icon.png)
元レイヤーを表示に戻しますd( ̄  ̄)
これでマッピング用のレイヤーは完成です(゚∀゚)
マッピング用に作成したレイヤーを『Speed Map』として設定していきます。
① マッピング用に作成したレイヤーを非表示にします。
②『AutoFill』を適用していた元レイヤーのSpeed Map ▶︎ Custom Layerへ設定
③ 『Layer』をマッピング用レイヤーに指定(1 Dragon logo 2)
④ 『Layer』の対象を『エフェクトとマスク』へ設定
⑤ 『Channel』設定を『Alpha』へ設定
![After Effects プラグイン Auto Fill 使い方 Speed Map Custom Layer 設定 方法](https://nextist.net/wp-content/uploads/after-effects-plugin-autofill-speed-map-custom-layer.png)
![NEXTist](https://nextist.net/wp-content/uploads/2021/08/nextist-icon.png)
表示されるタイミングや塗りアニメーションの広がり具合は『Speed』や『Speed Map Influence』で調整してくださいd(゚∀゚)
ちなみに
『View Speed Map』をONにしてSpeed Mapとしてマッピングされているレイヤーを表示すると
作成したマッピング用のレイヤーがSpeed Mapとして適用されているのが確認できます。
![After Effects プラグイン Auto Fill 使い方 View Speed Map](https://nextist.net/wp-content/uploads/after-effects-plugin-autofill-view-speed-map.png)
![NEXTist](https://nextist.net/wp-content/uploads/2021/08/nextist-icon.png)
マッピング用のレイヤーの白い部分が早く、黒い部分が遅くアニメーションされます(=゚ω゚)ノ
『Auto』と『Custom Layer』でオリジナルのスピードマップを適用した場合を比較すると以下のような感じです⬇︎⬇︎
![After Effects プラグイン Auto Fill 使い方 Speed Map 設定 Auto 比較](https://nextist.net/wp-content/uploads/after-effects-plugin-autofill-speed-map-setting-auto.gif)
![After Effects プラグイン Auto Fill 使い方 Speed Map 設定 Custom Layer 比較](https://nextist.net/wp-content/uploads/after-effects-plugin-autofill-speed-map-custom-layer-setting-original.gif)
『Auto』と『Custom Layer』でオリジナルのスピードマップを適用した場合を比較すると以下のような感じです⬇︎⬇︎
![After Effects プラグイン Auto Fill 使い方 Speed Map 設定 Auto 比較](https://nextist.net/wp-content/uploads/after-effects-plugin-autofill-speed-map-setting-auto.gif)
![After Effects プラグイン Auto Fill 使い方 Speed Map 設定 Custom Layer 比較](https://nextist.net/wp-content/uploads/after-effects-plugin-autofill-speed-map-custom-layer-setting-original.gif)
いろんなタイプのマップを自作して設定すると色んな表現ができます。
![After Effects プラグイン Auto Fill 使い方 Speed Map Custom Layer 自作 設定](https://nextist.net/wp-content/uploads/after-effects-plugin-autofill-speed-map-original-mapping-layer.png)
![After Effects プラグイン Auto Fill 使い方 Speed Map Custom Layer 自作 設定](https://nextist.net/wp-content/uploads/after-effects-plugin-autofill-speed-map-original-mapping-layer.gif)
![After Effects プラグイン Auto Fill 使い方 Speed Map Custom Layer フラクタルノイズ](https://nextist.net/wp-content/uploads/after-effects-plugin-autofill-speed-map-original-mapping-layer-fractalnoise.png)
![After Effects プラグイン Auto Fill 使い方 Speed Map Custom Layer フラクタルノイズ](https://nextist.net/wp-content/uploads/after-effects-plugin-autofill-speed-map-original-mapping-layer-fractalnoise.gif)
『AutoFill』では花や草木が成長するようなアニメーション『Growing Plants Animation』をよく見ますが
このアニメーションも『Speed Map』で枝野部分を白くしたマップを使用することで
![After Effects プラグイン Auto Fill 使い方 Speed Map Custom Layer Growing Plants](https://nextist.net/wp-content/uploads/after-effects-plugin-autofill-speed-map-custom-layer-plants.png)
![After Effects プラグイン Auto Fill 使い方 Speed Map Custom Layer Growing Plants](https://nextist.net/wp-content/uploads/after-effects-plugin-autofill-speed-map-custom-layer-growing-plants.png)
いい感じの『Growing Plants Animation』を作ることができます。
![After Effects プラグイン Auto Fill 使い方 Speed Map Auto Growing Plants](https://nextist.net/wp-content/uploads/after-effects-plugin-autofill-speed-map-custom-layer-auto-growing-plants.gif)
![After Effects プラグイン Auto Fill 使い方 Speed Map Custom Layer Growing Plants](https://nextist.net/wp-content/uploads/after-effects-plugin-autofill-speed-map-custom-layer-growing-plants.gif)
Compositing
『Compositing』ではアルファ反転マット『Alpha Inverted Matte』を適用したり
色の塗りつぶし『Color Fill』、ブレンドモード『Blend Mode』などを適用してアレンジすることができます。
例えば一例として…
『AutoFill』を適用して調整し終わったレイヤーの『AutoFill』エフェクトを複製します。
![After Effects プラグイン Auto Fill 使い方 Growing Plants](https://nextist.net/wp-content/uploads/after-effects-plugin-autofill-growing-plants.gif)
複製した『AutoFill』のプロパティーを
①『Color Fill』にチェックを入れて好きなカラーを選択
②『Composite Over Original』にチェックを入れて『Blend Mode』から『Screen』を選択
③『Delay(Frames)』を25に設定
この①〜③の設定で
カラーとブレンドモードの適用された塗りが25フレームズレてアニメーションします。
![After Effects プラグイン Auto Fill 使い方 Compositing](https://nextist.net/wp-content/uploads/after-effects-plugin-autofill-compositing.png)
![NEXTist](https://nextist.net/wp-content/uploads/2021/08/nextist-icon.png)
『Composite Over Original』では描画モードを適用できるので、画像の上に『AutoFill』がオーバーレイしてカラーが変化していいくアニメーションを作ることができますd( ̄  ̄)
再生するとこんな感じです⬇︎⬇︎
![After Effects プラグイン Auto Fill 使い方 Growing Plants](https://nextist.net/wp-content/uploads/after-effects-plugin-autofill-growing-plants.gif)
![After Effects プラグイン Auto Fill 使い方 Growing Plants](https://nextist.net/wp-content/uploads/after-effects-plugin-autofill-growing-plants-compositing.gif)
『AutoFill』を複数適用して全ての『Composite Over Original』をON、『Delay』を1つずつずらせば以下のように幾つでも塗りを重ねてアニメーションさせることができます。
![After Effects プラグイン Auto Fill 重ねがけ 複数 連続 アニメーション 方法](https://nextist.net/wp-content/uploads/5268deff9dcf1a47631c593e61477240.png)
![After Effects プラグイン Auto Fill 重ねがけ 複数 連続 アニメーション 方法](https://nextist.net/wp-content/uploads/5268deff9dcf1a47631c593e61477240.gif)
![NEXTist](https://nextist.net/wp-content/uploads/2021/08/nextist-icon.png)
『Delay』を使えば『AutoFill』のアニメーションの開始をフレーム単位で遅らせることができるよ٩( ᐛ )و
もう一段こだわったアニメーションを作るのに『Compositing』のプロパティー調整は欠かせない感じ(´∀`*)
![ふにゃ太郎](https://nextist.net/wp-content/uploads/2021/07/hunyataro.png)
『Compositing』を調整すれば色々とアレンジの幅が広がりそうですね(゚∀゚)
![After Effects プラグイン Auto Fill Ignore Previous Effects](https://nextist.net/wp-content/uploads/after-effects-plugin-autofill-ignore-previous-effects.png)
『Ignore Previous Effects』をONにすると
『AutoFill』よりも上位に適用しているエフェクトを無効化することができます。
![After Effects プラグイン Auto Fill Ignore Previous Effects ON エフェクト 無効](https://nextist.net/wp-content/uploads/after-effects-plugin-autofill-ignore-previous-effects-on.png)
![After Effects プラグイン Auto Fill Border Expand](https://nextist.net/wp-content/uploads/after-effects-plugin-autofill-border-expand.png)
『Border Expand』では塗りつぶしの境界を拡大または縮小することができます。
『Ignore Previous Effects』をONにすると
『AutoFill』よりも上位に適用しているエフェクトを無効化することができます。
![After Effects プラグイン Auto Fill Border Expand 0](https://nextist.net/wp-content/uploads/after-effects-plugin-autofill-border-expan-0.png)
![](https://nextist.net/wp-content/uploads/after-effects-plugin-autofill-border-expand-3-e1673242335408.png)
![NEXTist](https://nextist.net/wp-content/uploads/2021/08/nextist-icon.png)
『Border Expand』は『Border Strength』の値と相関するので、プレビューを確認しながら両方の値を微調整してくださいd( ̄  ̄)
Advanced
![After Effects プラグイン Auto Fill Advanced](https://nextist.net/wp-content/uploads/after-effects-plugin-autofill-advanced.jpg)
『Advanced』は『Blur Radius(ぼかし)』『Exposure(露出)』『Gamma(ガンマ)』の3つのプロパティーを調整できますが
公式では「調整は自己責任でお願いします」「あまり役に立ちません」と操作することをあまり推奨していない感じです…
実際に使ってみると『Blur Radius』は最大数値にしても塗りがぼけたり、ぼけなかったりで
使うことはなさそう…
![After Effects プラグイン Auto Fill Advanced Blur Radius](https://nextist.net/wp-content/uploads/after-effects-plugin-autofill-blur-radius-e1673244921262.png)
『Exposure(露出)』は塗りが浸透する速度を速くする
『Gamma(ガンマ)』は塗りが浸透する速度を遅くする
機能になります。
『Gamma(ガンマ)』の数値を上げると塗りアニメーションが細いラインのように伸びていくようなアニメーションになるので、個人的にはかなり好みです(〃ω〃)
ただ『Gamma(ガンマ)』の数値を上げすぎると、塗りアニメーションが全ての要素に行き届かなくなってしまうので
同時に『Border Strength』や『Speed Map Influence』の数値も調整しながらいい感じに微調整してます。
![After Effects プラグイン Auto Fill 使い方 Speed Map Custom Layer 自作 設定](https://nextist.net/wp-content/uploads/after-effects-plugin-autofill-speed-map-original-mapping-layer.gif)
プリセットの使い方
『AutoFill』を購入すると50種類のプリセットが収録されたプロジェクトファイルが付属しています。
![After Effects プラグイン Auto Fill プリセット 使い方](https://nextist.net/wp-content/uploads/after-effects-plugin-autofill-preset-file.png)
ここではプリセットを使って塗りアニメーションを作る流れを解説していきます。
『AutoFill』購入後にダウンロードしたファイルのPresetsフォルダーに入っている『After Effects』のプロジェクトファイル『AutoFill 1.1 Presets.aep 』を開きます。
![After Effects プラグイン Auto Fill プリセット 使い方 プロジェクトファイル aep](https://nextist.net/wp-content/uploads/after-effects-plugin-autofill-preset-project-file-aep.png)
プロジェクトパネルに各プリセットが適用できるコンポジションが入ったフォルダーが4つと
プリセットの中からすでに3つのプリセット『Gummy』『Planet』『Realistic Gold』のコンポジションが開いています。
![After Effects プラグイン Auto Fill プリセット 使い方 コンポジション](https://nextist.net/wp-content/uploads/after-effects-plugin-autofill-preset-usage.png)
![NEXTist](https://nextist.net/wp-content/uploads/2021/08/nextist-icon.png)
プリセットの中からすでに開かれている3つのコンポジションは解説の邪魔になるので、3つとも閉じでおきますd( ̄  ̄)
プリセットを使う流れは
① プロジェクトパネル内から適用したいプリセット▶︎コンポジションを開く
②『1)Your Logo』のコンポジションにプリセットを適用したいロゴやシェイプを配置
③『2)Edit AutoFill』でエフェクト『AutoFill』の設定を調整
④ ②と③で調整した内容が①で開いたコンポジションに反映される
といった流れです。
![After Effects プラグイン Auto Fill プリセット 使い方 手順](https://nextist.net/wp-content/uploads/after-effects-plugin-autofill-preset-usage-procedure.png)
手順を1つずつ解説していきます。
まずはプロジェクトパネル内から適用したいプリセット▶︎コンポジションを開きます。
![After Effects プラグイン Auto Fill プリセット 使い方 手順](https://nextist.net/wp-content/uploads/adobe-after-effects-plugin-autofill-preset-composition.png)
![NEXTist](https://nextist.net/wp-content/uploads/2021/08/nextist-icon.png)
今回は『Pop Art』を使います٩( ᐛ )و
『1)Your Logo』のコンポジションにプリセットを適用したいロゴやシェイプを配置します。
元から配置されていた『Your LOGO(Supar LOGO)』は削除してください。
![After Effects プラグイン Auto Fill プリセット 使い方 手順 Your LOGO](https://nextist.net/wp-content/uploads/adobe-after-effects-plugin-autofill-preset-your-logo.png)
コンポジション『2)Edit AutoFill』でエフェクトコントロールパネルから『AutoFill』のプロパティーを調整します。
![After Effects プラグイン Auto Fill プリセット 使い方 手順 Speed Map 設定](https://nextist.net/wp-content/uploads/after-effects-plugin-autofill-preset-setting.png)
![NEXTist](https://nextist.net/wp-content/uploads/2021/08/nextist-icon.png)
『Speed Map』で解説した内容とほぼ同じ調整をしました٩( ᐛ )و
コンポジション『Pop Art』を開くと調整した内容が反映されます。
![After Effects プラグイン Auto Fill プリセット 使い方 手順 Pop Art](https://nextist.net/wp-content/uploads/adobe-after-effects-plugin-autofill-preset-pop-art-apply.png)
コンポジション『Pop Art』に含まれる各レイヤーのエフェクトを調整してプリセットをアレンジすることもできます。
![After Effects プラグイン Auto Fill プリセット 使い方 手順 Pop Art](https://nextist.net/wp-content/uploads/after-effects-plugin-autofill-preset-pop-art-1.gif)
![After Effects プラグイン Auto Fill プリセット 使い方 手順 Pop Art アレンジ](https://nextist.net/wp-content/uploads/after-effects-plugin-autofill-preset-pop-art-arrange.gif)
![After Effects プラグイン Auto Fill 使い方 プリセット cyber](https://nextist.net/wp-content/uploads/after-effects-plugin-autofill-nextist.gif)
一度『1)Your Logo』と『2)Edit AutoFill』を調整してしまえば
他のプリセット ▶︎ コンポジションを開くだけで全ての設定が反映されます。
![After Effects プラグイン Auto Fill プリセット 使い方 手順 Digital Neon](https://nextist.net/wp-content/uploads/after-effects-plugin-autofill-preset-digital-neon.png)
最後に
『AutoFill』以外にも購入をおすすめできる有料プラグインや有料スクリプトはたくさんあります。
*『After Effects』で使えるおすすめの有料プラグインやスクリプトをまとめた記事はこちら⬇︎⬇︎
『After Effects』で使えるおすすめの無料プラグインや無料スクリプトをまとめた記事はこちら⬇︎⬇︎
以上、最後まで読んでいただきありがとうございました(=゚ω゚)ノ