『AEJuice』が年に一度(最安)の『BLACK FRIDAY SALE』開催中!!

【After Effects】ワンボタンでジャギー(ギザギザ)を綺麗に補正(アンチエイリアス)してくれる無料プラグイン『FXAA』を徹底解説!!

After Effects FXAA 無料 プラグイン 使い方 解説

Adobe After Effects

今回はワンボタンでジャギー(ギザギザ)を綺麗に補正(アンチエイリアス)してくれる無料エフェクトプラグイン『FXAA』のダウンロード、インストール方法、使い方を解説していきますd( ̄  ̄)

無料で簡単に使える超便利なプラグインになりますので、興味のある方はぜひ最後まで読んでいただければ幸いです^^


*『FXAA』の無料ダウンロード方法とインストール方法、使い方を解説した動画です⬇︎⬇︎


FXAA』とは!?

After Effects FXAA 無料 プラグイン

『FXAA』はGPCで有名な半導体メーカーNVIDIA社(エヌヴィディア)社のTimothy Lottes氏によって開発された『FXAA(Fast approximate anti-aliasing) 』のアンチエイリアシング処理を実現するアルゴリズムを用いて『After Effects』用のアンチエイリアスプラグインとして作られたプラグインになります…d( ̄  ̄;)ムズイ…

画像の表示形式には『ベクター形式(Illustrator)』と『ビットマップ形式(Photoshop)』がありますが

After Effects ビットマップ ベクター 画像



『After Effects』で使用する画像素材がビットマップ画像やビットマップフォントの場合には

解像度が低かったり周辺ピクセルとの輝度差(平たくいうと色の違い)が大きいほどジャギー(ギザギザ)が大きく目立ってしまいますd(゚∀゚)

After Effects ビットマップ ベクター 画像



『After Effects』で『FXAA』を使えば…

このジャギー(ギザギザ)を簡単に補正(アンチエイリアス)できます٩( ᐛ )و

NEXTist
NEXTist

MacおよびWindows用のAECS6以降と互換性がありますd( ̄  ̄)

After Effects FXAA 無料 プラグイン


『SSAA』『MSAA』『FAXX』 の違い

アンチエイリアシングの代表的な技法である『SSAA』と『MSAA』、そして今回紹介しているプラグインのもととなった『FXAA』という技法について簡単に比較解説していきます。

少し難しい内容になるので、興味のない方は飛ばしても問題ないかと思いますd( ̄  ̄;)

SSAA

『SSAA』という技法は、まず1ピクセル内に4つのサンプリングポイントを作ります。

その4つ全てのサンプリングポイントの色をそれぞれ計算して、その数値を平均化したものをピクセルの色として描画します。

1ピクセルにつき4回の計算を処理することなるので処理負荷はかなり大きいです。

MSAA

前記したような『SSAA』で処理負荷が大きい問題を緩和した技法として登場したのが『MSAA』になります。

『MSAA』では1つのピクセルを描画する際に、

ピクセルの色の計算とは別に4つのサンプリングポイントの深度を計算します。

そして、深度が大きいピクセルの数が多いほど色をブレンドする率が高くなります。

深度が大きいピクセルが多いということは、対象オブジェクトのエッジ部分であると判断できるので

エッジの色を薄めて軽減された色を持つピクセル色を描画することでジャギー(ギザギザ)を軽減させることができます。

1ピクセルにつき1回の計算を処理することになるので『SSAA』より負荷が軽く、高速な処置が可能です。

ただし、画像自体にジャギー(ギザギザ)がある場合など、深度での判別がつかないような画像では、アンチエイリアシングができません

他にも『MSAA』の問題点として、HDR(ハイダイナミックレンジ)のようなハイコントラストでレンダリングを行う場合には、レンダリングで取れる輝度の幅が広くなってしまうので、物理的に計算量が多くなり極端にアンチエイリアシングと処理スピードが落ちてしまいます。

FXAA

『FXAA』は『SSAA』や『MXAA』と違ってポストエフェクトとして処理をするアンチエイリアスです。

『FXAA』は

  • 各ピクセルとその周辺ピクセルとの輝度の差を求める
  • 輝度の差の情報からオブジェクトのエッジを推定する
  • エッジにあるピクセルにどれだけオブジェクトが被っているかを推定する
  • ピクセルにオブジェクトが被っている比率に応じて周囲の色とブレンドする
  • 色の平均化が追いつかないような極端に輝度に差がある場合でも、ガンマ曲線を補正することでジャギー(ギザギザ)を目立たなくする

