Adobe After Effects 163
![ふにゃ太郎](https://nextist.net/wp-content/uploads/hunyataro-calm-nextist-studio.png)
『Exte』というスクリプトが気になって気になって夜も眠れません…
![NEXTist](https://nextist.net/wp-content/uploads/nextist-icon-1.png)
いや、きちんと寝てるはず…(ー ー;)
『Exte』は使い勝手のいいツールだし、価格もリーズナブルで手が出しやすいよー
![ふにゃ太郎](https://nextist.net/wp-content/uploads/2021/07/hunyataro.png)
そうなんですね!! ただ買ってもいつもみたいに使わなくなっちゃう可能性もあるので…
どんなスクリプトなのか解説してもらえないでしょうか?? |ω・`)チラッ
![NEXTist](https://nextist.net/wp-content/uploads/nextist-icon-1.png)
いいよー、『Exte』がどんなスクリプトなのか簡単にまとめてみるね(=゚ω゚)ノ
目次
『Exte』とは!?
『Exte』はパスを延長したり、曲げたりできるスクリプトになります。
筆順アニメーションでお馴染みのスクリプト『CuttanaNir』の製作者『Terrible Junk Show(オオニシ タイジロウ)』さんが作ってます。
『Exte』では、2つのパスポイントを選択すれば、パスを延長(Extension)することができ
延長したパスを曲げたり(Bend)、ヌルで一括コントロール(Null)することもできます。
![After Effects Exte パスの延長 Extension](https://nextist.net/wp-content/uploads/after-effects-exte-path-extension.png)
![After Effects Exte Bend パスを曲げる](https://nextist.net/wp-content/uploads/after-effects-exte-bend.png)
![After Effects Exte Null ヌルで一括コントロール](https://nextist.net/wp-content/uploads/after-effects-exte-null.png)
![After Effects Exte Create an extended path layer](https://nextist.net/wp-content/uploads/exte-create-an-extended-path-layer-.gif)
![After Effects Exte Convert to a bendable extended path](https://nextist.net/wp-content/uploads/exte-convert-to-a-bendable-extended-path-.gif)
![After Effects Exte Batch manipulate path points with null](https://nextist.net/wp-content/uploads/exte-batch-manipulate-path-points-with-null-.gif)
延長したパスに緩急のついたアニメーションを自動で付けてくれる機能もついてます。
![After Effects Exte 自動 アニメーション](https://nextist.net/wp-content/uploads/after-effects-exte-auto-animation.gif)
![ふにゃ太郎](https://nextist.net/wp-content/uploads/hunyataro-calm-nextist-studio.png)
これはありがたい機能ですね( ´ ▽ ` )♪
『Extension』、『Bend』、『Null』の各機能を組み合わせて使えば、多種多様なモーショングラフィックスを作ることができます。
![After Effects Exte 作例](https://nextist.net/wp-content/uploads/after-effects-exte-sample-1.gif)
![After Effects Exte アニメーション](https://nextist.net/wp-content/uploads/adobe-after-effects-exte.gif)
『Exte』を作った『Terrible Junk Show』さんが販売している『CuttanaNir』を『Exte』と組み合わせて使えば相性抜群です!!
以下のようなおしゃれなタイポグラフィーを簡単に作ることができます⬇︎⬇︎
![After Effects Exte CuttanaNir2](https://nextist.net/wp-content/uploads/after-effects-exte-typography.gif)
![NEXTist](https://nextist.net/wp-content/uploads/nextist-icon-1.png)
こちらのタイポグラフィーは『朝までアフター』や『朝からアフター』の企画・主催でお馴染み『Motion Design Studio(丹羽 大輔)』さんのチュートリアルで作り方を学ぶことができます ▶︎『いい感じ!のモーションタイポグラフィ爆速ワークフロー』
【『Exte』の価格比較表 】
![ふにゃ太郎](https://nextist.net/wp-content/uploads/2021/07/funyataro-kiraaan-e1626679451213.png)
セールだと3,000円くらいで買えるんですね(゚∀゚!!
『Exte』のインストール方法とアクティベート(アカウント認証)の方法
『Exte』を『After Effects』へインストールする方法とアクティベート(アカウント認証)の方法を解説していきます。
『Exte』のインストール手順
【スクリプトファイル(.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ファイル(exte1.0)を展開して
フォルダの中にスクリプトファイル(Exte.jsxbin)があることを確認します。
![After Effects Exte インストール 方法](https://nextist.net/wp-content/uploads/after-effects-exte-install-method.png)
『After Effects』のアプリケーションファイルを開いて
![After Effects Exte インストール 方法 アプリケーションファイル](https://nextist.net/wp-content/uploads/after-effects-exte-install-method-application.webp)
『Scripts』フォルダーを開いて
![After Effects Exte インストール 方法 Scripts フォルダー](https://nextist.net/wp-content/uploads/after-effects-exte-scripts-folder.webp)
『ScriptUI Panels』フォルダーを開いて
![After Effects Exte インストール 方法 ScriptUI Panels フォルダー](https://nextist.net/wp-content/uploads/after-effects-exte-install-method-scriptui-panels.webp)
『ScriptUI Panels』フォルダー内にダウンロードしていたスクリプトファイル『Exte.jsxbin』をコピペ、またはドラッグ&ドロップして下さい。
これで『After Effects』へのインストール完了です。
![After Effects Exte インストール 方法 手順](https://nextist.net/wp-content/uploads/after-effects-exte-install-jxsbin.png)
『Exte』のアクティベート(アカウント認証)手順
『After Effects』を開いて
上部メニューのウィンドウメニュー内に『Exte.jsxbin』が追加されているので開くと
![After Effects Exte アカウント認証 方法](https://nextist.net/wp-content/uploads/after-effects-exte-activate-method.png)
ライセンスコードを入力するウィンドウが表示されるので『Trial』の箇所にライセンスコードを入力して
『OK』をクリックすればアクティベート完了です。
ライセンスコードを取得(コピー)してない場合は『ライセンスを取得する』をクリックして
![After Effects Exte ライセンス認証 方法](https://nextist.net/wp-content/uploads/after-effects-exte-license-activation.png)
『My Download & Licensesを開く』をクリックします。
![After Effects Exte ライセンスコード 取得 コピー](https://nextist.net/wp-content/uploads/after-effects-exte-get-license-code.png)
『Exte』の『License Code』をコピーして貼り付けてください。
![After Effects Exte ライセンスコード 取得 コピー](https://nextist.net/wp-content/uploads/after-effects-exte-license-code-copy.png)
これで『Exte』を使うことができます。
![After Effects Exte ライセンス認証 方法 手順](https://nextist.net/wp-content/uploads/after-effects-exte-activation.png)
『Exte』の機能や使い方
『Exte』のツールパネルは『Extension(伸ばす)』『Bend(曲げる)』『Null(一括コントロール)』の3つタブに分かれています。
それぞれの機能や使い方を解説していきます。
![After Effects Exte パスの延長 Extension](https://nextist.net/wp-content/uploads/after-effects-exte-path-extension.png)
![After Effects Exte Bend パスを曲げる](https://nextist.net/wp-content/uploads/after-effects-exte-bend.png)
![After Effects Exte Null ヌルで一括コントロール](https://nextist.net/wp-content/uploads/after-effects-exte-null.png)
Extension
![After Effects Exte パスの延長 Extension](https://nextist.net/wp-content/uploads/after-effects-exte-path-extension.png)
『Extension』では指定したパスを延長することができます。
『Exte』はパスに適用することができるスクリプトなので、テキストに適用する場合にはパス(シェイプ)へ変換する必要がります。
テキストを選択した状態で右クリックメニューから作成 ▶︎ テキストからシェイプを作成 でパス(シェイプ)化します。
![After Effects Exte 使い方 テキスト シェイプ化](https://nextist.net/wp-content/uploads/after-effects-exte-text-shape.png)
シェイプレイヤーを選択したら『Sel Path』で線パスを選択できるので、延長したいパスポイントを2箇所選択した状態で『Extend』をクリックします。すると延長パスが作成されます。
![After Effects Exte Create an extended path layer](https://nextist.net/wp-content/uploads/exte-create-an-extended-path-layer-.gif)
![NEXTist](https://nextist.net/wp-content/uploads/nextist-icon-1.png)
『Sel Path』ボタンがあることで一々線パスを探らなくて済むので超便利!!
『Expend』ではパスを延長する方向が自動で決まりますが、矢印キーを押すことで延長する方向を4方のいずれかに指定することができます。
![After Effects Exte 使い方 パス延長 方向](https://nextist.net/wp-content/uploads/after-effects-exte-usage-extension-direction.gif)
『Keep Edge』はパスを延長する際に選択した2つのパスポイントの形状を保つ(ON)かカットするか(OFF)を選択することができます。
![After Effects Exte 使い方 Keep Edge OFF](https://nextist.net/wp-content/uploads/after-effects-exte-keep-edge-off.png)
![After Effects Exte 使い方 Keep Edge ON](https://nextist.net/wp-content/uploads/after-effects-exte-keep-edge-on-e1720155381211.png)
『Reverse Dir』は延長したパス(線)の方向が反転します。
『Reverse Edge』は延長したパス(線)の端の形状が反転します。
『Animeation』を付けるか付けないかを設定することができます。
アニメーションを付ける場合は緩急をA or B で設定できます。
![After Effects Exte 使い方 Animation A](https://nextist.net/wp-content/uploads/after-effects-exte-animation-a.gif)
![After Effects Exte 使い方 Animation B](https://nextist.net/wp-content/uploads/after-effects-exte-animation-b.gif)
![After Effects Exte 使い方 Animation A グラフ カーブ](https://nextist.net/wp-content/uploads/after-effects-exte-animation-a-curve.png)
![After Effects Exte 使い方 Animation B グラフ カーブ](https://nextist.net/wp-content/uploads/after-effects-exte-animation-b-curve.png)
『Margin』は延長したパスの端がコンポジションからはみ出す幅(ピクセル単位)を設定できます。
![After Effects Exte 使い方 Margin 0](https://nextist.net/wp-content/uploads/after-effects-exte-margin-usage.png)
![After Effects Exte 使い方 Margin 100](https://nextist.net/wp-content/uploads/after-effects-exte-usage-margin.png)
『Stretch』は延長したパスをさらに伸ばす、『Shrink』は縮めることができます。
『Length』は伸ばしだり縮めたりする長さを設定できます。
![After Effects Exte 使い方 Stretch Shrink Length 20](https://nextist.net/wp-content/uploads/after-effects-exte-stretch-shrink-length-20.gif)
![After Effects Exte 使い方 Stretch Shrink Length 100](https://nextist.net/wp-content/uploads/after-effects-exte-stretch-shrink-length-100.gif)
Bend
![After Effects Exte Bend パスを曲げる](https://nextist.net/wp-content/uploads/after-effects-exte-bend.png)
『Bend』では延長したパスを曲げることができます。
『Extension』で延長したパスを選択した状態で『Bend』をクリックするとパスを曲げることができます。
角度をつけたパスは『Stretch』と『Shrink』で曲げ伸ばしすることができます。
![After Effects Exte Convert to a bendable extended path](https://nextist.net/wp-content/uploads/exte-convert-to-a-bendable-extended-path-.gif)
『Stretch』と『Shrink』の右側にある数値は曲げ伸ばしの強度(幅)を調整することができます。
![After Effects Exte 使い方 Bend Stretch Shrink 10](https://nextist.net/wp-content/uploads/after-effects-exte-bend-stretch-shrink-10.gif)
![After Effects Exte 使い方 Bend Stretch Shrink 100](https://nextist.net/wp-content/uploads/after-effects-exte-bend-stretch-shrink-100.gif)
Null
![After Effects Exte Null ヌルで一括コントロール](https://nextist.net/wp-content/uploads/after-effects-exte-null.png)
複数箇所のパスポイントをヌルを作成して一括コントロールできます。
一括コントロールしたいパスポイントを選択した状態で『Add Null』をクリックすると
新規ヌルレイヤー(ExteNull_P0N0)が作成され、一括でコントロールすることができます。
![Effects Exte Add Null 使い方](https://nextist.net/wp-content/uploads/after-effects-exte-add-null-usage.gif)
8方向キー(^v< >\//\\ /ボタン)では適用するレイヤーのバウンディングボックスの各位置にヌルアイコンを指定して表示することができます。
![After Effects Exte 使い方 ヌル 表示 方向キー](https://nextist.net/wp-content/uploads/after-effects-exte-null-placement.png)
![NEXTist](https://nextist.net/wp-content/uploads/nextist-icon-1.png)
私の端末(iMac)ではうまく機能しませんでした…_(┐「ε:)_
『Fix GpTfm(Fix Group Transform)』はパスの形状を保ったまま、シェイプグループのトランスフォームをデフォルト値に戻します。
『Parent』は新しく生成されたヌルレイヤーと指定したシェイプ(パス)レイヤーを親子付けするかどうかを設定できます。
![After Effects Exte Add Null Parent OFF 使い方](https://nextist.net/wp-content/uploads/after-effects-exte-parent-off.png)
![After Effects Exte Add Null Parent ON 使い方](https://nextist.net/wp-content/uploads/after-effects-exte-parent-on.png)
『Scale』では作成されたヌルの表示サイズを調整することができます。
![After Effects Exte Add Null Size 100](https://nextist.net/wp-content/uploads/after-effects-exte-null-size-100.png)
![After Effects Exte Add Null Size 50](https://nextist.net/wp-content/uploads/after-effects-exte-null-size-50.png)
『Del』では作成したヌルレイヤーを削除できます。
![After Effects Exte 使い方 Del](https://nextist.net/wp-content/uploads/after-effects-exte-del-usage.gif)
最後に
今回紹介した『Exte』以外にも『After Effects』で使える便利なスクリプトやプラグインはたくさんあります。
*『After Effects』で使える無料ツールは以下の記事にまとめているので、興味のある方はぜひ読んでみてください⬇︎⬇︎
*『After Effects』で使えるおすすめの有料プラグインやスクリプトをまとめた記事はこちら⬇︎⬇︎
以上、最後まで読んでいただきありがとうございました(=゚ω゚)ノ