Adobe After Effects 155
![ふにゃ太郎](https://nextist.net/wp-content/uploads/2021/07/hunyataro.png)
ラインをアニメーションを手軽に作りたいのですが何かいい方法はありませんか??
![NEXTist](https://nextist.net/wp-content/uploads/2021/08/nextist-icon.png)
簡単にグリッドアニメーションが作れるスクリプトならあるよ〜(=゚ω゚)ノ
![ふにゃ太郎](https://nextist.net/wp-content/uploads/2021/07/hunyataro.png)
それ興味あります(゚∀゚!! ぜひ教えてくださいっ(゚∀゚(゚∀゚!!
![NEXTist](https://nextist.net/wp-content/uploads/2021/08/nextist-icon.png)
了解!! いろんなアレンジが効くスクリプトだから、ぜひぜひ使って色々試してみてね٩( ᐛ )و
目次
『gridRig』とは!?
![After Effects 無料 スクリプト gridRig グリッド アニメーション 機能 使い方](https://nextist.net/wp-content/uploads/after-effects-free-script-gridrig.png)
『gridRig』はグリッドラインを追加して簡単にアニメーションできる無料スクリプトになります。
エフェクト ▶︎ 描画 ▶︎ グリッド でも『gridRig』と同じようにライン・グリッドアニメーションを作ることができますが
『gridRig』ではアニメーションを付けた際に自動でタイミングをずらすことができる『Delay』機能を使うことで
エフェクトのグリッドではできないライン・グリッドアニメーションを手軽に作ることができます。
![After Effects 無料 スクリプト gridRig グリッド アニメーション 機能 使い方](https://nextist.net/wp-content/uploads/after-effects-free-script-gridrig-gird-animation-1.gif)
![After Effects 無料 スクリプト gridRig グリッド アニメーション 機能 使い方](https://nextist.net/wp-content/uploads/after-effects-free-script-gridrig-gird-animation-2.gif)
![After Effects 無料 スクリプト gridRig グリッド アニメーション 機能 使い方](https://nextist.net/wp-content/uploads/after-effects-free-script-gridrig-gird-animation-3.gif)
![After Effects 無料 スクリプト gridRig グリッド アニメーション 機能 使い方](https://nextist.net/wp-content/uploads/after-effects-free-script-gridrig-gird-animation-4.gif)
エフェクトのグリッドと『gridRig』のエフェクトプロパティーを比較すると
グリッドの方がボーダー(線幅)やぼかし、カラーなど変更できるので便利そうに見えますが
![After Effects エフェクト グリッド プロパティー](https://nextist.net/wp-content/uploads/after-effects-grid-effect-property.png)
![After Effects 無料 スクリプト gridRig エフェクト プロパティー](https://nextist.net/wp-content/uploads/after-effects-free-script-gridrig-effect-property.png)
『gridRig』を適用するとシェイプレイヤーに『gridRig』のパラメーターを付与した状態で生成されるので
多少制限はありますが、線幅やカラー、波線など『線』のプロパティーを調整することができます。
![After Effects 無料 スクリプト gridRig 線 プロパティー カスタマイズ](https://nextist.net/wp-content/uploads/after-effects-free-script-gridrig-line-property.png)
![NEXTist](https://nextist.net/wp-content/uploads/2021/08/nextist-icon.png)
グリッド(エフェクト)にある『グリッドを反転』もぜひ追加してほしい…_(┐「ε:)_
『gridRig』のダウンロードにはメールアドレスなど特に個人情報の入力は必要ありません⬇︎⬇︎
![NEXTist](https://nextist.net/wp-content/uploads/2021/08/nextist-icon.png)
『gridRig』の無料でダウンロード・インストールする手順はこちら ▶︎ ジャンプ!!
『gridRig』の機能や使い方
『gridRig』の機能や使い方を解説していきます。
Horizontal Lines、Vertical Lines
Horizontal Lines(水平線)とVertical Lines(垂直線)の本数を調整することができます。
![After Effects 無料 スクリプト gridRig 機能 使い方 Horizontal Lines](https://nextist.net/wp-content/uploads/after-effects-free-script-gridrig-usage-horizontal-lines.gif)
![After Effects 無料 スクリプト gridRig 機能 使い方 Vertical Lines](https://nextist.net/wp-content/uploads/after-effects-free-script-gridrig-usage-vertical-lines.gif)
Scale
グリッド全体のScale(スケール)を調整できます。
![After Effects 無料 スクリプト gridRig 機能 使い方 Scale](https://nextist.net/wp-content/uploads/after-effects-free-script-gridrig-usage-scale.gif)
Rotation
グリッド全体のRotation(回転)を調整できます。
![After Effects 無料 スクリプト gridRig 機能 使い方 Rotation](https://nextist.net/wp-content/uploads/after-effects-free-script-gridrig-usage-rotation.gif)
X Size、Y Size
グリッドのX軸のサイズ(X Size)とY軸のサイズ(Y Size)を調整することができます。
![After Effects 無料 スクリプト gridRig 機能 使い方 X Size](https://nextist.net/wp-content/uploads/after-effects-free-script-gridrig-usage-x-size.gif)
![After Effects 無料 スクリプト gridRig 機能 使い方 Y Size](https://nextist.net/wp-content/uploads/after-effects-free-script-gridrig-usage-y-size.gif)
Delay
『Delay』ではグリッドにアニメーションを付けた際にその動きを順番に遅らせることができます。
数値をマイナス(ー)で設定するとアニメーションの動きを順番に早くズラすことができます。
![After Effects 無料 スクリプト gridRig 機能 使い方 Delay -2](https://nextist.net/wp-content/uploads/after-effects-free-script-gridrig-usage-delay-2-1.gif)
![After Effects 無料 スクリプト gridRig 機能 使い方 Delay 0](https://nextist.net/wp-content/uploads/after-effects-free-script-gridrig-usage-delay-0.gif)
![After Effects 無料 スクリプト gridRig 機能 使い方 Delay 2](https://nextist.net/wp-content/uploads/after-effects-free-script-gridrig-usage-delay-2.gif)
Sentered
『Setered』は中心をグリッドにするか、グリッドスペースの中心にするかを選択できます。
![After Effects 無料 スクリプト gridRig 機能 使い方 Sentered ON](https://nextist.net/wp-content/uploads/after-effects-free-script-gridrig-usage-sentered-on.png)
![After Effects 無料 スクリプト gridRig 機能 使い方 Sentered OFF](https://nextist.net/wp-content/uploads/after-effects-free-script-gridrig-usage-sentered-off.png)
『gridRig』のダウンロード・インストール方法
『gridRig』のダウンロード方法と『After Effects』へインストールする方法を解説していきます。
『gridRig』のダウンロード方法
公式サイトで無料ダウンロードできます。
サイトに入ったら下の方へスクロールしていくと『gridRig』があるのでアイコンをクリックします。
![After Effects 無料 スクリプト gridRig ダウンロード 方法 手順](https://nextist.net/wp-content/uploads/after-effects-free-script-gridrig-install-method.png)
下の方にある『Download Freely』の部分をクリックするとダウンロードされます。
![After Effects 無料 スクリプト gridRig ダウンロード 方法 手順](https://nextist.net/wp-content/uploads/after-effects-free-script-gridrig-install-procedure.png)
『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](https://nextist.net/wp-content/uploads/after-effects-free-script-gridrig-install-jsx.png)
『After Effects』のアプリケーションファイルを開いて
![After Effects 無料 スクリプト gridRig アプリケーション](https://nextist.net/wp-content/uploads/after-effects-free-script-gridrig-install-method-application.webp)
『Scripts』フォルダーを開いて
![After Effects 無料 スクリプト gridRig インストール 手順 方法](https://nextist.net/wp-content/uploads/after-effects-free-script-gridrig-install-method-scripts-folder.webp)
『ScriptUI Panels』フォルダーを開いて
![After Effects 無料 スクリプト gridRig インストール 手順 方法 ScriptUI Panels](https://nextist.net/wp-content/uploads/after-effects-free-script-gridrig-install-method-scriptui-panels.webp)
『ScriptUI Panels』フォルダー内にダウンロードしていたスクリプトファイル『Dojo_Glitch_v3.0.jsxbin』をコピペ、またはドラッグ&ドロップして下さい。
![After Effects 無料 スクリプト gridRig インストール 手順 方法 JSX](https://nextist.net/wp-content/uploads/after-effects-free-script-gridrig-install-method-procedure.png)
『After Effects』を開いて
上部メニューのウィンドウメニュー内に『OF_gridRig_v02.1.jsxbin』が追加されているので使うことができます。
![After Effects 無料 スクリプト gridRig インストール 手順 方法 JSX](https://nextist.net/wp-content/uploads/after-effects-free-script-gridrig-install.png)
最後に
今回紹介した『gridRig』以外にも『After Effects』で使える便利な無料プラグインや無料スクリプトはたくさんあります。
*『After Effects』で使える無料ツールは以下の記事にまとめているので、興味のある方はぜひ読んでみてください⬇︎⬇︎
*『After Effects』で使えるおすすめの有料プラグインやスクリプトをまとめた記事はこちら⬇︎⬇︎
以上、最後まで読んでいただきありがとうございました(=゚ω゚)ノ