『FXAA』では、ピクセル境界を超えて色をサンプリングし、さらに前フレームを参照して色の平均化を行うため、HDR(ハイダイナミックレンジ)のようなハイコントラストのレンダリングでも『MSAA』のような問題は起きません。しかも処理負荷は比較的小さいようです。

この『FXAA』をもとに作られたプラグインなので、After Effectsのエフェクトとして『FXAA』を適用しても、処理速度が極端に落ちることはありません。

FXAA』のダウンロード・インストール方法

『FXAA』のダウンロード・インストール方法について順を追って解説していきますd( ̄  ̄)

『FXAA』 のダウンロード方法

『FXAA』は公式サイトで簡単にダウンロードすることができます٩( ᐛ )و

『FXAA』の公式サイトの配布ページへ入ります⬇︎⬇︎



*ブラウザで『FXAA』を検索した際に、公式サイトではなくフラッシュバックジャパンが上位表示されることがあるので注意してください。フラッシュバックジャパンでダウンロードする場合には公式サイトと比べてかなり手間がかかりますd( ̄  ̄;)

After Effects FXAA 無料 プラグイン ダウンロード 検索


公式サイトに入ったら『DOWNLOAD NOW』ボタンを押すとインストールに必要なファイルがダウンロードされます。

After Effects FXAA 無料 プラグイン 配布 サイト

『FXAA.zip』がダウンロードされるので、展開して『FXAA_v1.0』フォルダを表示させます。

After Effects FXAA 無料 プラグイン zip  ダウンロード

『FXAA_v1.0』フォルダ内に『OSX』フォルダと『Win』フォルダがあるのでMacの方は『OSX』フォルダを、Windowsの方は『Win』を開いてください。

NEXTist
NEXTist

私はMacなので『OSX』を開きます٩( ᐛ )و

After Effects FXAA 無料 プラグイン ダウンロードファイル

『FXAA』のプラグインファイルが入っています。これで必要なファイルのダウンロード完了です。

After Effects FXAA 無料 プラグイン ダウンロードファイル OSX


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

『FXAA』をAfter Effectsへ インストール方法を順を追って解説していきますd( ̄  ̄)

アプリケーションファイルからご利用中のAfter Effectsファイルを開きます。

Adobe After Effects GG分解 スクリプト 簡単 便利 無料 フリー テキスト 文字 分解 バラバラ アプリケーションファイル

表示されたファイルの中からPlug-insフォルダを開きます。

After Effects FXAA 無料 プラグイン インストール 方法

Plug-insフォルダ内へダウンロードしていた『FXAA.plugin』を追加します。

After Effects FXAA 無料 プラグイン インストール 方法
After Effects FXAA 無料 プラグイン インストール 方法

『After Effects』を立ち上げます、起動していた場合は再起動します。

上部ウィンドウメニューからエフェクト➡︎Plugin Everythingの中に『FXAA』が追加されています。これでインストール完了です。

After Effects FXAA 無料 プラグイン インストール 方法


『FXAA』の使い方

After Effectsへインストールしたプラグイン『FXAA』の使い方を順を追って解説をしていきますd( ̄  ̄)

例えば


『After Effects』へ⬇︎⬇のようなビットマップ画像(背景なし)をインポートしたとします。

Adobe After Effects FXAA 無料 プラグイン 使い方 ビットマップ画像

上部ウィンドウメニューからエフェクト➡︎Plugin Everythingの中に『FXAA』を適用します。

After Effects FXAA 無料 プラグイン インストール 方法

微妙な違いですが画像のエッジの部分が『FXAA』を適用すると滑らかになりました。

今回は画像へ適用していますが、もちろんこの効果は通常撮影された動画にも、HDRで撮影された高輝度、ハイコントラストの動画にも同様の効果を発揮することができます。

Adobe After Effects FXAA 無料 プラグイン 使い方 ビットマップ画像 エッジ 滑らか

『FXAA』のエフェクトコントロールパネルの説明をしていきます。

『FXAA』のエフェクトプロパティには『Source』と『Strength』があります。
『Strength』の数値を調整したり、下のノズルを左右に動かすことでエフェクトの適用度合を調整することができます。

Adobe After Effects FXAA 無料 プラグイン 使い方 ビットマップ画像 エッジ 滑らか

『Source』は『Color』と『Alpha』の2つの項目から選択することができます。

