Adobe After Effects 154
![ふにゃ太郎](https://nextist.net/wp-content/uploads/2021/07/hunyataro.png)
グラデーションの色をたくさん追加できるプラグインはありませんか?
デフォルトのグラデーションは2色しか調整できないので使い勝手が悪いです…(ー ー;)
![NEXTist](https://nextist.net/wp-content/uploads/2021/08/nextist-icon.png)
その悩みにピッタリなプラグインがあるよ( ´ ▽ ` ) しかも無料 ♪
![ふにゃ太郎](https://nextist.net/wp-content/uploads/hunyataro-calm-nextist-studio.png)
無料 (*´Д`*) ぜひ教えてください (~´Д`)~
![NEXTist](https://nextist.net/wp-content/uploads/2021/08/nextist-icon.png)
あいよ〜(=゚ω゚)ノ
*超便利な無料のグラデーション生成プラグイン『freeGradient』を紹介した動画⬇︎⬇︎
『freeGradient』とは!?
![After Effects 無料 プラグイン freeGradient おすすめ 便利](https://nextist.net/wp-content/uploads/after-effects-free-plugin-freegradient.jpg)
『freeGradient』は指定したレイヤーにグラデーションを追加して自由自在に調整できる無料プラグインになります。
『freeGradient』にはデフォルトのグラデーションにはない機能が豊富に備わっています。
例えば、複数のカラーピンを作成してグラデーションランプを作成することができたり
![After Effects 無料 プラグイン freeGradient カラーピン](https://nextist.net/wp-content/uploads/after-effects-free-plugin-freegradient-color-pin-e1712040614734.png)
オフセットやループ機能を使うと、デフォルトのグラデーションではできないアニメーションをつけることができます。
![After Effects 無料 プラグイン freeGradient 機能 オフセット ループ](https://nextist.net/wp-content/uploads/after-effects-free-plugin-freegradient-offset-loop.gif)
![After Effects 無料 プラグイン freeGradient Type Linear](https://nextist.net/wp-content/uploads/after-effects-free-plugin-freegradient-gradation-type-linear.gif)
![After Effects 無料 プラグイン freeGradient Type Radial](https://nextist.net/wp-content/uploads/after-effects-free-plugin-freegradient-gradation-type-radial.gif)
![After Effects 無料 プラグイン freeGradient Type Angle](https://nextist.net/wp-content/uploads/after-effects-free-plugin-freegradient-gradation-type-angle.gif)
『freeGradient』と同じようにデフォルトのグラデーションに複数の機能が追加された無料プラグイン『YY_Ramp+』や
『YY_Ramp+』と連携してグラデーションプリセットが使える『FX Gradient』も便利ですが
この2つのツールは『freeGradient』と違いグラデーションカラーは2色までとなります。
![NEXTist](https://nextist.net/wp-content/uploads/2021/08/nextist-icon.png)
『YY_Ramp+』や『FX Gradient』も無料でダウンロードして使えますし、『freeGradient』と違った便利さもあるので、興味のある方は一度使って比べてみてくださいd(゚∀゚)
無料プラグイン『freeGradient』のダウンロードはこちら⬇︎⬇︎
![NEXTist](https://nextist.net/wp-content/uploads/2021/08/nextist-icon.png)
『freeGradient』の無料でダウンロードする方法はこちら ▶︎ ジャンプ!!
『freeGradient』の機能や使い方
『freeGradient』の機能や使い方を解説していきます。
Gradient(『freeGradient』の適用方法)とカラーピンの使い方
グラデーションをつけたいレイヤーを選択した状態で
エフェクト▶︎ irrealix ▶︎freeGradient を適用します。
![After Effects 無料 プラグイン freeGradient aescripts+aeplugins インストール 手順](https://nextist.net/wp-content/uploads/after-effects-free-plugin-freegradient-install-procedure.png)
デフォルトでは真っ白になっているので『Gradient』に表示されているカラーバーの2つのカラーピンをダブルクリックすれば
グラデーションのカラーをホワイトから変更することができます。
![After Effects 無料 プラグイン freeGradient 使い方 カラーバー 色変更](https://nextist.net/wp-content/uploads/after-effects-free-plugin-freegradient-usage-gradient.gif)
グラデーションのカラーを追加したい場合には
カラーバー下のスペースでダブルクリックすれば新しいカラーピンが追加されます。
![After Effects 無料 プラグイン freeGradient 使い方 色の追加 方法](https://nextist.net/wp-content/uploads/after-effects-free-plugin-freegradient-usage-color-addition.gif)
![NEXTist](https://nextist.net/wp-content/uploads/2021/08/nextist-icon.png)
グラデーションのカラー(カラーピン)は無制限に追加することができますd(゚∀゚)
Windowsは Ctrl、Macは commandを押しながらカラーピンをクリックすると
ピンの形状が変化して、グラデーションの遷移を変更することができます。
![After Effects 無料 プラグイン freeGradient 使い方 色の遷移 変更](https://nextist.net/wp-content/uploads/after-effects-free-plugin-freegradient-usage-color-pin-change.gif)
![After Effects 無料 プラグイン freeGradient カラーピン 使い方](https://nextist.net/wp-content/uploads/after-effects-free-plugin-freegradient-usage-color-pin-1.png)
![After Effects 無料 プラグイン freeGradient カラーピン 使い方](https://nextist.net/wp-content/uploads/after-effects-free-plugin-freegradient-usage-color-pin-2.png)
![After Effects 無料 プラグイン freeGradient カラーピン 使い方](https://nextist.net/wp-content/uploads/after-effects-free-plugin-freegradient-usage-color-pin-3.png)
![After Effects 無料 プラグイン freeGradient カラーピン 使い方](https://nextist.net/wp-content/uploads/after-effects-free-plugin-freegradient-usage-color-pin-4.png)
![After Effects 無料 プラグイン freeGradient カラーピン 使い方](https://nextist.net/wp-content/uploads/after-effects-free-plugin-freegradient-usage-color-pin-5.png)
Gradient Type
グラデーションのタイプを『Linear』『Radial』『Angle』から選択することができます。
![After Effects 無料 プラグイン freeGradient Gradient Type Linear](https://nextist.net/wp-content/uploads/after-effects-free-plugin-freegradient-usage-gradient-type-linear.png)
![After Effects 無料 プラグイン freeGradient Gradient Type Radial](https://nextist.net/wp-content/uploads/after-effects-free-plugin-freegradient-usage-gradient-type-radial.png)
![After Effects 無料 プラグイン freeGradient Gradient Type Angle](https://nextist.net/wp-content/uploads/after-effects-free-plugin-freegradient-usage-gradient-type-angle.png)
Gradient Offset、Gradient Loop
『Gradient Offset』ではグラデーションカラーをずらすことができます。
![After Effects 無料 プラグイン freeGradient Gradient Offset](https://nextist.net/wp-content/uploads/after-effects-free-plugin-freegradient-usage-gradient-offset.gif)
『Gradient Loop』をONにした状態で『Gradient Offset』でアニメーションをつけると
グラデーションのループアニメーションを簡単に作ることができます。
![After Effects 無料 プラグイン freeGradient Gradient Offset Loop Animation Linear](https://nextist.net/wp-content/uploads/after-effects-free-plugin-freegradient-usage-gradient-loop-linear.gif)
![After Effects 無料 プラグイン freeGradient Gradient Offset Loop Animation Radial](https://nextist.net/wp-content/uploads/after-effects-free-plugin-freegradient-usage-gradient-loop-radial.gif)
![After Effects 無料 プラグイン freeGradient Gradient Offset Loop Animation Angle](https://nextist.net/wp-content/uploads/after-effects-free-plugin-freegradient-usage-gradient-loop-angle.gif)
Gradient Scale
『Gradient Scale』ではグラデーションのサイズを一括で調整することができます。
![After Effects 無料 プラグイン freeGradient 使い方 Gradient Scale](https://nextist.net/wp-content/uploads/after-effects-free-plugin-freegradient-usage-gradient-scale.gif)
Gradient Reflect、Gradient Invert
『Gradient Reflect』ではグラデーションをリフレクション(反射)させることができます。
![After Effects 無料 プラグイン freeGradient 使い方 Gradient Reflect](https://nextist.net/wp-content/uploads/adobe-after-effects-free-plugin-freegradient-usage-gradient-type-angle.png)
![After Effects 無料 プラグイン freeGradient 使い方 Gradient Reflect](https://nextist.net/wp-content/uploads/after-effects-free-plugin-freegradient-usage-gradient-reflection.png)
『Gradient Invert』はグラデーションのカラーを反転させることができます。
![After Effects 無料 プラグイン freeGradient 使い方 Gradient Invert OFF](https://nextist.net/wp-content/uploads/adobe-after-effects-free-plugin-freegradient-usage-gradient-invert-off.png)
![After Effects 無料 プラグイン freeGradient 使い方 Gradient Invert ON](https://nextist.net/wp-content/uploads/adobe-after-effects-free-plugin-freegradient-usage-gradient-invert-on.png)
Scattering Value、Scattering Seed
『Scattering Value』ではグラデーションのカラーをノイズのように散乱(Scattering)させることができます。
『Scattering Sead』は『Scattering Value』をつけた時のみ効果が出ますが、用途はよくわかりません…
![After Effects 無料 プラグイン freeGradient 使い方 Scattering Value](https://nextist.net/wp-content/uploads/after-effects-free-plugin-freegradient-usage-scattering-value.gif)
![After Effects 無料 プラグイン freeGradient 使い方 Scattering Seed](https://nextist.net/wp-content/uploads/after-effects-free-plugin-freegradient-usage-scattering-seed.gif)
Opacity
『Opacity Ramp』ではグラデーションの不透明度をグラフを使って直感的に調整することができます。
ダブルクリックで調整ポイントを増やすことができます。
![After Effects 無料 プラグイン freeGradient 使い方 Opacity Ramp](https://nextist.net/wp-content/uploads/after-effects-free-plugin-freegradient-usage-opacity-ramp.gif)
『Opacity Ramp』では『Gradient』のカラーバーと同じように
Windowsは Ctrl、Macは commandを押しながらピンをクリックすると
グラデーションの遷移を変更することができます。
![After Effects 無料 プラグイン freeGradient 使い方 Opacity Ramp 調整 方法](https://nextist.net/wp-content/uploads/after-effects-free-plugin-freegradient-usage-opacity-ramp-control.gif)
『Opacity Offset』ではグラデーションの不透明度をずらすことができます。
![After Effects 無料 プラグイン freeGradient 使い方 Opacity Ramp](https://nextist.net/wp-content/uploads/after-effects-free-plugin-freegradient-usage-opacity-ramp.gif)
『Opacity Loop』をONにした状態で『Opacity Offset』でアニメーションをつけると
グラデーションの不透明度を使ったループアニメーションを作ることができます。
![After Effects 無料 プラグイン freeGradient 使い方 Opacity Ramp Loop 調整 方法](https://nextist.net/wp-content/uploads/adobe-after-effects-free-plugin-freegradient-usage-opacity-ramp-control.gif)
Defintion Mode
『2 Point(デフォルト)』設定ではグラデーションの開始点と終了点を2つポイントで調整することができます。
![After Effects 無料 プラグイン freeGradient 使い方 Definition Mode 2 Pints](https://nextist.net/wp-content/uploads/after-effects-free-plugin-freegradient-usage-defintion-mode-2-point.gif)
『Parametric』設定ではグラデーションの向き(Orientation)を『Horizontal(水平)』『Vertical(垂直)』で切り替えたり、『Angle(角度)』も調整できます。
『Start Part(開始点)』『End Part(終了点)』をパーセンテージで調整することもできます。
![After Effects 無料 プラグイン freeGradient 使い方 Orientation Horizontal](https://nextist.net/wp-content/uploads/after-effects-free-plugin-freegradient-usage-orientation-horizontal.png)
![After Effects 無料 プラグイン freeGradient 使い方 Orientation Vertical](https://nextist.net/wp-content/uploads/after-effects-free-plugin-freegradient-usage-orientation-vertical.png)
![After Effects 無料 プラグイン freeGradient 使い方 Angle](https://nextist.net/wp-content/uploads/after-effects-free-plugin-freegradient-usage-angle.gif)
![NEXTist](https://nextist.net/wp-content/uploads/2021/08/nextist-icon.png)
『2 Point』ではポイントを使って直感的にグラデーションの向きや角度を調整できるのに対して
『Parametric』は数値で調整できるといった感じですd(゚∀゚)
『freeGradient』のダウンロード・インストール方法
『freeGradient』の購入(無料)手続きをしてダウンロード、インストールするまでの流れを解説していきます。
『freeGradient』を無料でダウンロードする手順
まず『aescripts +aeplugins』の『freeGradient』販売ページに入ります⬇︎⬇︎
『freeGradient』の販売ページに入ったら『$24.99』の箇所に『0』と入力して、『ADD CART』をクリックします。
![After Effects 無料 プラグイン freeGradient aescripts+aeplugins ダウンロード 手順](https://nextist.net/wp-content/uploads/after-effects-free-plugin-freegradient-download-add-to-cart.png)
表示された『GO TO SHOPPING CART』をクリック、もしくは右上のカートボタンをクリックします。
![After Effects 無料 プラグイン freeGradient aescripts+aeplugins ダウンロード 手順 Go To Shopping Cart](https://nextist.net/wp-content/uploads/after-effects-free-plugin-freegradient-download-go-to-shopping-cart.png)
注文内容を確認してから『PROCEED TO CHECKOUT』をクリックします。
![After Effects 無料 プラグイン freeGradient aescripts+aeplugins ダウンロード 手順 Proceed To Checkout](https://nextist.net/wp-content/uploads/after-effects-free-plugin-freegradient-download-proceed-to-checkout.png)
アカウントを持っている方はアドレスとパスワードを入力して『LOGIN』をクリック
アカウントを持っていない方は『REGISTER』をクリックしてアカウントを作成してください。
![After Effects 無料 プラグイン freeGradient aescripts+aeplugins ダウンロード 手順 ログイン](https://nextist.net/wp-content/uploads/after-effects-free-plugin-freegradient-download-log-in.png)
住所を確認して『CONTINUE』をクリックします。
![After Effects 無料 プラグイン freeGradient aescripts+aeplugins ダウンロード 手順](https://nextist.net/wp-content/uploads/after-effects-free-plugin-freegradient-download-method.png)
『No Payment Information Required(支払いは不要)』を確認して『CONTINUE』をクリックします。
![After Effects 無料 プラグイン freeGradient aescripts+aeplugins ダウンロード 手順 方法](https://nextist.net/wp-content/uploads/after-effects-free-plugin-freegradient-no-payment.png)
内容を確認して『PLACE ORDER』をクリックします。
![After Effects 無料 プラグイン freeGradient aescripts+aeplugins ダウンロード 手順 Place Prder](https://nextist.net/wp-content/uploads/after-effects-free-plugin-freegradient-download-place-order.png)
これで購入(無料)手続きは完了です。
『My Download & Licenses』をクリックします。
![After Effects 無料 プラグイン freeGradient aescripts+aeplugins ダウンロード 方法 手順](https://nextist.net/wp-content/uploads/after-effects-free-plugin-freegradient-download-method-aescriptsaeplugins.png)
『My Download & Licenses』リストの中から『freeGradient』の『Download』ボタンをクリックします。
![After Effects 無料 プラグイン freeGradient aescripts+aeplugins ダウンロード リスト](https://nextist.net/wp-content/uploads/after-effects-free-plugin-freegradient-download-list.png)
左側にあるダウンロードアイコンをクリックすると
![After Effects 無料 プラグイン freeGradient aescripts+aeplugins ダウンロード ファイル](https://nextist.net/wp-content/uploads/after-effects-free-plugin-freegradient-download-file.png)
zipファイル(freegradient_v1.1.zip)がダウンロードされます。
これで『freeGradient』のインストールに必要なファイルのダウンロードは完了です。
![After Effects 無料 プラグイン freeGradient aescripts+aeplugins ダウンロード 方法 手順 zip](https://nextist.net/wp-content/uploads/after-effects-free-plugin-freegradient-download-zip.png)
『freeGradient』を『After Effects』へインストールする手順
ダウンロードした『freeGradient』のプラグインファイルを『After Effects』へインストールする方法を解説してきます。
【プラグインファイル(.pluginの保存場所】
Windows ▶︎ C: ▶︎ Program Files ▶︎ Adobe ▶︎ Adobe After Effects <AE version> ▶︎ Support Files ▶︎ Plug-ins
Mac ▶︎ アプリケーション ▶︎ Adobe After Effects <AE version> ▶︎ Plug-ins
ダウンロードした『freeGradient.zip』を展開して、フォルダの中に64bitのプラグインファイルが入ったフォルダがMac用とWindows用に分かれているので、利用しているOSのプラグインファイルを確認してください。
![After Effects 無料 プラグイン freeGradient aescripts+aeplugins インストール 手順](https://nextist.net/wp-content/uploads/after-effects-free-plugin-freegradient-install-file.png)
![After Effects 無料 プラグイン freeGradient aescripts+aeplugins インストール 方法 手順](https://nextist.net/wp-content/uploads/after-effects-free-plugin-freegradient-install-method.png)
『After Effects』のアプリケーションファイルを開いて
![After Effects 無料 プラグイン freeGradient aescripts+aeplugins インストール 方法 手順 アプリケーションファイル](https://nextist.net/wp-content/uploads/after-effects-free-plugin-freegradient-install-method-application.png)
『Plug-ins』フォルダーの中にプラグインファイル『freeGradient.plugin』をコピペ
もしくはドラッグ&ドロップします。これでインストール完了です。
![After Effects 無料 プラグイン freeGradient aescripts+aeplugins インストール 方法 手順](https://nextist.net/wp-content/uploads/adobe-after-effects-free-plugin-freegradient-install-method.png)
『After Effects』を開いて、上部メニューのエフェクト▶︎ irrealix ▶︎freeGradient で使うことができます。
![After Effects 無料 プラグイン freeGradient aescripts+aeplugins インストール 手順](https://nextist.net/wp-content/uploads/after-effects-free-plugin-freegradient-install-procedure.png)
最後に
今回紹介した『freeGradient』以外にも『After Effects』で使える便利な無料プラグインや無料スクリプトはたくさんあります。
*『After Effects』で使える無料ツールは以下の記事にまとめているので、興味のある方はぜひ読んでみてください⬇︎⬇︎
*『After Effects』で使えるおすすめの有料プラグインやスクリプトをまとめた記事はこちら⬇︎⬇︎
以上、最後まで読んでいただきありがとうございました(=゚ω゚)ノ