Adobe After Effects 119
今回はテキストに簡単にフレームをつけることができる無料プラグイン『TextBorder』の機能や使い方
インストール方法などを解説していきます。
![After Effects 無料 プラグイン TextBorder](https://nextist.net/wp-content/uploads/after-effects-free-plugin-textborder.gif)
無料なのに意外と使えるプラグインなので
気になる方はぜひ最後まで読んでいただけると嬉しいです。
それではいってみましょう!!
テキストにフレームをつけることができる無料プラグイン『TextBorder』 を紹介した動画はこちら⬇︎⬇︎
『TextBorder』とは!?
![After Effects 無料 プラグイン TextBorder おすすめ](https://nextist.net/wp-content/uploads/after-effects-free-plugin-textborder.jpg)
『TextBorder』は『Deep Glow』や『Auto Fill』『Shadow Studio』など数々の優秀なプラグインを開発している
『Plugin Everything』社が無料で提供しているエフェクトプラグインになります。
『TextBorder』を使えばテキスト周囲にいろんな形のボーダーフレームをつけてアニメーションさせることができます。
フレームの角を丸めたり、波線にしたり、グラデーションをつけたり…などなど
無料なのに便利な機能が盛りだくさんです。
![After Effects 無料 プラグイン TextBorder エフェクトコントロール プロパティー](https://nextist.net/wp-content/uploads/after-effects-free-plugin-textborder-effect-property-e1670320161387.png)
![After Effects 無料 プラグイン TextBorder サンプル テキストアニメーション](https://nextist.net/wp-content/uploads/after-effects-free-plugin-textborder-sample-1.gif)
![After Effects 無料 プラグイン TextBorder サンプル テキストアニメーション](https://nextist.net/wp-content/uploads/after-effects-free-plugin-textborder-sample-2.gif)
![After Effects 無料 プラグイン TextBorder サンプル](https://nextist.net/wp-content/uploads/after-effects-free-plugin-textborder-sample-1-e1670322991158.png)
![After Effects 無料 プラグイン TextBorder サンプル](https://nextist.net/wp-content/uploads/after-effects-free-plugin-textborder-sample-2-e1670323024854.png)
![After Effects 無料 プラグイン TextBorder サンプル](https://nextist.net/wp-content/uploads/after-effects-free-plugin-textborder-sample.gif)
![After Effects 無料 プラグイン TextBorder Transform Uniform Scale OFF](https://nextist.net/wp-content/uploads/after-effects-free-plugin-textborder-transform-uniform-scale-off.gif)
![After Effects 無料 プラグイン TextBorder Gradient Type Liner](https://nextist.net/wp-content/uploads/after-effects-free-plugin-textborder-gradient-type-liner-1024x541.png)
![After Effects 無料 プラグイン TextBorder Dash Options Offset 機能 使い方](https://nextist.net/wp-content/uploads/after-effects-free-plugin-textborder-dash-options-offset.gif)
『TextBorder』の機能や使い方
『TextBorder』の機能や使い方を解説していきます。
Shape
『Shape』ではフレームの形は3つのタイプから選択することができます。
![After Effects 無料 プラグイン TextBorder Shape](https://nextist.net/wp-content/uploads/after-effects-free-plugin-textborder-shape.png)
![After Effects 無料 プラグイン TextBorder Shape Auto](https://nextist.net/wp-content/uploads/after-effects-free-plugin-textborder-shape-auto-1024x589.png)
![After Effects 無料 プラグイン TextBorder Shape Square](https://nextist.net/wp-content/uploads/after-effects-free-plugin-textborder-shape-square-1024x589.png)
![After Effects 無料 プラグイン TextBorder Shape Polygon](https://nextist.net/wp-content/uploads/after-effects-free-plugin-textborder-shape-polygon-1024x589.png)
『Shape』で『polygon』を選択すると『Polygon Sides』が表示され
角数の数を指定することができます。
![After Effects 無料 プラグイン TextBorder Shape Polygon Sides](https://nextist.net/wp-content/uploads/after-effects-free-plugin-textborder-polygon-sides.png)
![After Effects 無料 プラグイン TextBorder Shape Polygon Sides](https://nextist.net/wp-content/uploads/after-effects-free-plugin-textborder-polygon-sides-5-e1670339080814.png)
Border Width
『Border Width』はフレームの線幅を調整することができます。
![After Effects 無料 プラグイン TextBorder Border Width](https://nextist.net/wp-content/uploads/after-effects-free-plugin-textborder-border-width-1024x529.png)
Expansion Uniform
『Expansion Uniform』ではフレーム全体を拡大・縮小することができます。
![After Effects 無料 プラグイン TextBorder Expansion Uniform](https://nextist.net/wp-content/uploads/after-effects-free-plugin-textborder-expansion-uniform.gif)
Individual Expansion
フレームの各辺を個別に拡大・縮小することができます。
![NEXTist](https://nextist.net/wp-content/uploads/2021/08/nextist-icon.png)
『Individual Expansion』は『Shape』を『Auto』に設定しているときのみ調整することができますd(゚∀゚)
![After Effects 無料 プラグイン TextBorder Individual Expansion](https://nextist.net/wp-content/uploads/after-effects-free-plugin-textborder-individual-expansion.png)
![After Effects 無料 プラグイン TextBorder Expansion Width](https://nextist.net/wp-content/uploads/after-effects-free-plugin-textborder-expansion-width-e1670341181704.png)
![After Effects 無料 プラグイン TextBorder Expansion Height](https://nextist.net/wp-content/uploads/after-effects-free-plugin-textborder-expansion-height-e1670341397390.png)
![After Effects 無料 プラグイン TextBorder Expansion Left](https://nextist.net/wp-content/uploads/after-effects-free-plugin-textborder-expansion-left-e1670341564405.png)
![After Effects 無料 プラグイン TextBorder Expansion Right](https://nextist.net/wp-content/uploads/after-effects-free-plugin-textborder-expansion-right-1024x529.png)
![After Effects 無料 プラグイン TextBorder Expansion Top](https://nextist.net/wp-content/uploads/after-effects-free-plugin-textborder-expansion-top-1024x529.png)
![After Effects 無料 プラグイン TextBorder Expansion Bottom](https://nextist.net/wp-content/uploads/after-effects-free-plugin-textborder-expansion-bottom-1024x529.png)
Roundness
『Roundness』はフレームの角を丸くすることができます。
![After Effects 無料 プラグイン TextBorder Roundness](https://nextist.net/wp-content/uploads/after-effects-free-plugin-textborder-roundness.gif)
Line Cup
『Line Cup』は線端を丸くすることができます。
デフォルトのButt ▶︎ 角張った形状と Cup ▶︎ 丸型の形状から選択することができます⬇︎⬇︎
![After Effects 無料 プラグイン TextBorder Line Cup Butt](https://nextist.net/wp-content/uploads/after-effects-free-plugin-textborder-line-cup-butt-1024x529.png)
![After Effects 無料 プラグイン TextBorder Line Cup Round](https://nextist.net/wp-content/uploads/after-effects-free-plugin-textborder-line-cup-round-1024x529.png)
Solo Border
『Solo Border』はテキストを非表示にすることができます。
![After Effects 無料 プラグイン TextBorder Solo Border](https://nextist.net/wp-content/uploads/after-effects-free-plugin-textborder-solo-border-1024x529.png)
Per Side/Corner Attributes
『Per Side/Corner Attributes』はフレームの辺や角を個別に消したり変更することができます。
![After Effects 無料 プラグイン TextBorder Per Side/Corner Attributes](https://nextist.net/wp-content/uploads/after-effects-free-plugin-textborder-per-side-corner-attributes.png)
『Draw Left』『Draw Right』『Draw Top』『Draw Bottom』のそれぞれのチェックを外すと
個別にフレームの辺を消すことができます。
![After Effects 無料 プラグイン TextBorder Per Side/Corner Attributes Draw Left](https://nextist.net/wp-content/uploads/after-effects-free-plugin-textborder-draw-left-1024x540.png)
![After Effects 無料 プラグイン TextBorder Per Side/Corner Attributes Draw Right](https://nextist.net/wp-content/uploads/after-effects-free-plugin-textborder-draw-right-1024x540.png)
![After Effects 無料 プラグイン TextBorder Per Side/Corner Attributes Draw Top](https://nextist.net/wp-content/uploads/after-effects-free-plugin-textborder-draw-top-1024x540.png)
![After Effects 無料 プラグイン TextBorder Per Side/Corner Attributes Draw Bottom](https://nextist.net/wp-content/uploads/after-effects-free-plugin-textborder-draw-bottom-1024x540.png)
『Round Top -Left』『Round Top -Right』『Round Bottom-Left』『Round Bottom -Right』では
『Roundness』のプロパティーを調整してフレームを角丸にしている場合のみチェックを外すと個別に角丸が解除されます。
![After Effects 無料 プラグイン TextBorder Per Side/Corner Attributes Round Top-Left](https://nextist.net/wp-content/uploads/after-effects-free-plugin-textborder-round-top-left-1024x540.png)
![After Effects 無料 プラグイン TextBorder Per Side/Corner Attributes Round Top-Right](https://nextist.net/wp-content/uploads/after-effects-free-plugin-textborder-round-top-right-1024x540.png)
![After Effects 無料 プラグイン TextBorder Per Side/Corner Attributes Round Bottom-Left](https://nextist.net/wp-content/uploads/after-effects-free-plugin-textborder-round-bottom-left-1024x540.png)
![After Effects 無料 プラグイン TextBorder Per Side/Corner Attributes Round Bottom-Right](https://nextist.net/wp-content/uploads/after-effects-free-plugin-textborder-round-bottom-right-1024x540.png)
Gradient Options
『Gradient Options』ではフレームにグラデーションをつけることができます。
![NEXTist](https://nextist.net/wp-content/uploads/2021/08/nextist-icon.png)
この『Gradient Options』プロパティーでは結構細かくグラデーションの設定ができます。
無料なのにありがたいv( ̄∀ ̄)v
![After Effects 無料 プラグイン TextBorder Gradient Options](https://nextist.net/wp-content/uploads/after-effects-free-plugin-textborder-gradient-options.png)
グラデーションタイプを『Liner』▶︎ 直線状と『Radial』▶︎ 放射状の 2タイプから選択することができます。
![After Effects 無料 プラグイン TextBorder Gradient Type Liner](https://nextist.net/wp-content/uploads/after-effects-free-plugin-textborder-gradient-type-liner-1024x541.png)
![After Effects 無料 プラグイン TextBorder Gradient Type Radial](https://nextist.net/wp-content/uploads/after-effects-free-plugin-textborder-gradient-type-radial-1024x541.png)
『Swap Colors』▶︎ 開始点と終了点のグラデーションカラーを入れ替え
『Horizontal』▶︎ グラデーションを水平方向へ移動
『Vertical』▶︎ グラデーションを垂直方向へ移動
![NEXTist](https://nextist.net/wp-content/uploads/2021/08/nextist-icon.png)
『Gradation Type』が『Radial』の場合は『Horizontal』や『Vertical』の切り替えはできませんd( ̄  ̄)
![After Effects 無料 プラグイン TextBorder Gradient Horizontal](https://nextist.net/wp-content/uploads/after-effects-free-plugin-textborder-gradient-presets-horizontal-1024x541.png)
![After Effects 無料 プラグイン TextBorder Gradient Type Radial](https://nextist.net/wp-content/uploads/after-effects-free-plugin-textborder-gradient-type-radial-1024x541.png)
Dash Options
『Dash Options』ではフレームを波線にすることができます。
『Enable Dash』にチェックを入れることで波線がアウトラインに反映されます。
![After Effects 無料 プラグイン TextBorder Dash Options](https://nextist.net/wp-content/uploads/after-effects-free-plugin-textborder-dash-options.png)
『Dash』は1つ1つの波線の長さを調整することができます。
![After Effects 無料 プラグイン TextBorder Dash Options Dash 機能 使い方](https://nextist.net/wp-content/uploads/after-effects-free-plugin-textborder-dash-options-dash.gif)
![NEXTist](https://nextist.net/wp-content/uploads/2021/08/nextist-icon.png)
『Dash』は『Gap』も調整しないと単独では機能しませんd( ̄  ̄)
『Gap』は波線の間隔を調整することができます。
![After Effects 無料 プラグイン TextBorder Dash Options Gap 機能 使い方](https://nextist.net/wp-content/uploads/after-effects-free-plugin-textborder-dash-options-gap.gif)
![NEXTist](https://nextist.net/wp-content/uploads/2021/08/nextist-icon.png)
『Gap』は『Dash』も調整しないと単独では機能しませんd( ̄  ̄)
『Offset』はフレームをオフセットすることができます。
![After Effects 無料 プラグイン TextBorder Dash Options Offset 機能 使い方](https://nextist.net/wp-content/uploads/after-effects-free-plugin-textborder-dash-options-offset.gif)
Transform
『Transform』はオフセット、スケール、回転などをフレームの形や動きを調整することができます。
![After Effects 無料 プラグイン TextBorder Transform 機能 使い方](https://nextist.net/wp-content/uploads/after-effects-free-plugin-textborder-transform.png)
『Uniform Scale』ではフレームのX軸・Y軸(縦横比)を固定したり解除したりできます。
![After Effects 無料 プラグイン TextBorder Transform Uniform Scale OFF](https://nextist.net/wp-content/uploads/after-effects-free-plugin-textborder-transform-uniform-scale-off.gif)
![After Effects 無料 プラグイン TextBorder Transform Uniform Scale ON](https://nextist.net/wp-content/uploads/after-effects-free-plugin-textborder-transform-uniform-scale-on.gif)
『TextBorder』の無料ダウンロード、インストール方法
『TextBorder』の購入(無料)手続きをしてダウンロード、インストールするまでの流れを順を追って解説していきます。
『TextBorder』を無料でダウンロードする方法
まず『aescripts +aeplugins』の『TextBorder』販売ページに入ります⬇︎⬇︎
『TextBorder』の販売ページに入ったら金額の箇所が『$0.00』になっていることを確認してから
『ADD CART』をクリックします。
![After Effects 無料 プラグイン TextBorder 0](https://nextist.net/wp-content/uploads/after-effects-free-plugin-textborder-price-0.png)
表示された『GO TO SHOPPING CART』をクリック、もしくは右上のカートボタンをクリックします。
![After Effects 無料 プラグイン TextBorder 購入 方法 手順](https://nextist.net/wp-content/uploads/after-effects-free-plugin-textborder-cart.png)
注文内容を確認してから『PROCEED TO CHECKOUT』をクリックします。
![After Effects 無料 プラグイン TextBorder 購入 方法 手順](https://nextist.net/wp-content/uploads/after-effects-free-plugin-textborder-order.png)
アカウントを持っている方はアドレスとパスワードを入力して『LOGIN』をクリック
アカウントを持っていない方は『REGISTER』をクリックしてアカウントを作成してください。
![After Effects 無料 プラグイン TextBorder 購入 方法 手順 アカウント 作成](https://nextist.net/wp-content/uploads/after-effects-free-plugin-textborder-register.png)
住所を確認して『CONTINUE』をクリックします。
![After Effects 無料 プラグイン TextBorder 購入 方法 手順 アカウント 作成 ログイン](https://nextist.net/wp-content/uploads/after-effects-free-plugin-textborder-checkout.png)
『No Payment Information Required(支払いは不要)』を確認して『CONTINUE』をクリックします。
![After Effects 無料 プラグイン TextBorder 購入 方法 手順 No Payment](https://nextist.net/wp-content/uploads/after-effects-free-plugin-textborder-no-payment.png)
内容を確認して『PLACE ORDER』をクリックします。
![After Effects 無料 プラグイン TextBorder Place Order](https://nextist.net/wp-content/uploads/after-effects-free-plugin-textborder-place-order.png)
これで購入(無料)手続きは完了です。
『My Download & Licenses』をクリックします。
![After Effects 無料 プラグイン TextBorder ダウンロード ライセンス](https://nextist.net/wp-content/uploads/after-effects-free-plugin-textborder-download-license.png)
『My Download & Licenses』リストの中から『TextBorder』の『Download』ボタンをクリックします。
![After Effects 無料 プラグイン TextBorder ダウンロード リスト](https://nextist.net/wp-content/uploads/after-effects-free-plugin-textborder-download-list.png)
左側にあるダウンロードアイコンをクリックすると
![After Effects 無料 プラグイン TextBorder ダウンロード 方法 手順](https://nextist.net/wp-content/uploads/after-effects-free-plugin-textborder-download.png)
zipファイルがダウンロードされます。
これで『TextBorder』のインストールに必要なファイルのダウンロードは完了です。
![After Effects 無料 プラグイン TextBorder ダウンロード 方法 手順 zip](https://nextist.net/wp-content/uploads/after-effects-free-plugin-textborder-download-zip-e1670304827346.png)
『TextBorder』を『After Effects』へインストールする方法
ダウンロードした『TextBorder』のプラグインファイルを『Adobe 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
ダウンロードした『textborder_v1.1.2.zip』を展開して
フォルダの中にプラグインファイルが入ったフォルダがMac用とWindows用に分かれているので
利用しているOSのプラグインファイルを確認してください。
![After Effects 無料 プラグイン TextBorder ダウンロード 方法 手順](https://nextist.net/wp-content/uploads/after-effects-free-plugin-textborder-plugin-folder.png)
![After Effects 無料 プラグイン TextBorder ダウンロード 方法 手順 Plugin File](https://nextist.net/wp-content/uploads/after-effects-free-plugin-textborder-plugin-file.png)
『After Effects』のアプリケーションファイルを開いて
![After Effects 無料 プラグイン TextBorder インストール アプリケーションファイル](https://nextist.net/wp-content/uploads/after-effects-free-plugin-textborder-install-application.png)
『Plug-ins』フォルダーを開いて
![After Effects 無料 プラグイン TextBorder インストール Plug-ins フォルダー](https://nextist.net/wp-content/uploads/after-effects-free-plugin-textborder-save-folder.png)
『Plug-ins』フォルダーの中にプラグインファイル『TextBorder.plugin』をコピペ、もしくはドラッグ&ドロップします。
![After Effects 無料 プラグイン TextBorder インストール Plugin file](https://nextist.net/wp-content/uploads/after-effects-free-plugin-textborder-install.png)
『After Effects』を開いて、上部メニューのエフェクト▶︎Plugin Everything ▶︎TextBorderを使うことができます。
これでインストール完了です・:*+.\(( °ω° ))/.:+
![After Effects 無料 プラグイン TextBorder インストール エフェクト](https://nextist.net/wp-content/uploads/after-effects-free-plugin-textborder-install-completion-.png)
最後に
『TextBorder』以外にも『After Effects』で使える便利な無料プラグインや無料スクリプトはたくさんあります。
『After Effects』で使える無料ツールは以下の記事にまとめているので、興味のある方はぜひ読んでみてください⬇︎⬇︎
*『After Effects』で使えるおすすめの有料プラグインやスクリプトをまとめた記事はこちら⬇︎⬇︎
テキスト関連の無料プラグイン、スクリプトも個別に紹介しておきます。
興味のある方は以下の記事もぜひ読んでみてください⬇︎⬇︎
*【After Effects】テキストアニメーションを簡単に作れる無料スクリプト『TextEvo 2』の機能や使い方、インストール方法を徹底解説した記事はこちら⬇︎⬇︎
*【After Effects】簡単にテキストボックスを作ることができる無料スクリプト『BOXED』の機能や使い方、ダウンロード・インストール方法を徹底解説した記事はこちら⬇︎⬇︎
以上、最後まで読んでいただきありがとうございました(=゚ω゚)ノ