// アナリティクス

【After Effects】お洒落なストロークアニメーションを簡単に作ることができる無料プラグイン『Thicc Stroke』を徹底解説!!

After Effects 無料 プラグイン エフェクト Thicc Stroke 機能 使い方

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

Adobe After Effects 120

ふにゃ太郎
ふにゃ太郎

プラグインエブリワンというところが無料で配布してる『Thicc Stroke』が使ってみたいです(゚∀゚!!

NEXTist
NEXTist

プラグインエブリシングね…(ー ー;)ww

無料なのに完成度高いプラグインだよね〜٩( ‘ω’ )و

ふにゃ太郎
ふにゃ太郎

ちょっと使い方が難しそうなので解説してもらえないでしょうか… |ω・`)チラッ

NEXTist
NEXTist

実はまだ使ったことがない機能もあるから、記事を書くついでに徹底解剖してみるね٩( ᐛ )و


『Thicc Stroke』を使って完成したアニメーションを見るだけで

After Effects 無料 プラグイン Thicc Stroke アニメーション
After Effects 無料 プラグイン Thicc Stroke アニメーション 機能 使い方


「これは使ってみたいっ(゚∀゚!!」

「本当に無料で使えるの!?(  Д ) =͟͟͞͞ ⊙ ⊙」

と言いたくなるくらい面白そうなプラグインですよねd( ̄∀ ̄)

今回はこの『Thicc Stroke』という無料プラグインを徹底解説していきたいと思います٩( ‘ω’ )و

使い方も難しくないですし、表現の幅も広がる、しかも無料でインストールできる!!ので

気になる方はぜひ最後まで読んでいただけると嬉しいです\( ̄∀ ̄)/

それではいってみましょう٩( ᐛ )و


『Thicc Stroke』とは!?

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

エフェクトコントロールパネルはこんな感じ⬇︎⬇︎

After Effects 無料 プラグイン Thicc Stroke エフェクトコントロールパネル


マスクパスに沿ってストロークラインを作って、色、太さ、長さなど、細かく調整したり

アニメーションさせることもできます٩( ᐛ )و

After Effects 無料 プラグイン Thicc Stroke アニメーション
After Effects 無料 プラグイン Thicc Stroke アニメーション
NEXTist
NEXTist

『Trapcode』の『3D Stroke』の簡易版みたいなプラグインですd( ̄  ̄)


グローをつけたり、イージングをかけたり

アレンジ次第で面白いストロークアニメーションが作れるので

After Effects 無料 プラグイン エフェクト Thicc Stroke 機能 使い方 NEXTist StuDio



ぜひインストールして使ってみてください٩( ᐛ )و



『Thicc Stroke』のダウンロード・インストール方法

『Thicc Stroke』のダウンロード・インストール方法を解説していきます٩( ‘ω’ )و

プラグインファイル(.pluginの保存場所

Windows ▶︎ C: ▶︎ Program Files ▶︎ Adobe ▶︎ Adobe After Effects <AE version> ▶︎ Support Files ▶︎ Plug-ins

Mac ▶︎ アプリケーション ▶︎ Adobe After Effects <AE version> ▶︎ Plug-ins


以下の公式サイトよりワンボタンでダウンロードできます⬇︎⬇︎


ダウンロードページに入ったら『DOWNLOAD NOW』とあるのでクリックします。

After Effects 無料 プラグイン Thicc Stroke ダウンロード 方法

zipファイル『Thicc+Stroke+v1.1.zip』がダウンロードされるので展開して

表示されたフォルダ内にはmacOS用とWindowsOS用のプラグインファイル(.plugin)が入っています。

After Effects 無料 プラグイン Thicc Stroke ファイル ダウンロード

アプリケーション一覧から現在利用しているバージョンの『After Effects』アプリケーションファイルを開きます。

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

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

After Effects 無料 プラグイン Thicc Stroke インストール 方法 Plug-ins フォルダー

その中にダウンロードしていた『Thicc Stroke』のプラグインファイル(.plugin)をドラッグ&ドロップ、またはコピペします。

After Effects 無料 プラグイン Thicc Stroke インストール 方法

『After Effects』を開いて上部メニューのエフェクト▶︎Plugin Everythingの中に『Thicc Stroke』があるので使うことができます\( ̄∀ ̄)/

After Effects 無料 エフェクト プラグイン Thicc Stroke インストール 方法



『Thicc Stroke』の機能と使い方

『Thicc Stroke』の機能と使い方を解説していきます٩( ‘ω’ )و

『Thicc Stroke』を適用すると以下のような警告が表示されます⬇︎⬇︎

After Effects 無料 プラグイン Thicc Stroke 警告 8bit


マルチフレームレンダリング用に最適化されていないことは、当たり前に使う分には特に問題ありませんd( ̄  ̄)


できる限り正確な色で表現したい場合には、『8bpc』=『8bit/チャンネル』に設定して使用するようにしてください。



色深度の設定変更はプロジェクトパネル下にある 8〜32bpcの部分を『Windows』の方は alt+クリック


『Mac』の方は option+クリックで変更することができますd(゚∀゚)

After Effects 無料 プラグイン Thicc Stroke bit bpc 変更



Mask

『Thicc Stroke』はマスクパスに適用することで機能するエフェクトになりますd( ̄  ̄)

『Thicc Stroke』の適用方法

例えば、平面レイヤーに円形のマスクを切って

After Effects 無料 プラグイン Thicc Stroke 使い方 マスクパス

上部メニューのエフェクト▶︎ Plugin Everything ▶︎ Thicc Stroke を適用すると

After Effects 無料 プラグイン  エフェクト Thicc Stroke 使い方 マスクパス

パスの形に沿って『Thicc Stroke』が適用されます。

After Effects 無料 プラグイン  エフェクト Thicc Stroke 使い方 マスクパス

1つのレイヤー内に複数のマスクパスがある場合は

エフェクトコントロール ▶︎ Thicc Stroke ▶︎ MASK から適用したいマスクパスを指定してください。

After Effects 無料 プラグイン  エフェクト Thicc Stroke 使い方 マスクパス 選択
NEXTist
NEXTist

1つのレイヤー内にある複数のマスクパスに同時に『Thicc Stroke』を適用したい場合には
エフェクトを複製して『MASK』でそれぞれのパスを指定してくださいd( ̄  ̄)



Width Controls

Mode ▶︎ Start & End

『Mode』を『Start & End』に設定すると

生成したストロークの開始点と修了点の線幅を調整することができますd( ̄  ̄)

Mode ▶︎ Start & End では

Width Start ▶︎ ストローク開始点の線幅

Width End ▶︎ ストローク修了点の線幅

Width Multiplier ▶︎ ストローク全体の線幅

をそれぞれ調整することができます。

After Effects 無料 プラグイン  エフェクト Thicc Stroke 機能 使い方 線幅 調整


Mode ▶︎ Vertex Feather(Force Path Open 含む)

『Mode』を『Vertex Feather』に設定すると

生成したストロークの幅をフェザーツールを使って自由に調整することができますd( ̄  ̄)

『Mode』を『Vertex Feather』にしてフェザーツールを選択すると、各所の線幅を自由に変えることができますが、線幅の開始点と終了点でアニメーションをつけることはできなくなります。

After Effects 無料 プラグイン  エフェクト Thicc Stroke 機能 使い方 Vertex Feather 線幅 調整
NEXTist
NEXTist

『Mode』を『Vertex Feather』に設定すると、調整できるプロパティーは『Width Multiplier(ストローク全体の線幅)のみとなりますd( ̄  ̄)

パスが閉じられていない場合には『Mode』を『Vertex Feather』してフェザーツールを使っても線幅を変えることができないので

① 一旦ペンツールでパスを閉じる(繋げる)

②『Force Path Open』をON

③ フェザーツールで線幅を変えることができる

After Effects 無料 プラグイン  エフェクト Thicc Stroke Force Path Open 機能
NEXTist
NEXTist

『Force Path Open』をONにすると一旦閉じたパスを強制的にまた開いてくれますd( ̄  ̄)

ただ本家のチュートリアルでは同じ方法でスムーズにパスが開きますが、私の環境では『Force Path Open』をONにするとパスが反転してしまいます…(ー ー;)


Style

『Style』では線端やカラーなど『Thicc Stroke』で生成したストロークのデザインを変更することができます٩( ᐛ )و

Cap

『Cap』ではストロークの線端を『Round』or『Butt』で変更することができます。

After Effects 無料 プラグイン  エフェクト Thicc Stroke Cap Round 線端
Cup ▶︎ Round
After Effects 無料 プラグイン  エフェクト Thicc Stroke Cap Butt 線端
Cup ▶︎ Butt
NEXTist
NEXTist

デフォルトでは『Round』に設定されてます( ´ ▽ ` )


