// アナリティクス
各種大手サイトの年末ビックセール開催中!! セール情報やオススメツールの紹介はこちら

【After Effects】テキストにフレームをつけることができる無料プラグイン『TextBorder』 を徹底解説!!

After Effects 無料 プラグイン TextBorder 機能 使い方 インストール 方法

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

Adobe After Effects 119

今回はテキストに簡単にフレームをつけることができる無料プラグイン『TextBorder』の機能や使い方、インストール方法などを解説していきます。

After Effects 無料 プラグイン TextBorder



無料なのに地味に便利なプラグインなので、気になる方はぜひ最後まで読んでいただけると嬉しいです。




テキストにフレームをつけることができる無料プラグイン『TextBorder』 を紹介した動画はこちら⬇︎⬇︎




TextBorder』とは!?

After Effects 無料 プラグイン TextBorder おすすめ

『TextBorder』は『Deep Glow』や『Auto Fill』『Shadow Studio』など数々の優秀なプラグインを開発している『Plugin Everything』社が無料で提供しているエフェクトプラグインになります。

『TextBorder』を使えばテキスト周囲にいろんな形のボーダーフレームをつけてアニメーションさせることができます。



フレームの角を丸めたり、波線にしたり、グラデーションをつけたり…などなど無料なのに便利な機能が盛りだくさんです。

After Effects 無料 プラグイン TextBorder エフェクトコントロール プロパティー
After Effects 無料 プラグイン TextBorder サンプル テキストアニメーション
サンプル ①
After Effects 無料 プラグイン TextBorder サンプル テキストアニメーション
サンプル ②
After Effects 無料 プラグイン TextBorder サンプル
Frame
After Effects 無料 プラグイン TextBorder サンプル
Per Side/Corner Attributes
After Effects 無料 プラグイン TextBorder サンプル
Animation
After Effects 無料 プラグイン TextBorder Transform Uniform Scale OFF
Transform
After Effects 無料 プラグイン TextBorder Gradient Type Liner
Gradation Options
After Effects 無料 プラグイン TextBorder Dash Options Offset 機能 使い方
Dash Options




TextBorder』の機能や使い方

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

  • Shape
  • BorderWidth
  • Expansion Uniform
  • Individual Expansion
  • Roundness
  • Line Cup
  • Solo Border
  • Per Side/Corner Attributes
  • Gradient Options
    ✔︎ Gradation Type
    ✔︎ Presets
  • Dash Options
    ✔︎ Dash
    ✔︎ Gap
    ✔︎ Offset
  • Transform
    ✔︎ Uniform Scale




Shape

『Shape』ではフレームの形は3つのタイプから選択することができます。

After Effects 無料 プラグイン TextBorder Shape
After Effects 無料 プラグイン TextBorder Shape Auto
Auto
After Effects 無料 プラグイン TextBorder Shape Square
Square
After Effects 無料 プラグイン TextBorder Shape Polygon
Polygon


『Shape』で『polygon』を選択すると『Polygon Sides』が表示され

角数の数を指定することができます。

After Effects 無料 プラグイン TextBorder Shape Polygon Sides
Polygon ▶︎ Polygon Sides 5
After Effects 無料 プラグイン TextBorder Shape Polygon Sides
Polygon Sides 5

Border Width

『Border Width』はフレームの線幅を調整することができます。

After Effects 無料 プラグイン TextBorder Border Width
Border Width 30

Expansion Uniform

『Expansion Uniform』ではフレーム全体を拡大・縮小することができます。

After Effects 無料 プラグイン TextBorder Expansion Uniform

Individual Expansion

フレームの各辺を個別に拡大・縮小することができます。

After Effects 無料 プラグイン TextBorder Individual Expansion


