// アナリティクス
『Toolfarm』と『aescripts+aeplugins』で8/5(月)~ 8/9(金)まで対象製品が25%OFFのサマーセール第4弾開催中!!

【After Effects】超便利な無料のグラデーション生成プラグイン『freeGradient』を紹介!!

After Effects 無料 グラデーション プラグイン freeGradient 機能 使い方 おすすめ 便利

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

Adobe After Effects 154

ふにゃ太郎
ふにゃ太郎

グラデーションの色をたくさん追加できるプラグインはありませんか?
デフォルトのグラデーションは2色しか調整できないので使い勝手が悪いです…(ー ー;)

NEXTist
NEXTist

その悩みにピッタリなプラグインがあるよ( ´ ▽ ` ) しかも無料 ♪

ふにゃ太郎
ふにゃ太郎

無料 (*´Д`*) ぜひ教えてください (~´Д`)~

NEXTist
NEXTist

あいよ〜(=゚ω゚)ノ



*超便利な無料のグラデーション生成プラグイン『freeGradient』を紹介した動画⬇︎⬇︎




『freeGradient』とは!?

After Effects 無料 プラグイン freeGradient おすすめ 便利

『freeGradient』は指定したレイヤーにグラデーションを追加して自由自在に調整できる無料プラグインになります。




『freeGradient』にはデフォルトのグラデーションにはない機能が豊富に備わっています。

例えば、複数のカラーピンを作成してグラデーションランプを作成することができたり

After Effects 無料 プラグイン freeGradient カラーピン



オフセットやループ機能を使うと、デフォルトのグラデーションではできないアニメーションをつけることができます。

After Effects 無料 プラグイン freeGradient 機能 オフセット ループ
After Effects 無料 プラグイン freeGradient Type Linear
Gradient Type ▶︎ Linear
After Effects 無料 プラグイン freeGradient Type Radial
Gradient Type ▶︎ Radial
After Effects 無料 プラグイン freeGradient Type Angle
Gradient Type ▶︎ Angle



『freeGradient』と同じようにデフォルトのグラデーションに複数の機能が追加された無料プラグイン『YY_Ramp+』や

『YY_Ramp+』と連携してグラデーションプリセットが使える『FX Gradient』も便利ですが

この2つのツールは『freeGradient』と違いグラデーションカラーは2色までとなります。


NEXTist
NEXTist

『YY_Ramp+』や『FX Gradient』も無料でダウンロードして使えますし、『freeGradient』と違った便利さもあるので、興味のある方は一度使って比べてみてくださいd(゚∀゚)



無料プラグイン『freeGradient』のダウンロードはこちら⬇︎⬇︎

NEXTist
NEXTist

『freeGradient』の無料でダウンロードする方法はこちら ▶︎ ジャンプ!!



『freeGradient』の機能や使い方

『freeGradient』の機能や使い方を解説していきます。

Gradient(『freeGradient』の適用方法)とカラーピンの使い方

グラデーションをつけたいレイヤーを選択した状態で

エフェクト▶︎ irrealix ▶︎freeGradient を適用します。

After Effects 無料 プラグイン freeGradient aescripts+aeplugins インストール 手順

デフォルトでは真っ白になっているので『Gradient』に表示されているカラーバーの2つのカラーピンをダブルクリックすれば

グラデーションのカラーをホワイトから変更することができます。

After Effects 無料 プラグイン freeGradient 使い方 カラーバー 色変更

グラデーションのカラーを追加したい場合には

カラーバー下のスペースでダブルクリックすれば新しいカラーピンが追加されます。

After Effects 無料 プラグイン freeGradient 使い方 色の追加 方法
NEXTist
NEXTist

グラデーションのカラー(カラーピン)は無制限に追加することができますd(゚∀゚)

Windowsは Ctrl、Macは commandを押しながらカラーピンをクリックすると

ピンの形状が変化して、グラデーションの遷移を変更することができます。

After Effects 無料 プラグイン freeGradient 使い方 色の遷移 変更
After Effects 無料 プラグイン freeGradient カラーピン 使い方
After Effects 無料 プラグイン freeGradient カラーピン 使い方
After Effects 無料 プラグイン freeGradient カラーピン 使い方
After Effects 無料 プラグイン freeGradient カラーピン 使い方
After Effects 無料 プラグイン freeGradient カラーピン 使い方

Gradient Type

グラデーションのタイプを『Linear』『Radial』『Angle』から選択することができます。

After Effects 無料 プラグイン freeGradient Gradient Type Linear
Gradient Type ▶︎ Linear
After Effects 無料 プラグイン freeGradient Gradient Type Radial
Gradient Type ▶︎ Radial
After Effects 無料 プラグイン freeGradient Gradient Type Angle
Gradient Type ▶︎ Angle

Gradient Offset、Gradient Loop

『Gradient Offset』ではグラデーションカラーをずらすことができます。

After Effects 無料 プラグイン freeGradient Gradient Offset

『Gradient Loop』をONにした状態で『Gradient Offset』でアニメーションをつけると

グラデーションのループアニメーションを簡単に作ることができます。

After Effects 無料 プラグイン freeGradient Gradient Offset Loop Animation Linear
Gradient Type ▶︎ Linear
After Effects 無料 プラグイン freeGradient Gradient Offset Loop Animation Radial
Gradient Type ▶︎ Radial
After Effects 無料 プラグイン freeGradient Gradient Offset Loop Animation Angle
Gradient Type ▶︎ Angle

Gradient Scale

『Gradient Scale』ではグラデーションのサイズを一括で調整することができます。

After Effects 無料 プラグイン freeGradient 使い方 Gradient Scale

Gradient Reflect、Gradient Invert

『Gradient Reflect』ではグラデーションをリフレクション(反射)させることができます。

After Effects 無料 プラグイン freeGradient 使い方 Gradient Reflect
Gradient Reflect ▶︎ OFF
After Effects 無料 プラグイン freeGradient 使い方 Gradient Reflect
Gradient Reflect ▶︎ ON

『Gradient Invert』はグラデーションのカラーを反転させることができます。

After Effects 無料 プラグイン freeGradient 使い方 Gradient Invert OFF
Gradient Invert ▶︎ OFF
After Effects 無料 プラグイン freeGradient 使い方 Gradient Invert ON
Gradient Invert ▶︎ ON

Scattering Value、Scattering Seed

『Scattering Value』ではグラデーションのカラーをノイズのように散乱(Scattering)させることができます。

『Scattering Sead』は『Scattering Value』をつけた時のみ効果が出ますが、用途はよくわかりません…

After Effects 無料 プラグイン freeGradient 使い方 Scattering Value
Scattering Value
After Effects 無料 プラグイン freeGradient 使い方 Scattering Seed
Scattering Seed

Opacity

Opacity Ramp

『Opacity Ramp』ではグラデーションの不透明度をグラフを使って直感的に調整することができます。

ダブルクリックで調整ポイントを増やすことができます。

After Effects 無料 プラグイン freeGradient 使い方 Opacity Ramp

『Opacity Ramp』では『Gradient』のカラーバーと同じように

Windowsは Ctrl、Macは commandを押しながらピンをクリックすると

グラデーションの遷移を変更することができます。

After Effects 無料 プラグイン freeGradient 使い方 Opacity Ramp 調整 方法



Opacity Loop、Opacity Offset

『Opacity Offset』ではグラデーションの不透明度をずらすことができます。

After Effects 無料 プラグイン freeGradient 使い方 Opacity Ramp

『Opacity Loop』をONにした状態で『Opacity Offset』でアニメーションをつけると

グラデーションの不透明度を使ったループアニメーションを作ることができます。

After Effects 無料 プラグイン freeGradient 使い方 Opacity Ramp Loop 調整 方法

Defintion Mode

2 Points

『2 Point(デフォルト)』設定ではグラデーションの開始点と終了点を2つポイントで調整することができます。

After Effects 無料 プラグイン freeGradient 使い方 Definition Mode  2 Pints
Defintion Mode ▶︎ 2 Pints



Parametric

『Parametric』設定ではグラデーションの向き(Orientation)を『Horizontal(水平)』『Vertical(垂直)』で切り替えたり、『Angle(角度)』も調整できます。

『Start Part(開始点)』『End Part(終了点)』をパーセンテージで調整することもできます。

After Effects 無料 プラグイン freeGradient 使い方 Orientation Horizontal
Orientation ▶︎ Horizontal(Default)
After Effects 無料 プラグイン freeGradient 使い方 Orientation Vertical
Orientation ▶︎ Vertical
After Effects 無料 プラグイン freeGradient 使い方 Angle
Angle
NEXTist
NEXTist

『2 Point』ではポイントを使って直感的にグラデーションの向きや角度を調整できるのに対して
『Parametric』は数値で調整できるといった感じですd(゚∀゚)




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

『freeGradient』の購入(無料)手続きをしてダウンロード、インストールするまでの流れを解説していきます。

『freeGradient』を無料でダウンロードする手順

まず『aescripts +aeplugins』の『freeGradient』販売ページに入ります⬇︎⬇︎


『freeGradient』の販売ページに入ったら『$24.99』の箇所に『0』と入力して、『ADD CART』をクリックします。

After Effects 無料 プラグイン freeGradient aescripts+aeplugins ダウンロード 手順

表示された『GO TO SHOPPING CART』をクリック、もしくは右上のカートボタンをクリックします。

After Effects 無料 プラグイン freeGradient aescripts+aeplugins ダウンロード 手順 Go To Shopping Cart

注文内容を確認してから『PROCEED TO CHECKOUT』をクリックします。

After Effects 無料 プラグイン freeGradient aescripts+aeplugins ダウンロード 手順 Proceed To Checkout

アカウントを持っている方はアドレスとパスワードを入力して『LOGIN』をクリック

アカウントを持っていない方は『REGISTER』をクリックしてアカウントを作成してください。

After Effects 無料 プラグイン freeGradient aescripts+aeplugins ダウンロード 手順 ログイン

住所を確認して『CONTINUE』をクリックします。

After Effects 無料 プラグイン freeGradient aescripts+aeplugins ダウンロード 手順

『No Payment Information Required(支払いは不要)』を確認して『CONTINUE』をクリックします。

After Effects 無料 プラグイン freeGradient aescripts+aeplugins ダウンロード 手順 方法

内容を確認して『PLACE ORDER』をクリックします。

After Effects 無料 プラグイン freeGradient aescripts+aeplugins ダウンロード 手順 Place Prder

これで購入(無料)手続きは完了です。

『My Download & Licenses』をクリックします。

After Effects 無料 プラグイン freeGradient aescripts+aeplugins ダウンロード 方法 手順

『My Download & Licenses』リストの中から『freeGradient』の『Download』ボタンをクリックします。

After Effects 無料 プラグイン freeGradient aescripts+aeplugins ダウンロード リスト

左側にあるダウンロードアイコンをクリックすると

After Effects 無料 プラグイン freeGradient aescripts+aeplugins ダウンロード ファイル

zipファイル(freegradient_v1.1.zip)がダウンロードされます。

これで『freeGradient』のインストールに必要なファイルのダウンロードは完了です。

After Effects 無料 プラグイン freeGradient aescripts+aeplugins ダウンロード 方法 手順 zip


『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 インストール 手順
After Effects 無料 プラグイン freeGradient aescripts+aeplugins インストール 方法 手順

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

After Effects 無料 プラグイン freeGradient aescripts+aeplugins インストール 方法 手順 アプリケーションファイル

『Plug-ins』フォルダーの中にプラグインファイル『freeGradient.plugin』をコピペ

もしくはドラッグ&ドロップします。これでインストール完了です。

After Effects 無料 プラグイン freeGradient aescripts+aeplugins インストール 方法 手順

『After Effects』を開いて、上部メニューのエフェクト▶︎ irrealix ▶︎freeGradient で使うことができます。

After Effects 無料 プラグイン freeGradient aescripts+aeplugins インストール 手順




最後に

今回紹介した『freeGradient』以外にも『After Effects』で使える便利な無料プラグインや無料スクリプトはたくさんあります。

*『After Effects』で使える無料ツールは以下の記事にまとめているので、興味のある方はぜひ読んでみてください⬇︎⬇︎


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



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