Width Interpolation

『Width Interpolation』では生成したストロークの幅の補間方法を『Linear』or『Smooth』で切り替えることができます(^ ^)

『Linear』は開始点から終了点までの線幅が直線的になります。

『Smooth』では開始点から終了点までの線幅が直線的になります。

After Effects 無料 プラグイン エフェクト Thicc Stroke Width Interpolation Linear Smooth


Color

After Effects 無料 プラグイン  エフェクト Thicc Stroke Color 設定

『Color』では『Thicc Stroke』を使って生成したストロークのカラーをコントロールすることができます♪(´ε` )

『Color』▶︎『Mode』で単色(Solid)から4色(グラデーション)まで設定することができます。

After Effects 無料 プラグイン  エフェクト Thicc Stroke Color 設定
Cup ▶︎ Round
After Effects 無料 プラグイン  エフェクト Thicc Stroke Color グラデーション 設定
Cup ▶︎ Butt


Cycle,Loop Colors

『Cycle』は『Mode』で設定したカラーをサイクルアニメーションさせることができます。

After Effects 無料 プラグイン  エフェクト Thicc Stroke Color Cycle アニメーション 設定

『Loop Colors』をONにすることで繰り返しカラーをサイクルさせることができます。

After Effects 無料 プラグイン エフェクト Thicc Stroke Color Loop Colors Off
Loop Colors ▶︎ OFF
After Effects 無料 プラグイン エフェクト Thicc Stroke Color Cycle Colors On
Loop Colors ▶︎ ON

開始点と終了点のカラーを同じにすると、カラーの遷移がスムーズです。

After Effects 無料 プラグイン エフェクト Thicc Stroke Color Loop Colors On サイクルアニメーション



Shift Colors,Reverse Draw Order

『Shift Colors』はワンクリックごとにカラーを1つずつズラすことができます。

『Reverse Draw Order』はカラー設定を反転することができます。

After Effects 無料 プラグイン エフェクト Thicc Stroke Shift Colors Reverse Draw Order

Trim Paths

After Effects 無料 プラグイン エフェクト Thicc Stroke Trim Paths 設定

『Trim Paths』ではストロークのアニメーションをコントロールすることができます٩( ‘ω’ )و

NEXTist
NEXTist

設定方法は『パスのトリミング』と同じなので簡単ですd( ̄  ̄)


Influences

『Influences』では『Trim Paths』で設定したアニメーションから

カラーや線幅にも影響を与えるかを設定することができます⬇︎⬇︎

After Effects 無料 プラグイン エフェクト Thicc Stroke Trim Paths Influences 設定



Quality

Subdivisions Multiplier,FXAA

『Cap』の設定を『Butt』にしていると『Width Interpolation』の設定を『Linear』or『Smooth』のどちらにしていても、ストロークのカーブがきつすぎると補間が間に合わず曲線が割れてしまいます。

Subdivisions Multiplier』の数値を上げることで補間しきれなかった部分をカバーすることができます。

After Effects 無料 プラグイン エフェクト Thicc Stroke Sub divisions 機能 設定

ただし、『Subdivisions Multiplier』の数値を上げすぎるとストロークのエッジがジャギってしまうので

そのジャギを軽減するために『FXAA』の数値を上げてジャギを軽減します。

After Effects 無料 プラグイン エフェクト Thicc Stroke Sub divisions FXAA 機能 設定 50%
FXAA ▶︎ 50%(デフォルト)
After Effects 無料 プラグイン エフェクト Thicc Stroke Sub divisions FXAA 機能 設定 100%
FXAA ▶︎ 100%(デフォルト)
NEXTist
NEXTist

FXAAの効果は色やサイズによって異なりますd( ̄  ̄)
少しぼやけたような感じになることはありますがあまり効果がない…(ー ー;)


『FXAA』は『Thicc Stroke』を作った『Plugin Everything』社がプラグインとして無料提供してくれてます٩( ᐛ )و

ワンボタンでジャギー(ギザギザ)を綺麗に補正(アンチエイリアス)してくれる無料プラグイン『FXAA』を徹底解説した記事はこちら⬇︎⬇︎



最後に

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

以下の記事にまとめているので、興味のある方はぜひ読んでみてください(´∀`*)⬇︎⬇︎


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