After Effects 無料 プラグイン TextBorder Expansion Width
Expansion Width 300
After Effects 無料 プラグイン TextBorder Expansion Height
Expansion Height 300
After Effects 無料 プラグイン TextBorder Expansion Left
Expansion Left 300
After Effects 無料 プラグイン TextBorder Expansion Right
Expansion Right 300
After Effects 無料 プラグイン TextBorder Expansion Top
Expansion Top 300
After Effects 無料 プラグイン TextBorder Expansion Bottom
Expansion Bottom 300
NEXTist
NEXTist

『Individual Expansion』は『Shape』を『Auto』に設定しているときのみ調整することができますd(゚∀゚)

Roundness

『Roundness』はフレームの角を丸くすることができます。

After Effects 無料 プラグイン TextBorder Roundness

Line Cup

『Line Cup』は線端を丸くすることができます。

デフォルトのButt ▶︎ 角張った形状と Cup ▶︎ 丸型の形状から選択することができます⬇︎⬇︎

After Effects 無料 プラグイン TextBorder Line Cup Butt
Butt
After Effects 無料 プラグイン TextBorder Line Cup Round
Round

Solo Border

『Solo Border』はテキストを非表示にすることができます。

After Effects 無料 プラグイン TextBorder Solo Border

Per Side/Corner Attributes

『Per Side/Corner Attributes』はフレームの辺や角を個別に消したり変更することができます。

After Effects 無料 プラグイン TextBorder Per Side/Corner Attributes


『Draw Left』『Draw Right』『Draw Top』『Draw Bottom』のそれぞれのチェックを外すと

個別にフレームの辺を消すことができます。

After Effects 無料 プラグイン TextBorder Per Side/Corner Attributes Draw Left
Draw Left
After Effects 無料 プラグイン TextBorder Per Side/Corner Attributes Draw Right
Draw Right
After Effects 無料 プラグイン TextBorder Per Side/Corner Attributes Draw Top
Draw Top
After Effects 無料 プラグイン TextBorder Per Side/Corner Attributes Draw Bottom
Draw Bottom

『Round Top -Left』『Round Top -Right』『Round Bottom-Left』『Round Bottom -Right』では

『Roundness』のプロパティーを調整してフレームを角丸にしている場合のみチェックを外すと個別に角丸が解除されます。

After Effects 無料 プラグイン TextBorder Per Side/Corner Attributes Round Top-Left
Round Top-Left
After Effects 無料 プラグイン TextBorder Per Side/Corner Attributes Round Top-Right
Round Top-Right
After Effects 無料 プラグイン TextBorder Per Side/Corner Attributes Round Bottom-Left
Round Bottom-Left
After Effects 無料 プラグイン TextBorder Per Side/Corner Attributes Round Bottom-Right
Round Bottom-Right

Gradient Options

『Gradient Options』ではフレームにグラデーションをつけることができます。

After Effects 無料 プラグイン TextBorder Gradient Options
NEXTist
NEXTist

この『Gradient Options』プロパティーでは結構細かくグラデーションの設定ができます。

無料なのにありがたいv( ̄∀ ̄)v



Gradation Type

グラデーションタイプを『Liner』▶︎ 直線状と『Radial』▶︎ 放射状の 2タイプから選択することができます。

After Effects 無料 プラグイン TextBorder Gradient Type Liner
Gradation Type ▶︎ Liner
After Effects 無料 プラグイン TextBorder Gradient Type Radial
Gradation Type ▶︎ Radial



Presets

『Swap Colors』▶︎ 開始点と終了点のグラデーションカラーを入れ替え

『Horizontal』▶︎ グラデーションを水平方向へ移動

『Vertical』▶︎ グラデーションを垂直方向へ移動

After Effects 無料 プラグイン TextBorder Gradient Horizontal
Presets ▶︎ Horizontal
After Effects 無料 プラグイン TextBorder Gradient Type Radial
Presets ▶︎ Vertical
NEXTist
NEXTist

『Gradation Type』が『Radial』の場合は『Horizontal』や『Vertical』の切り替えはできませんd( ̄  ̄)