デフォルトは『Color』に設定されています。

Adobe After Effects FXAA 無料 プラグイン 使い方  プロパティ Alpha  Color

『Source』は『Color』と『Alpha』の2つの項目から選択することができます。デフォルトは『Color』に設定されています。

Adobe After Effects FXAA 無料 プラグイン 使い方  プロパティ Alpha  Color

『Color』はエフェクト『FXAA』を適用しているレイヤーだけの色情報をもとにエフェクトが適用されジャギーを軽減します。

例えば、⬇︎⬇︎のように丸型の画像と4色グラデーションの背景画像があったとします。

Adobe After Effects FXAA 無料 プラグイン 使い方  プロパティ Alpha

丸型の画像には『FXAA』の効果がわかりやすいようにうっすらとドロップシャドウ(影)をつけています。

Adobe After Effects FXAA 無料 プラグイン 使い方 エフェクト Source 機能

丸型の画像に『FXAA』を適用した場合、丸型の画像だけの色情報をもとにエッジ部分が滑らかに調整されます。

Adobe After Effects FXAA 無料 プラグイン 使い方 エフェクト Color 機能

丸型の画像に『FXAA』を適用した場合、丸型の画像だけの色情報をもとにエッジ部分が滑らかに調整されます。

Adobe After Effects FXAA 無料 プラグイン 使い方 エフェクト Color 機能

『Source』の設定を『Color』➡︎『Alpha』へ変更することで、アルファ部分(透明な背景の部分)、ここでは4グラデーションの背景レイヤーの色情報も含めてエッジ部分を滑らかにするため、『Color』の時と比べてドロップシャドウ(影)の部分が滑らかになっているのかわかるかと思います。

動画素材でも被写体と背景素材が別々のレイヤーの場合に、『Source』の設定を『Color』から『Alpha』へ変更することで、エッジ部分のジャギーを滑らかにして背景に馴染ませることができます。

Adobe After Effects FXAA 無料 プラグイン 使い方 エフェクト Source 機能 使い方


おまけ

イラストレーターで作成し『After Effects』へ読み込んだベクター画像は通常操作で編集を行う場合、ビットマップ画像と同じく拡大することで画像が荒れてしまいます。

そこで『After Effects』へ読み込んだベクター画像には『連続ラスタライズ機能』をONにすることで綺麗に表示させることができますd( ̄  ̄)

フォトショップのビットマップ画像とイラストレーターのベクター画像を『After Effects』へ読み込んだ際の連続ラスタライズ機能を比較した動画です⬇︎⬇︎



*ダストマンさんのチュートリアル動画で『FXAA』を使ってました^^具体的な使用例が見たい方はぜひご覧ください(22:25)⬇︎⬇︎


最後に

『FXAA』以外にも『After Effects』で使えるおすすめのプラグインやスクリプトはたくさんあります⬇︎⬇︎

【Adobe After Effects】おすすめの無料プラグイン+スクリプト

『AEJuice』 (無料版)

*約700種類のプリセットや複数のプラグインを無料で使用できる『AEJuice』のダウンロード・インストール方法を解説した記事はこちら⬇︎⬇︎

【買い切り版最安】『AE Juice』の無料版をインストールする方法や使い方を徹底解説!!

『Animation Composer 3』(無料版)

*約100種類以上のアニメーションプリセットや複数のプラグインを無料で使用できる『Animation Composer 3』の機能や使い方を徹底解説した記事はこちら⬇︎⬇︎

Adobe CC After Effects Animation Composer Starter 無料 プラグイン 機能 解説 【After Effects】無料プラグイン『Animation Composer 3 Starter Pack(無料)』の機能と使い方を徹底解説!!

『Motion Bro』(無料版)

*1200種類のプリセットが無料で使える『Motion Bro』のダウンロード・インストール方法を解説した記事はこちら⬇︎⬇︎

Adobe After Effects Motion Bro Free Plugin Download Preset Install 無料 フリー プラグイン プリセット インストール ダウンロード 【After Effects】1200種類のプリセットが無料で使える!!『Motion Bro』のダウンロード・インストール方法

『Utility BOX』(無料)

*無料で手に入る超便利な万能スクリプト『Utility BOX』を徹底解説した記事はこちら⬇︎⬇︎

Adobe After Effects Utility BOX 使い方 機能 解説 【After Effects】無料で手に入る超便利な万能スクリプト『Utility BOX』徹底解説!!

