Adobe After Effects 129
![ふにゃ太郎](https://nextist.net/wp-content/uploads/2021/07/hunyataro.png)
『Discotext』というプラグインが使ってみたいです( ˊ̱˂˃ˋ̱ )
![NEXTist](https://nextist.net/wp-content/uploads/2021/08/nextist-icon.png)
面白いプラグインだよねd( ´∀`)
最近はテキストアニメーションより背景を作ることが多いかな〜^^
![ふにゃ太郎](https://nextist.net/wp-content/uploads/2021/07/hunyataro.png)
欲しいけど買う前にポクでも使えるプラグインかどうか知りたくって…
よろしければ解説していただけませんかヽ(´o`;
![NEXTist](https://nextist.net/wp-content/uploads/2021/08/nextist-icon.png)
『Plugin Everything』の製品は魅力的なプラグインが多いからね( ´ ▽ ` )
いいよ〜^ ^ わかる範囲で解説してみるよ♪( ´θ`)ノ
今回はエッジの効いたテキストアニメーションを作ることができるプラグイン『Discotext』を紹介していきたいと思います。
『Discotext』はテキストアニメーションやタイトル、バックグラウンドなど
アイディア次第ではアレンジし出すとキリがないくらい面白い表現ができる魅力的なツールです。
そんな魅力的なツール『Discotext』について徹底解説していくので
興味のある方はぜひ最後まで読んでいただけると嬉しいです。
それではいってみましょう٩( ᐛ )و
*エッジの効いたテキストアニメーションプラグイン『Discotext』を徹底解説した動画はこちら⬇︎⬇︎
目次
『Discotext』とは!?
![After Effects プラグイン Discotext 機能 使い方](https://nextist.net/wp-content/uploads/after-effects-discotext-e1678696521763.jpg)
『Discotext』はテキストからアウトラインを生成して
トリム、オフセット、ダッシュ、リピートすることで様々なテキストアニメーションを作ることがことができるプラグインになります。
使い方はシンプルで
テキストに『Discotext』を適用すると自動でテキストのアウトラインを描写して
![After Effects プラグイン Discotext 自動 アウトライン 生成](https://nextist.net/wp-content/uploads/after-effects-plugin-discotext-outline.gif)
トリム機能でアウトラインにトリムアニメーションをつけたり
![After Effects プラグイン Discotext トリム アニメーション](https://nextist.net/wp-content/uploads/adobe-after-effects-plugin-discotext-trim-animation.gif)
『Repeater』機能でアウトラインを複製してアニメーションをつけることもできます。
![After Effects プラグイン Discotext トリム アニメーション](https://nextist.net/wp-content/uploads/after-effects-plugin-discotext-repeater-animation.gif)
![After Effects プラグイン Discotext トリム アニメーション](https://nextist.net/wp-content/uploads/adobe-after-effects-plugin-discotext-repeater-animation-sample.gif)
各プロパティーを微調整することで以下のような様々なテキストアニメーションを作ることができます。
![After Effects プラグイン Discotext プロパティー](https://nextist.net/wp-content/uploads/b8163f204480dc4c51c7fc2e8116c08c.png)
![After Effects プラグイン Discotext Repeat](https://nextist.net/wp-content/uploads/after-effects-plugin-discotext-repeat.gif)
![After Effects プラグイン Discotext Reveal](https://nextist.net/wp-content/uploads/after-effects-plugin-discotext-reveal.gif)
![After Effects プラグイン Discotext Variable Width](https://nextist.net/wp-content/uploads/after-effects-plugin-discotext-variablewidth.gif)
![After Effects プラグイン Discotext Dashes](https://nextist.net/wp-content/uploads/after-effects-plugin-discotext-dashes.gif)
![After Effects プラグイン Discotext Faux 3D](https://nextist.net/wp-content/uploads/after-effects-plugin-discotext-faux3d.gif)
![After Effects プラグイン Discotext Textanim](https://nextist.net/wp-content/uploads/after-effects-plugin-discotext-textanim.gif)
![After Effects プラグイン Discotext 機能 使い方](https://nextist.net/wp-content/uploads/after-effects-plugin-discotext-sample-nextist-1.gif)
![After Effects プラグイン Discotext 機能 使い方](https://nextist.net/wp-content/uploads/after-effects-plugin-discotext-sample-nextist-2.gif)
![After Effects プラグイン Discotext 機能 使い方](https://nextist.net/wp-content/uploads/after-effects-plugin-discotext-sample-nextist-3.gif)
![After Effects プラグイン Discotext 機能 使い方](https://nextist.net/wp-content/uploads/after-effects-plugin-discotext-sample-nextist-4.gif)
『Discotext』の販売サイトと価格比較
『Discotext』の販売サイトと価格は以下の通りです⬇︎⬇︎
![NEXTist](https://nextist.net/wp-content/uploads/2021/08/nextist-icon.png)
海外での購入が不安な方はフラッシュバックジャパンでの購入一択となります。
セールの時には20%OFFの場合、4,200円ほどで購入できます(=゚ω゚)ノ
『Discotext』の機能や使い方
『Discotext』の機能と使い方を解説していきます。
- 『Trim』▶︎ アウトラインのトリミング
- 『Style』▶︎ アウトラインのスタイル
✔︎『Dashes』▶︎波線 - 『Animation』▶︎ アウトラインのアニメーション
- 『Repeater』▶︎ アウトラインの複製
✔︎『Transform Offset』▶︎ 複製されたアウトラインのトランスフォーム調整
✔︎『Scale』▶︎ 複製されたアウトラインのスケール調整
✔︎『Opacity』▶︎ 複製されたアウトラインの不透明度 - 『Composite Over Original』
Trim
![After Effects プラグイン Discotext機能 使い方 アウトライン トリミング](https://nextist.net/wp-content/uploads/after-effects-plugin-discotext-trim.jpg)
『Discotext』によって生成されたアウトラインをトリムアニメーションさせることができます。
『After Effects』のデフォルト機能である『パスのトリミング』と扱いは同じです。
![After Effects プラグイン Discotext トリム アニメーション](https://nextist.net/wp-content/uploads/adobe-after-effects-plugin-discotext-trim-animation.gif)
Style
![After Effects プラグイン Discotext機能 使い方 アウトライン Style](https://nextist.net/wp-content/uploads/after-effects-plugin-discotext-function-style.jpg)
『Style』では『Discotext』によって生成されたアウトラインのスタイルを調整することができます。
Color ▶︎ アウトラインの色
Stroke Width ▶︎ アウトラインの線幅
Opacity ▶︎ アウトラインの不透明度
Cap Style ▶︎ アウトラインの線端の形状⬇︎⬇︎
![After Effects プラグイン Discotext 機能 使い方 Cap Style Butt](https://nextist.net/wp-content/uploads/after-effects-plugin-discotext-cap-style-butt.png)
![After Effects プラグイン Discotext 機能 使い方 Cap Style Square](https://nextist.net/wp-content/uploads/after-effects-plugin-discotext-cap-style-square-e1678629732160.png)
![After Effects プラグイン Discotext 機能 使い方 Cap Style Round](https://nextist.net/wp-content/uploads/after-effects-plugin-discotext-cap-style-round-e1678629744881.png)
![After Effects プラグイン Discotext 機能 使い方 Style Dashes アウトライン 波線](https://nextist.net/wp-content/uploads/after-effects-plugin-discotext-function-style-dashes.jpg)
アウトラインを波線にすることができます。
Enable ▶︎ 波線のON/OFF
『Relative to Scale』はアウトラインのスケールに合わせて波線の比率を保つか保たないかをON/OFFで設定できます。
デフォルトでは『Relative to Scale ▶︎ ON なので、スケールに合わせて比率を保つ設定になってます⬇︎⬇︎
![After Effects プラグイン Discotext 機能 使い方 Style Dashes Relative to Scale ON](https://nextist.net/wp-content/uploads/after-effects-plugin-discotext-dashes-relative-to-scale-on-1024x576.gif)
![After Effects プラグイン Discotext 機能 使い方 Style Dashes Relative to Scale OFF](https://nextist.net/wp-content/uploads/after-effects-plugin-discotext-dashes-relative-to-scale-off.gif)
![NEXTist](https://nextist.net/wp-content/uploads/2021/08/nextist-icon.png)
Relative to Scale ▶︎ ON はスケールを拡大・縮小すると、波線の間隔も同じ比率で拡大・縮小されますd(゚∀゚)
Length ▶︎ 波線の長さ
Gap ▶︎ 波線の間隔
Offset ▶︎ オフセット
![After Effects プラグイン Discotext 機能 使い方 Style Dashes Length](https://nextist.net/wp-content/uploads/after-effects-plugin-discotext-dashes-length-1024x576.gif)
![After Effects プラグイン Discotext 機能 使い方 Style Dashes Gap](https://nextist.net/wp-content/uploads/after-effects-plugin-discotext-dashes-gap-1024x576.gif)
![After Effects プラグイン Discotext 機能 使い方 Style Dashes Offset](https://nextist.net/wp-content/uploads/after-effects-plugin-discotext-dashes-offset-1024x576.gif)
Animation
![After Effects プラグイン Discotext 機能 使い方 Animation](https://nextist.net/wp-content/uploads/after-effects-plugin-discotext-function-animation.jpg)
『Animation』では『Discotext』によって生成されたアウトラインのアニメーションを調整することができます。
![NEXTist](https://nextist.net/wp-content/uploads/2021/08/nextist-icon.png)
基本的には次項の『Repeater』でアウトラインを複製してから調整しますd(^ ^)
『Stagger(frames)』ではトリムアニメーションをフレーム単位でズラすことができます。
3と設定すればアウトラインパスに沿ったアニメーションが3フレームずつズレます。
![After Effects プラグイン Discotext 機能 使い方 Stagger 0](https://nextist.net/wp-content/uploads/after-effects-plugin-discotext-stagger-0.gif)
![After Effects プラグイン Discotext 機能 使い方 Stagger 3](https://nextist.net/wp-content/uploads/after-effects-plugin-discotext-stagger-3.gif)
Order Modifier ▶︎ Staggerで調整したアニメーションの順序を変更する(None、Reverse、 Random)
Random Seed ▶︎『Order Modifier』を『Random』に設定した場合にランダム化されたアニメーションを
動かすことができる
Motion Blur Multiplier ▶︎『Motion Blur』の調整
![After Effects プラグイン Discotext 機能 使い方 Order Modifier None](https://nextist.net/wp-content/uploads/after-effects-plugin-discotext-order-modifier-none.gif)
![After Effects プラグイン Discotext 機能 使い方 Order Modifier Reverse](https://nextist.net/wp-content/uploads/after-effects-plugin-discotext-order-modifier-reverse.gif)
![After Effects プラグイン Discotext 機能 使い方 Order Modifier Random](https://nextist.net/wp-content/uploads/after-effects-plugin-discotext-order-modifier-random.gif)
Repeater
![After Effects プラグイン Discotext 機能 使い方 Repeater](https://nextist.net/wp-content/uploads/after-effects-plugin-discotext-function-repeater.jpg)
『Repeater』では『Discotext』によって生成されたアウトラインを複製することができます。
Copies ▶︎ アウトラインの複製の数
Inherit Stagger ▶︎ Animation の Stagger で設定した内容を複製したアウトラインにも反映する
Stroke Width ▶︎ 複製したアウトラインの線幅
![After Effects プラグイン Discotext 機能 使い方 Repeater](https://nextist.net/wp-content/uploads/after-effects-plugin-discotext-repeater.gif)
![After Effects プラグイン Discotext 機能 使い方 Repeater Stroke Width](https://nextist.net/wp-content/uploads/after-effects-plugin-discotext-repeater-stroke-width.gif)
![NEXTist](https://nextist.net/wp-content/uploads/2021/08/nextist-icon.png)
『Copies』は『Transform Offset』で複製したアウトラインを動かさないと、起点のアウトラインに重なった状態で見た目は何も変わりません。
上記の2例は次に解説する『Transform Offset』の『Scale』を拡大しています(^ ^)
『Inherit Stagger』ONにすると
Amimation ▶︎ Stagger(frames)で設定した3.00の設定を複製したアウトライン(Copies 10)に適用されます。
![After Effects プラグイン Discotext 機能 使い方 Inherit Stagger OFF](https://nextist.net/wp-content/uploads/after-effects-plugin-discotext-inherit-stagger-off.jpg)
![After Effects プラグイン Discotext 機能 使い方 Inherit Stagger OFF](https://nextist.net/wp-content/uploads/after-effects-plugin-discotext-inherit-stagger-off.gif)
![After Effects プラグイン Discotext 機能 使い方 Inherit Stagger ON](https://nextist.net/wp-content/uploads/after-effects-plugin-discotext-inherit-stagger.jpg)
![After Effects プラグイン Discotext 機能 使い方 Inherit Stagger ON](https://nextist.net/wp-content/uploads/after-effects-plugin-discotext-inherit-stagger.gif)
![NEXTist](https://nextist.net/wp-content/uploads/2021/08/nextist-icon.png)
『Copies』で複製したアウトラインのトリムアニメーションをStagger(frames)で設定した3フレームずつズラしてくれますd(゚∀゚)
![After Effects プラグイン Discotext 機能 使い方 Transform Offsets](https://nextist.net/wp-content/uploads/after-effects-plugin-discotext-transform-offsets.jpg)
『Repeater』で複製されたアウトラインのトランスフォームを調整することができます。
複製したアウトラインのX,Y軸移動、回転を調整できます。
Relative to Scale ▶︎
Translate X ▶︎ 複製したアウトラインのX軸の移動
Translate Y ▶︎ 複製したアウトラインのY軸の移動
Rotation ▶︎ 複製したアウトラインの回転
![After Effects プラグイン Discotext 機能 使い方 Transform Offset Translate X](https://nextist.net/wp-content/uploads/after-effects-plugin-discotext-transform-offsets-translate-x.gif)
![After Effects プラグイン Discotext 機能 使い方 Transform Offset Translate Y](https://nextist.net/wp-content/uploads/after-effects-plugin-discotext-transform-offsets-translate-y.gif)
![After Effects プラグイン Discotext 機能 使い方 Transform Offset Rotation](https://nextist.net/wp-content/uploads/after-effects-plugin-discotext-transform-offsets-rotation.gif)
![After Effects プラグイン Discotext 機能 使い方 Repeater Scale](https://nextist.net/wp-content/uploads/after-effects-plugin-discotext-repeater-scale.jpg)
『Repeater』で複製されたアウトラインのサイズ調整を調整することができます。
複製したアウトラインのサイズを調整できます。
Uniform Scale / ON(デフォルト) ▶︎ X軸とY軸を固定した状態でサイズ(Scale)を調整できる
Uniform Scale / OFF ▶︎ X軸とY軸のサイズ(Scale)をそれぞれ調整できる
![After Effects プラグイン Discotext 機能 使い方 Transform Offset Scale](https://nextist.net/wp-content/uploads/after-effects-plugin-discotext-transform-offsets-scale.gif)
Scale
![After Effects プラグイン Discotext 機能 使い方 Transform Offset Scale X](https://nextist.net/wp-content/uploads/after-effects-plugin-discotext-transform-offsets-scale-x.gif)
Scale X
![After Effects プラグイン Discotext 機能 使い方 Transform Offset Scale Y](https://nextist.net/wp-content/uploads/after-effects-plugin-discotext-transform-offsets-scale-y.gif)
Scale Y
スケールしたアウトラインをアンカーポイントを起点に移動調整できます。
Anchor X ▶︎ X軸のサイズ(Scale)を調整した状態でスケールしたアウトラインのX軸をアンカーポイント
を起点に移動調整できる
Anchor Y ▶︎ Y軸のサイズ(Scale)を調整した状態でスケールしたアウトラインのY軸をアンカーポイント
を起点に移動調整できる
![After Effects プラグイン Discotext 機能 使い方 Transform Offset Uniform Scale](https://nextist.net/wp-content/uploads/after-effects-plugin-discotext-uniform-scale-on.gif)
Anchor X
![After Effects プラグイン Discotext 機能 使い方 Transform Offset Uniform Scale OFF Anchor X](https://nextist.net/wp-content/uploads/after-effects-plugin-discotext-uniform-scale-off-anchor-x.gif)
Anchor X
![After Effects プラグイン Discotext 機能 使い方 Transform Offset Uniform Scale OFF Anchor Y](https://nextist.net/wp-content/uploads/after-effects-plugin-discotext-uniform-scale-off-anchor-y.gif)
Scale Y
![NEXTist](https://nextist.net/wp-content/uploads/2021/08/nextist-icon.png)
『AnchorX.Y』はアウトラインの『Scale』を調整した状態でないと機能しませんd( ̄  ̄)
![After Effects プラグイン Discotext 機能 使い方 Repeater Opacity](https://nextist.net/wp-content/uploads/after-effects-plugin-discotext-repeater-opacity.jpg)
『Repeater』で複製されたアウトラインの不透明度を調整することができます。
Repeater → Opacity ▶︎ アニメーションはマイナス数値でコントロールします。
![After Effects プラグイン Discotext 機能 使い方 Repeater Opacity](https://nextist.net/wp-content/uploads/after-effects-plugin-discotext-repeater-opacity.gif)
Composite Over Original
![After Effects プラグイン Discotext 機能 使い方 Source Opacity](https://nextist.net/wp-content/uploads/after-effects-plugin-discotext-source-opacity.jpg)
『Composite Over Original』はオリジナルのテキストレイヤーの表示/非表示を切り替えることができます。
表示したオリジナルのテキストレイヤーのカラーは、そのまま塗りのカラーで変更できます。
![After Effects プラグイン Discotext 機能 使い方 Composite Over Original](https://nextist.net/wp-content/uploads/adobe-after-effects-plugin-discotext-composite-over-original.gif)
『Composite Over Original』にチェックを入れてONにすると
『Source Opacity』が使えるようになるのでアウトラインを含まないオリジナルのテキストだけの不透明度を調整することができます。
![After Effects プラグイン Discotext 機能 使い方 Source Opacity](https://nextist.net/wp-content/uploads/after-effects-plugin-discotext-source-opacity.gif)
『Discotext』のインストール・アクティベート方法
『Discotext』を『After Effects』へインストールして、アクティベートする方法を解説していきます。
『Discotext』をインストールする方法
『Discotext』のプラグインファイルを『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
『Discotext』を購入してプラグインファイルをダウンロードしたら
![After Effects プラグイン Discotext インストール 方法](https://nextist.net/wp-content/uploads/adobe-after-effects-plugin-discotext-install-file.png)
アプリケーション一覧から現在使用している『After Effects』のアプリケーションファイルを開いて
![After Effects プラグイン Discotext インストール 方法 アプリケーションファイル](https://nextist.net/wp-content/uploads/adobe-after-effects-plugin-discotext-application.png)
『Plug-ins』フォルダを開きます。
![After Effects プラグイン Discotext インストール 方法 Plug-ins フォルダ](https://nextist.net/wp-content/uploads/adobe-after-effects-plugin-discotext-install-plug-ins.png)
『Plug-ins』フォルダ内にダウンロードしていた『Discotext』のプラグインファイル『Discotext.plugin』をドラッグ&ドロップ、もしくはコピペします。
これでインストール完了です。
![After Effects プラグイン Discotext インストール 方法](https://nextist.net/wp-content/uploads/adobe-after-effects-plugin-discotext-install-method.png)
『Discotext』をアクティベートする方法
『After Effects』へインストールした『Discotext』をアクティベートする方法を解説していきます٩( ᐛ )و
『After Effects』を開いてテキストレイヤーを作成します。
テキストレイヤーにエフェクト▶︎ Plugin Everything ▶︎ Discotext を適用します。
![After Effects プラグイン Discotext アクティベート 方法 エフェクト](https://nextist.net/wp-content/uploads/adobe-after-effects-plugin-discotext-effect.png)
バツ印が表示されて使えないので
エフェクトコントロールパネル ▶︎ Discotext の右側にある『Register』をクリックします。
![After Effects プラグイン Discotext アクティベート 方法 Register](https://nextist.net/wp-content/uploads/adobe-after-effects-plugin-discotext-effect-register.png)
ライセンスコードを要求されるので
購入したサイトの履歴から『Discotext』のコードをコピーして
入力欄にペーストし『Active』をクリックします。
![After Effects プラグイン Discotext アクティベート 方法 認証 コード](https://nextist.net/wp-content/uploads/adobe-after-effects-plugin-discotext-activate.png)
アクティベートが完了し、バツ印が消えて使うことができます\( ̄∀ ̄)/ワーイ
![After Effects プラグイン Discotext アクティベート 方法 認証 コード](https://nextist.net/wp-content/uploads/adobe-after-effects-plugin-discotext-activation-e1678765378809.png)
最後に
『Disctext』を含め『Plugin Everything』では『Deep Glow』や『Auto Fill』『Shadow Studio』など
優秀なプラグインを多数販売してます。
![NEXTist](https://nextist.net/wp-content/uploads/2021/08/nextist-icon.png)
『Plugin Everything』が提供している無料プラグインも優秀なものが多いです( ´ ▽ ` )
まだまだ紹介記事は少ないですが…無料も含めいくつか紹介しておきます⬇︎⬇︎
*【有料】複雑な塗りアニメーションを簡単に作ることができるプラグイン『AutoFill』を徹底解説した記事はこちら⬇︎⬇︎
*【有料】簡単にモーフィングアニメーションが作れるスクリプト『Super Morphings』を解説した記事はこちら⬇︎⬇︎
*【無料】お洒落なストロークアニメーションを簡単に作ることができる無料プラグイン『Thicc Stroke』を徹底解説した記事はこちら⬇︎⬇︎
*【無料】テキストにフレームをつけることができる無料プラグイン『TextBorder』 を徹底解説した記事はこちら⬇︎⬇︎
*【無料】ワンボタンでジャギー(ギザギザ)を綺麗に補正(アンチエイリアス)してくれる無料プラグイン『FXAA』を徹底解説した記事はこちら⬇︎⬇︎
以上、最後まで読んでいただきありがとうございました!!