Dash Options

『Dash Options』ではフレームを波線にすることができます。

『Enable Dash』にチェックを入れることで波線がアウトラインに反映されます。

After Effects 無料 プラグイン TextBorder Dash Options




Dash

『Dash』は1つ1つの波線の長さを調整することができます。

After Effects 無料 プラグイン TextBorder Dash Options Dash 機能 使い方
Dash Options ▶︎ Dash
NEXTist
NEXTist

『Dash』は『Gap』も調整しないと単独では機能しませんd( ̄  ̄)




Gap

『Gap』は波線の間隔を調整することができます。

After Effects 無料 プラグイン TextBorder Dash Options Gap 機能 使い方
Dash Options ▶︎ Gap
NEXTist
NEXTist

『Gap』は『Dash』も調整しないと単独では機能しませんd( ̄  ̄)



Offset

『Offset』はフレームをオフセットすることができます。

After Effects 無料 プラグイン TextBorder Dash Options Offset 機能 使い方
Dash Options ▶︎ Offset

Transform

『Transform』はオフセット、スケール、回転などをフレームの形や動きを調整することができます。

After Effects 無料 プラグイン TextBorder Transform 機能 使い方



Uniform Scale

『Uniform Scale』ではフレームのX軸・Y軸(縦横比)を固定したり解除したりできます。

After Effects 無料 プラグイン TextBorder Transform Uniform Scale OFF
Uniform Scale OFF
After Effects 無料 プラグイン TextBorder Transform Uniform Scale ON
Uniform Scale ON




『TextBorder』の無料ダウンロード、インストール方法

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

『TextBorder』を無料でダウンロードする方法

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


『TextBorder』の販売ページに入ったら金額の箇所が『$0.00』になっていることを確認してから

『ADD CART』をクリックします。

After Effects 無料 プラグイン TextBorder 0

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

After Effects 無料 プラグイン TextBorder 購入 方法 手順

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

After Effects 無料 プラグイン TextBorder 購入 方法 手順

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

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

After Effects 無料 プラグイン TextBorder 購入 方法 手順 アカウント 作成

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

After Effects 無料 プラグイン TextBorder 購入 方法 手順 アカウント 作成 ログイン

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

After Effects 無料 プラグイン TextBorder 購入 方法 手順 No Payment

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

After Effects 無料 プラグイン TextBorder Place Order

これで購入(無料)手続きは完了です。『My Download & Licenses』をクリックします。

After Effects 無料 プラグイン TextBorder ダウンロード ライセンス

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

After Effects 無料 プラグイン TextBorder ダウンロード  リスト

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

After Effects 無料 プラグイン TextBorder ダウンロード  方法 手順

zipファイルがダウンロードされます。

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

After Effects 無料 プラグイン TextBorder ダウンロード 方法 手順 zip


『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 ダウンロード 方法 手順
After Effects 無料 プラグイン TextBorder ダウンロード 方法 手順 Plugin File

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

After Effects 無料 プラグイン TextBorder インストール アプリケーションファイル

『Plug-ins』フォルダーを開いて

After Effects 無料 プラグイン TextBorder インストール Plug-ins フォルダー

『Plug-ins』フォルダーの中にプラグインファイル『TextBorder.plugin』をコピペ、もしくはドラッグ&ドロップします。

After Effects 無料 プラグイン TextBorder インストール Plugin file

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

これでインストール完了です。

After Effects 無料 プラグイン TextBorder インストール エフェクト




最後に

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

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


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



テキスト関連の無料プラグイン、スクリプトも個別に紹介しておきます。

興味のある方は以下の記事もぜひ読んでみてください⬇︎⬇︎

*【After Effects】テキストアニメーションを簡単に作れる無料スクリプト『TextEvo 2』の機能や使い方、インストール方法を徹底解説した記事はこちら⬇︎⬇︎



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