『AEVIEWER 2』(無料)

*【Premiere Pro+After Effects】無料なのに超便利な素材管理プラグイン『AEVIEWER 2』の機能や使い方を徹底解説した記事はこちら⬇︎⬇︎

Adobe Premiere Pro After Effects Free Plugin AEViewer 無料 プラグイン 機能 使い方 ダウンロード インストール 方法 手順 【Premiere Pro+After Effects】超便利な素材管理プラグイン『AEVIEWER 2(無料)』の機能や使い方を徹底解説!!

【Adobe After Effects】無料プラグインまとめ記事

*『After Effects』初心者が絶対に導入すべきおすすめの無料プラグインを紹介した記事はこちら⬇︎⬇︎

Adobe After Effects Free Plugin Script 無料 フリー プラグイン スクリプト 【After Effects】初心者が導入すべきおすすめの無料プラグイン+スクリプトまとめ


【Adobe After Effects】おすすめの有料プラグイン+スクリプト

『AEJuice ALL BUNDLE Lifetime』(有料買い切り)

*『AEJuice』が提供する57種類すべてのプラグイン(プリセット数9,000種類以上)が手に入る最強効率化バンドル『AEJuice ALL BUNDLE Lifetime』を徹底解説した記事はこちら⬇︎⬇︎

『Animation Composer Motion Designer’s Bundle』(有料買い切り)

*『Animation Composer』で使える8種類の便利なプラグイン詰め合わせセット『Motion Designer’s Bundle(プリセット数5,000種類以上)』を徹底解説した記事はこちら⬇︎⬇︎

Adobe After Effects Premiere Pro Animation Composer Motion Designer's Bundle 最安 便利 安い 【2022年最新】『Premiere Composer』や『Animation Composer』に追加して使える超便利でお買い得な詰め合わせパック『Motion Designer’s Bundle』を徹底解説!!

『KBar2』(有料)

*導入必須のランチャースクリプト『KBar2』を徹底解説した記事はこちら⬇︎⬇︎

Adobe CC AfteAdobe CC After Effects Script KBar2 機能 使い方 解説 【After Effects】導入必須のランチャースクリプト『KBar』の機能や使い方、ダウンロード・インストール方法、最安購入方法などを徹底解説!!

『Toko Graphics 4.0』(有料)

*2250種類の高品質なグラフィックプリセットが使える『Toko Graphics 4.0』の購入からインストールまでの手順を徹底解説した記事はこちら⬇︎⬇︎

Adobe Premiere Pro After Effects Toko Graphics Pack 価格 比較 インストール 方法 解説 『Premiere Pro/After Effects』で2250種類のプリセットが使える『Toko Graphics』を徹底解説!!

『Motion Tools 2』(有料)

*超便利な万能プラグイン『Motion Tools』の機能と使い方を解説した記事はこちら⬇︎⬇︎

Adobe After Effects Motion Tools Free Plugin 使い方 【After Effects】超便利な万能プラグイン『Motion Tools 2』 の機能と使い方を徹底解説!!

『Flow』(有料)

*『After Effects』必須のイージングプラグイン『Flow』の機能と使い方を解説した記事はこちら⬇︎⬇︎

Adobe CC After Effects Plugin Flow Script プラグイン スクリプト 使い方 機能 解説 【After Effects】イージングプラグイン『Flow』の機能と使い方を徹底解説!!

『Auto Crop 3』(有料)

*『Auto Crop 3』の機能や使い方、購入方法からインストール方法まで徹底解説した記事はこちら⬇︎⬇︎

Adobe CC After Effects Auto Crop 機能 使い方 解説 ダウンロード インストール 方法 【After Effects】コンポジションを自動クロップできるスクリプト『Auto Crop 3』を徹底解説!!




『Adobe CC』の契約期限切れ間近ではありませんか!?

『Adobe CC コンプリートプラン』が Adobe正規価格の半額【 39,980 円 / 年(税込)】で購入できる方法や

価格、各種サービス内容など徹底的に比較解説した記事を書いてます^^

*『Adobe CC』の契約更新が近い方はぜひ参考にして下さい⬇︎⬇︎

Adobe CC コンプリートプラン 安く買う 方法 【2022年最新】Adobe CC コンプリートプランを最も安く買う方法と各種サービス内容、買う前の注意点を徹底解説!!



以上、最後まで読んでいただきありがとうございました٩( ‘ω’ )و



コメントを残す

メールアドレスが公開されることはありません。