// アナリティクス

【After Effects】グリッドラインを自由にコントロールできる無料スクリプト『gridRig』を紹介!!

After Effects 無料 スクリプト gridRig グリッド アニメーション おすすめ 便利

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

Adobe After Effects 155

ふにゃ太郎
ふにゃ太郎

ラインをアニメーションを手軽に作りたいのですが何かいい方法はありませんか??

NEXTist
NEXTist

簡単にグリッドアニメーションが作れるスクリプトならあるよ〜(=゚ω゚)ノ

ふにゃ太郎
ふにゃ太郎

それ興味あります(゚∀゚!! ぜひ教えてくださいっ(゚∀゚(゚∀゚!!

NEXTist
NEXTist

了解!! いろんなアレンジが効くスクリプトだから、ぜひぜひ使って色々試してみてね٩( ᐛ )و




『gridRig』とは!?

After Effects 無料 スクリプト gridRig グリッド アニメーション 機能 使い方

『gridRig』はグリッドラインを追加して簡単にアニメーションできる無料スクリプトになります。

エフェクト ▶︎ 描画 ▶︎ グリッド でも『gridRig』と同じようにライン・グリッドアニメーションを作ることができますが

『gridRig』ではアニメーションを付けた際に自動でタイミングをずらすことができる『Delay』機能を使うことで

エフェクトのグリッドではできないライン・グリッドアニメーションを手軽に作ることができます。

After Effects 無料 スクリプト gridRig グリッド アニメーション 機能 使い方
After Effects 無料 スクリプト gridRig グリッド アニメーション 機能 使い方
After Effects 無料 スクリプト gridRig グリッド アニメーション 機能 使い方
After Effects 無料 スクリプト gridRig グリッド アニメーション 機能 使い方



エフェクトのグリッドと『gridRig』のエフェクトプロパティーを比較すると

グリッドの方がボーダー(線幅)やぼかし、カラーなど変更できるので便利そうに見えますが

After Effects エフェクト グリッド プロパティー
エフェクト ▶︎ グリッド
After Effects 無料 スクリプト gridRig エフェクト プロパティー
スクリプト ▶︎ gridRig



『gridRig』を適用するとシェイプレイヤーに『gridRig』のパラメーターを付与した状態で生成されるので

多少制限はありますが、線幅やカラー、波線など『線』のプロパティーを調整することができます。

After Effects 無料 スクリプト gridRig 線 プロパティー カスタマイズ
NEXTist
NEXTist

グリッド(エフェクト)にある『グリッドを反転』もぜひ追加してほしい…_(┐「ε:)_




『gridRig』のダウンロードにはメールアドレスなど特に個人情報の入力は必要ありません⬇︎⬇︎

NEXTist
NEXTist

『gridRig』の無料でダウンロード・インストールする手順はこちら ▶︎ ジャンプ!!




『gridRig』の機能や使い方

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

Horizontal Lines、Vertical Lines

Horizontal Lines(水平線)とVertical Lines(垂直線)の本数を調整することができます。

After Effects 無料 スクリプト gridRig 機能 使い方 Horizontal Lines
Horizontal Lines
After Effects 無料 スクリプト gridRig 機能 使い方 Vertical Lines
Vertical Lines

Scale

グリッド全体のScale(スケール)を調整できます。

After Effects 無料 スクリプト gridRig 機能 使い方 Scale
Scale

Rotation

グリッド全体のRotation(回転)を調整できます。

After Effects 無料 スクリプト gridRig 機能 使い方 Rotation
Rotation

X Size、Y Size

グリッドのX軸のサイズ(X Size)とY軸のサイズ(Y Size)を調整することができます。

After Effects 無料 スクリプト gridRig 機能 使い方 X Size
X Size
After Effects 無料 スクリプト gridRig 機能 使い方 Y Size
Y Size

Delay

『Delay』ではグリッドにアニメーションを付けた際にその動きを順番に遅らせることができます。

数値をマイナス(ー)で設定するとアニメーションの動きを順番に早くズラすことができます。

After Effects 無料 スクリプト gridRig 機能 使い方 Delay -2
Delay ▶︎ -2
After Effects 無料 スクリプト gridRig 機能 使い方 Delay 0
Delay ▶︎ 0
After Effects 無料 スクリプト gridRig 機能 使い方 Delay 2
Delay ▶︎ 2

Sentered

『Setered』は中心をグリッドにするか、グリッドスペースの中心にするかを選択できます。

After Effects 無料 スクリプト gridRig 機能 使い方 Sentered ON
Sentered ▶︎ ON(Default)
After Effects 無料 スクリプト gridRig 機能 使い方 Sentered OFF
Sentered ▶︎ OFF



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

『gridRig』のダウンロード方法と『After Effects』へインストールする方法を解説していきます。

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

公式サイトで無料ダウンロードできます。

サイトに入ったら下の方へスクロールしていくと『gridRig』があるのでアイコンをクリックします。

After Effects 無料 スクリプト gridRig ダウンロード 方法 手順

下の方にある『Download Freely』の部分をクリックするとダウンロードされます。

After Effects 無料 スクリプト gridRig ダウンロード 方法 手順


『gridRig』のインストール手順


スクリプトファイル(.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


ダウンロードしたzipファイル『Play_OFgridRig 2.1.zip』を展開して

フォルダの中に『OF_gridRig_v02.1.jsxbin』があることを確認します。

After Effects 無料 スクリプト gridRig インストール JSX

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

After Effects 無料 スクリプト gridRig アプリケーション

『Scripts』フォルダーを開いて

After Effects 無料 スクリプト gridRig インストール 手順 方法

『ScriptUI Panels』フォルダーを開いて

After Effects 無料 スクリプト gridRig インストール 手順 方法 ScriptUI Panels

『ScriptUI Panels』フォルダー内にダウンロードしていたスクリプトファイル『Dojo_Glitch_v3.0.jsxbin』をコピペ、またはドラッグ&ドロップして下さい。

After Effects 無料 スクリプト gridRig インストール 手順 方法 JSX

『After Effects』を開いて

上部メニューのウィンドウメニュー内に『OF_gridRig_v02.1.jsxbin』が追加されているので使うことができます。

After Effects 無料 スクリプト gridRig インストール 手順 方法 JSX




最後に

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

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


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



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