Adobe After Effects 106
![ふにゃ太郎](https://nextist.net/wp-content/uploads/2021/07/hunyataro.png)
先日無料のグラデーションプリセット『YY_Ramp+』をインストールしたんですが、『FX Gradient』というスクリプトも無料だと聞いたんですが何かご存じでしょうか…ヽ(´o`;
![NEXTist](https://nextist.net/wp-content/uploads/2021/08/nextist-icon.png)
『FX Gradient』は『YY_Ramp+』と連携して使用できるスクリプトだよ〜♪( ´θ`)ノ
グラデーションプリセットがあるのが便利かな〜v( ̄∇ ̄)v
![ふにゃ太郎](https://nextist.net/wp-content/uploads/2021/07/hunyataro.png)
そうなんですね(゚∀゚)またまた解説してもらえるとありがたいです(゚∀゚(゚∀゚(゚∀゚!!
![NEXTist](https://nextist.net/wp-content/uploads/2021/08/nextist-icon.png)
いいよ〜( ̄∇ ̄)使ったことがない機能もあるからちょっと調べて解説してみるね〜٩( ‘ω’ )و
今回は『Adobe After Effects』でグラデーションを簡単にカスタマイズできる
便利なスクリプト『FX Gradient』の機能や使い方、ダウンロードやインストール方法を解説していきます^^
![Adobe After Effects Free Script FX Gradient 機能 使い方](https://nextist.net/wp-content/uploads/2022/09/adobe-after-effects-free-script-fx-gradient-cover.gif)
『FX Gradient』は以前紹介した無料のグラデーションプラグイン『YY_Ramp+』と連携して使うことができます。
![Adobe After Effects Free Gradation Plugin YY_Ramp+ 無料 グラデーション プラグイン 便利 機能 使い方](https://nextist.net/wp-content/uploads/2022/09/adobe-after-effects-free-plugin-yy-ramp-convenient.jpg)
どちらも無料でインストールできますし
両方使えば相乗効果でさらに快適にグラデーションを扱うことができるようになりますので
『FX Gradient』や『YY_Ramp+』についてご存じない方は、ぜひ最後まで読んでいただけると嬉しいです。
それではいってみましょう∠( `°∀°)/
目次
『FX Gradient』とは!?
他のAdobe編集アプリのグラデーション機能には、プリセットやブレンドモードのような定番のカスタマイズプロパティーが用意されますが
『After Effects』のグラデーションエフェクトは設定できるプロパティーが少なくて、プリセット機能すら用意されていません…
グラデーションタイプも直線状と放射状の2種類しかないし、特別なFXオプションもない…使いずらい…
そんな悩みを解決してくれるのが『After Effects』に無料で追加できるグラデーションプラグイン『YY_Ramp+』でした⬇︎⬇︎
『YY_Ramp+』では、グラデーションタイプが5種類使えたり
ブレンドモード、始点・終点の不透明度の調整、自動補間機能などなど
標準のグラデーションエフェクトにない便利な機能がたくさん備わっています。
ただ、『YY_Ramp+』を使っても結局は毎回プロパティーを細かく調整・設定しないといけない…めんどくさい…
そんな方にピッタリなスクリプトが『FX Gradient』になります。
『FX Gradient』の機能を大きく分けると以下の2つになります⬇︎⬇︎
1つずつ機能と使い方を解説していきますね。
*グラデーションを簡単にカスタマイズできる無料スクリプト『FX Gradient』の機能や使い方、ダウンロード・インストール方法などを徹底解説した動画はこちら⬇︎⬇︎
30種類のグラデーションプリセットと4つのグラデーションタイプ
『FX Gradient』で最もおすすめな機能が30種類のグラデーションプリセットが用意されてるところです。
![Adobe After Effects Free Script FX Gradient グラデーションプリセット](https://nextist.net/wp-content/uploads/2022/09/adobe-after-effects-free-script-fx-gradient-preset-e1664004894485.jpg)
ツールパネルの一番右側にあるグラデーションプリセットボタンを選択して
お好みのグラデーションプリセットを選択します。
![Adobe After Effects Free Script FX Gradient グラデーションプリセット 選択](https://nextist.net/wp-content/uploads/2022/09/adobe-after-effects-free-script-fx-gradient-preset-choice.png)
あとは4つのグラデーションタイプのボタンを選択するだけで
プリセットのグラデーションカラーを選択したグラデーションタイプで適用することができます。
![Adobe After Effects Free Script FX Gradient グラデーション タイプ linear](https://nextist.net/wp-content/uploads/2022/09/adobe-after-effects-free-script-fx-gradient-linear.png)
![Adobe After Effects Free Script FX Gradient グラデーション タイプ Radial](https://nextist.net/wp-content/uploads/2022/09/adobe-after-effects-free-script-fx-gradient-radial.png)
![Adobe After Effects Free Script FX Gradient グラデーション タイプ Angular](https://nextist.net/wp-content/uploads/2022/09/adobe-after-effects-free-script-fx-gradient-angular.png)
![Adobe After Effects Free Script FX Gradient グラデーション タイプ Reflection](https://nextist.net/wp-content/uploads/2022/09/adobe-after-effects-free-script-fx-gradient-reflected.png)
一度グラデーションタイプを適用して各プロパティーを調整したあとでも、設定はそのままプリセットを切り替えることが可能です。
![Adobe After Effects Free Script FX Gradient グラデーション タイプ プリセット 切り替え](https://nextist.net/wp-content/uploads/2022/09/adobe-after-effects-free-script-fx-gradient-preset-switching.gif)
修飾子( Shiftや alt option)を押しながらクリックすると以下の効果が得られます⬇︎⬇︎
✔︎ Shift + クリック ▶︎ グラデーション形状を90°回転
✔︎ alt or option + クリック ▶︎ グラデーションの反転
![Adobe After Effects Free Script FX Gradient 修飾子 Shift alt option クリック](https://nextist.net/wp-content/uploads/2022/09/adobe-after-effects-free-script-fx-gradient-modifier-click-e1664005463454.gif)
多様なカスタマイズができる『SpecialFX』機能
![Adobe After Effects Free Script FX Gradient SpecialFX OFF](https://nextist.net/wp-content/uploads/2022/09/adobe-after-effects-free-script-fx-gradient-specialfx-off.png)
![Adobe After Effects Free Script FX Gradient SpecialFX ON](https://nextist.net/wp-content/uploads/2022/09/adobe-after-effects-free-script-fx-gradient-specialfx-on.png)
『SpecialFX』ボタンをONの状態でグラデーションを適用するとより複雑なグラデーションを作るために、以下の3つのオプションが適用されます⬇︎⬇︎
- 『Tiling』▶︎ タイル数、タイル角度、サイクル、シームレスなど
- 『Special FX(Arty grain)』▶︎ グレイン拡散、クランプカラー、グレインエボリューションなど
- 『Special FX(Turbulence)』▶︎振幅、スケール、複雑さ、およびエボリューションなど
![Adobe After Effects Free Script FX Gradient Tilling](https://nextist.net/wp-content/uploads/2022/09/adobe-after-effects-free-script-fx-gradient-tiling.gif)
![Adobe After Effects Free Script FX Gradient Special FX](https://nextist.net/wp-content/uploads/2022/09/adobe-after-effects-free-script-fx-gradient-special-fx-1.gif)
![Adobe After Effects Free Script FX Gradient Turbulence](https://nextist.net/wp-content/uploads/2022/09/adobe-after-effects-free-script-fx-gradient-turbulence.gif)
『SpecialFX』をOFFの状態で適用したグラデーションは
『YY Ramp+』としてエフェクトコントロールパネルへ追加されて、プロパティーをカスタマイズすることができます。
![Adobe After Effects Free Script FX Gradient YY Ramp+ 連携](https://nextist.net/wp-content/uploads/2022/09/adobe-after-effects-free-script-fx-gradient-yy-ramp.png)
『YY Ramp+』をインストールしていない場合には『SpecialFX』ボタンはONの状態で固定になります。
![Adobe After Effects Free Script FX Gradient SpecialFX YY Ramp+](https://nextist.net/wp-content/uploads/2022/09/adobe-after-effects-free-script-fx-gradient-specialfx-yy-ramp.png)
『YY Ramp+』をインストールしていない場合は
毎回必ず『SpecialFX』のプロパティーも追加されるので、多少動作が重くなります。
『YY Ramp+』は無料でインストールできますし、便利なエフェクトプラグインなのでぜひインストールしておきましょう。
*【After Effects】無料で追加できる超便利なグラデーションプラグイン『YY_Ramp+』の機能や使い方、ダウンロード・インストール方法を徹底解説した記事はこちら⬇︎⬇︎
『FX Gradient』のダウンロード・インストール方法
『FX Gradient』の購入(無料)手続きをしてダウンロード、インストールするまでの流れを順を追って解説していきます。
『FX Gradient』を無料でダウンロードする方法
まず『aescripts +aeplugins』の『FX Gradient』販売ページに入ります⬇︎⬇︎
『FX Gradient』の販売ページに入ったら『$15.00』の箇所に『0』と入力して、『ADD CART』をクリックします。
![Adobe After Effects Free Script FX Gradient ダウンロード インストール 方法](https://nextist.net/wp-content/uploads/2022/09/adobe-after-effects-free-script-fx-gradient-0.png)
表示された『GO TO SHOPPING CART』をクリック、もしくは右上のカートボタンをクリックします。
![Adobe After Effects Free Script FX Gradient ダウンロード インストール 方法 手順](https://nextist.net/wp-content/uploads/2022/09/adobe-after-effects-free-script-fx-gradient-download-buy.png)
注文内容を確認してから『PROCEED TO CHECKOUT』をクリックします。
![Adobe After Effects Free Script FX Gradient 無料 購入 内容 確認](https://nextist.net/wp-content/uploads/2022/09/adobe-after-effects-free-script-fx-gradient-download-procedure.png)
アカウントを持っている方はアドレスとパスワードを入力して『LOGIN』をクリック
アカウントを持っていない方は『REGISTER』をクリックしてアカウントを作成してください。
![Adobe CC After Effects Auto Crop 買い方 購入方法 解説 aescripts ログイン](https://nextist.net/wp-content/uploads/2021/09/adobe-cc-after-effects-auto-crop-aescrips-login.jpg)
住所を確認して『CONTINUE』をクリックします。
![Adobe After Effects Free Script FX Gradient 無料 手続き 住所確認](https://nextist.net/wp-content/uploads/2022/09/adobe-after-effects-free-script-fx-gradient-download-address-verification.png)
『No Payment Information Required(支払いは不要)』を確認して『CONTINUE』をクリックします。
![Adobe After Effects Free Script FX Gradient 無料 ダウンロード 手順](https://nextist.net/wp-content/uploads/2022/09/adobe-after-effects-free-script-fx-gradient-download-no-payment.png)
内容を確認して『PLACE ORDER』をクリックします。
![Adobe After Effects Free Script FX Gradient 無料 ダウンロード 手順 aescripts+aeplugins](https://nextist.net/wp-content/uploads/2022/09/adobe-after-effects-free-script-fx-gradient-download-place-order-click.png)
これで購入(無料)手続きは完了です。
『My Download & Licenses』をクリックします。
![Adobe After Effects Free Script FX Gradient 無料 ダウンロード 手順 aescripts+aeplugins](https://nextist.net/wp-content/uploads/2022/09/adobe-after-effects-free-script-fx-gradient-download-place-order-1.png)
『My Download & Licenses』リストの中から『YY_Ramp+』の『Download』ボタンをクリックします。
![Adobe After Effects Free Script FX Gradient 無料 ダウンロード リンク](https://nextist.net/wp-content/uploads/2022/09/adobe-after-effects-free-script-fx-gradient-download-link.png)
左側にあるダウンロードアイコンをクリックすると
![Adobe After Effects Free Script FX Gradient 無料 ダウンロード 手順 aescripts+aeplugins](https://nextist.net/wp-content/uploads/2022/09/adobe-after-effects-free-script-fx-gradient-download.png)
zipファイルがダウンロードされます。これで『FX Gradient』のインストールに必要なファイルのダウンロードは完了です^^
![Adobe After Effects Free Script FX Gradient 無料 ダウンロード ファイル](https://nextist.net/wp-content/uploads/2022/09/adobe-after-effects-free-script-fx-gradient-download-file.png)
『FX Gradient』のインストール方法
次は『FX Gradient』を『Adobe After Effects 』へインストールする方法を解説していきます。
【スクリプトファイル(.jsx,.jxsbin)の保存場所】
Windows ▶︎ C: ▶︎ Program Files ▶︎ Adobe ▶︎ Adobe After Effects <AE version> ▶︎ Support Files ▶︎ Scripts ▶︎ ScriptUI Panels
Mac ▶︎ アプリケーション ▶︎ Adobe After Effects <AE version> ▶︎ Scripts ▶︎ ScriptUI Panels
『fxgradient_v1.2.zip』を展開して、表示されたフォルダの中にスクリプトファイル『FXgradientr.jsxbin』があることを確認してください。
![Adobe After Effects Free Script FX Gradient インストール 方法 手順 jsxbin](https://nextist.net/wp-content/uploads/2022/09/adobe-after-effects-free-script-fx-gradient-install-jsxbin-file.png)
アプリケーション▶︎Adobe After Effects <AE version> ▶︎ Scripts ▶︎ ScriptUI Panelsフォルダの中にダウンロードしていたスクリプトファイル『FXgradient.jsxbin』と『FXGradientAssets』フォルダをコピペ、またはドラッグ&ドロップで放り込んでください。
これでインストール完了です。
![Adobe After Effects Free Script FX Gradient インストール 方法 手順 jsxbin アセットファイル](https://nextist.net/wp-content/uploads/2022/09/adobe-after-effects-free-script-fx-gradient-install-asset-file.png)
『After Effects』を開いて、上部メニューのウィンドウ▶︎『FXgradient.jsxbin』を開けば
![Adobe After Effects Free Script FX Gradient インストール 方法 手順 jsxbin](https://nextist.net/wp-content/uploads/2022/09/adobe-after-effects-free-script-fx-gradient-install-jsxbin-start-up.png)
『FXgradient』を使うことができます。
![Adobe After Effects Free Script FX Gradient ツール 操作 パネル](https://nextist.net/wp-content/uploads/2022/09/adobe-after-effects-free-script-fx-gradient-panel.png)
最後に
実際に『FXgradient』を使ってみて
正直『SpecialFX』のオプション機能まで使っていじることはほとんどありませんが…
グラデーションプリセットはかなり重宝してます。
プリセットからカスタマイズすることでかなりの作業効率化に繋がりますので
ぜひインストールして使ってみてください。
『FXgradient』以外にも『After Effects』で使える便利な無料スクリプトや無料プラグインはたくさんあります。
【Adobe After Effects】おすすめの無料プラグイン+スクリプト
*約700種類のプリセットや複数のプラグインを無料で使用できる『AE Juice』のダウンロード・インストール方法を解説した記事はこちら⬇︎⬇︎
*約100種類以上のアニメーションプリセットや複数のプラグインを無料で使用できる『Animation Composer 3』の機能や使い方を徹底解説した記事はこちら⬇︎⬇︎
*1200種類のプリセットが無料で使える『Motion Bro』のダウンロード・インストール方法を解説した記事はこちら⬇︎⬇︎
*超便利な万能プラグイン『Motion Tools Pro』の機能と使い方を解説した記事はこちら⬇︎⬇︎
*無料で手に入る超便利な万能スクリプト『Utility BOX』を徹底解説した記事はこちら⬇︎⬇︎
*【Premiere Pro+After Effects】無料なのに超便利な素材管理プラグイン『AEVIEWER 2』の機能や使い方を徹底解説した記事はこちら⬇︎⬇︎
*『After Effects』初心者が絶対に導入すべきおすすめの無料プラグインを紹介した記事はこちら⬇︎⬇︎
【Adobe After Effects】おすすめの有料プラグイン+スクリプト
*『AEJuice』が提供する64種類すべてのプラグイン(プリセット数9,000種類以上)が手に入る最強効率化バンドル『AEJuice ALL BUNDLE Lifetime』を徹底解説した記事はこちら⬇︎⬇︎
*最強ユーティリティーツール『Motion4』とは!? 概要や価格比較、アクティベート方法などを徹底解説した記事はこちら⬇︎⬇︎
*導入必須のランチャースクリプト『KBar3』を解説した記事をまとめた記事はこちら⬇︎⬇︎
*2250種類の高品質なグラフィックプリセットが使える『Toko Graphics 4.0』の購入からインストールまでの手順を徹底解説した記事はこちら⬇︎⬇︎
*『After Effects』必須のイージングプラグイン『Flow』の機能と使い方を解説した記事はこちら⬇︎⬇︎
*『Auto Crop 3』の機能や使い方、購入方法からインストール方法まで徹底解説した記事はこちら⬇︎⬇︎
『Adobe CC コンプリートプラン』が Adobe正規価格の半額【 39,980 円 / 年(税込)】で購入できる方法や
価格、各種サービス内容など徹底的に比較解説した記事を書いてます^^
*『Adobe CC』の契約更新が近い方はぜひ参考にして下さい⬇︎⬇︎
以上、最後まで読んでいただきありがとうございました٩( ‘ω’ )و