// アナリティクス
【Ae/Pr】25%OFF!!『aescripts+aeplugins』『TOOLFARM』の『Summer of Sales 2024』第1弾本日まで!!

【After Effects】地味に便利なスクリプト『ColorSwap』を紹介!!

After Effects ColorSwap スクリプト 便利 おすすめ ツール

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

Adobe After Effects

ふにゃ太郎
ふにゃ太郎

『Motion Design School』で販売されている『ColorSwap』というスクリプトが気になってます…
『Motion Design School』のツールはどれも便利なのでd(゚∀゚)

NEXTist
NEXTist

地味に便利だし、シンプルで使いやすいよ〜 ^_^

最近は『aescripts+aeplugins』でも販売されるようになってまずまず人気らしいd( ̄  ̄)

ふにゃ太郎
ふにゃ太郎

そうなんですね(゚∀゚)
簡単でもいいのでどんなことができるのか解説していただけないでしょうか… |ω・`)チラッ

NEXTist
NEXTist

いいよ〜、わかる範囲で解説してみるね〜( ´ ▽ ` )♪




*『ColorSwap』を紹介した動画はこちら⬇︎⬇︎




『ColorSwap』とは!?

After Effects スクリプト ColorSwap

『ColorSwap』はプロジェクト内で特定の色を自動検索して、別の色にReplace(置換)、Swap(交換)することができるスクリプトになります。


ColorSwap



『ColorSwap』の主な機能は以下の3つになります⬇︎⬇︎

① Search and Replace ▶︎ 色を自動検出して置き換える

② Swap colors ▶︎ 指定したカラー同士をスワップ(交換)できる

③ Search scope ▶︎ プロジェクトやレイヤー内のカラー情報を自動検索する

After Effects スクリプト ColorSwap 機能 使い方 Search and Replace
① Search and Replace
After Effects スクリプト ColorSwap 機能 使い方 Swap colors
② Swap colors
After Effects スクリプト ColorSwap 機能 使い方 Search scope
③ Search scope
NEXTist
NEXTist

『ColorSwap』はグラデーションにも適用することができます。
まとめて色を置き換える ① Search and Replace と
色を入れ替える ② Swap colorsは超便利でかなり重宝してますd(゚∀゚)

ふにゃ太郎
ふにゃ太郎

色を変更したいところを一々探して選択しなくていいので楽ですね(*´Д`*)



『Regular UI』と『Mini UI』を切り替えてワークスペースを節約することができます。

After Effects スクリプト ColorSwap 機能 使い方 UI 切り替え
After Effects スクリプト ColorSwap Mini UI 便利



【『ColorSwap』の価格比較表 】

Motion Design Schoolaescripts+aeplugins
(海外)
Motion Design School ロゴaescripts+aeplugins ロゴ
通常価格$25(約3,860円)$24.99(約3,860円)
セール価格$18.74(約2,890円(25%OFF)
支払い方法クレジットカード
PayPal
Google Pay
クレジットカード
PayPal
販売サイト販売ページ販売ページ
『ColorSwap』の価格比較表
NEXTist
NEXTist

『Motion Design School』では2023年末に半額セールがありました(*´Д`*)




『ColorSwap』の機能や使い方

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

Replace Color

After Effects スクリプト ColorSwap 機能 使い方 Search and Replace
Search and Replace

『Search and Replace』ではプロジェクト内やレイヤー内に含まれるカラーを自動検索して、指定したカラーに変更(置換)することができます。

『Replace Color(Search and Replace)』機能の場合は

ツールパネルの左側のカラーがプロジェクトやレイヤー内から検索するカラーで

右側のカラーが検索したカラーを変更(置換)するカラーになります。

After Effects スクリプト ColorSwap 機能 使い方 Search and Replace カラー選択
NEXTist
NEXTist

カラーはカラーピッカー、もしくはカラーナンバーで変更することができますd( ̄  ̄)

『Replace Color』ボタンを押すと指定したカラーに変更(置換)されます。

ボタンを押す前にレイヤーを指定してない場合はコンポジション内のカラー全てに自動で適用されます。

After Effects スクリプト ColorSwap 機能 使い方 Replace Color
ふにゃ太郎
ふにゃ太郎

特定のカラーだけ一気に変更したい時も結構あるので、これは便利そうですね( ´ ▽ ` )♪

NEXTist
NEXTist

Shiftを押しながらボタンをクリックするとプロジェクト全てに適用されます。
詳しくは『Search scope』のところで解説してますd( ̄  ̄)

Swap Colors

After Effects スクリプト ColorSwap 機能 使い方 Swap colors
Swap colors

Swap colors』では選択したカラー同士をスワップ(交換)することができます。

スワップしたいカラーを2色指定して『Swap Colors』ボタンを押すと

指定した2色を自動検出してスワップ(交換)します。

After Effects スクリプト ColorSwap 機能 使い方 Swap colors
NEXTist
NEXTist

Shiftを押しながらボタンをクリックするとプロジェクト全てに適用されます。
詳しくは『Search scope』のところで解説してますd( ̄  ̄)

Search scope

『Search scope』はプロジェクトやレイヤー内のカラー情報を自動検索する機能になります。

レイヤーを選択せずに実行した場合には、コンポジション内のカラーを自動検索してReplace(置換)、Swap(交換)します。

After Effects スクリプト ColorSwap 機能 使い方 Search scope コンポジション内

レイヤーを選択して実行した場合には、選択したレイヤーの範囲内でReplace(置換)、Swap(交換)します。

After Effects スクリプト ColorSwap 機能 使い方 Search scope レイヤー

プロジェクト内の全てのレイヤーで Replace(置換)もしくはSwap(交換)を実行したい場合には

『Shift』を押しながらボタンをクリックしてください。

After Effects スクリプト ColorSwap 機能 使い方 Search scope Shift クリック

グラデーション

『ColorSwap』はグラデーションに適用することもできます。

エフェクトの『グラデーション』や『4色グラデーション』のカラーには適用することはできますが

『グラデーション塗り』や『フラクタルノイズ+コロラマ』などのカラーは適用できません。

After Effects スクリプト ColorSwap 機能 使い方 グラデーション


Setting

After Effects スクリプト ColorSwap 機能 使い方 Setting
Setting

歯車アイコンから各種設定を変更することができます。

Regular UI or Mini UI

After Effects スクリプト ColorSwap 機能 使い方 UI  Mini Regular 比較


UI(ユーザーインターフェイス)を『Regular』と『Mini』で切り替えることができます。

After Effects スクリプト ColorSwap 機能 使い方 Regular UI
Regular UI
After Effects スクリプト ColorSwap 機能 使い方 Mini UI
Mini UI



Enable notifications

After Effects スクリプト ColorSwap 機能 使い方 Enable notifications


『Enable notifications』はReplace(置換)もしくはSwap(交換)実行後の適用したカラー数の表示をON /OFFすることができます。

デフォルトではONになっています。

After Effects スクリプト ColorSwap 機能 使い方 Enable notifications
NEXTist
NEXTist

最初は煩わしく感じるかもしれませんが、操作ミスでプロジェクト全体に適用してしまったことに気づかず
保存してしまい大惨事になったこともあったので、慣れるまではONのままでもいいかもしれませんd( ̄  ̄;)



Include keyframed colors

After Effects スクリプト ColorSwap 機能 使い方 Include keyframed colors


『Include keyframed colors』はキーフレームをつけたカラー(塗りや線)まで適用範囲を含めるかどうかを選択できます。

ONにするとキーフレームをつけたカラーも含めてReplace(置換)もしくはSwap(交換)を実行することができます。

デフォルトではOFFになってます。

After Effects スクリプト ColorSwap 機能 使い方 Include keyframed colors



『ColorSwap』のインストールとアクティベート(アカウント認証)の方法

『ColorSwap』のインストールとアクティベート(アカウント認証)の方法を解説します。

『ColorSwap』のインストール手順


スクリプトファイル(.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ファイル(ColorSwap.zip)を展開して

フォルダの中にスクリプトファイル(ColorSwap_MDS.jsxbin)があることを確認します。

After Effects スクリプト ColorSwap インストール 手順 jsxbin

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

After Effects スクリプト ColorSwap インストール 方法 アプリケーション

『Scripts』フォルダーを開いて

After Effects スクリプト ColorSwap インストール 方法 Scriptsフォルダ

『ScriptUI Panels』フォルダーを開いて

After Effects スクリプト ColorSwap インストール 方法 ScriptUI Panels

『ScriptUI Panels』フォルダー内にダウンロードしていたスクリプトファイル『ColorSwap_MDS.jsxbin』をコピペ、またはドラッグ&ドロップして下さい。

これで『After Effects』へのインストール完了です。

After Effects スクリプト ColorSwap インストール 方法 jsxbin


『ColorSwap』のアクティベート(アカウント認証)手順

『After Effects』を開いて

上部メニューのウィンドウメニュー内に『ColorSwap_MDS.jsxbin』が追加されているので開くと

ライセンスコードを入力するウィンドウが表示されます。

After Effects スクリプト ColorSwap ライセンス 認証 方法

『aescripts+aeplugins』で購入した場合には『My Downloads & Licenses』の『License Code』に

After Effects スクリプト ColorSwap ライセンス コード 認証 方法 aescripts+aeplugins
aescripts+aeplugins



『Motion Design School』で購入した場合には『My account』メニューの Script ▶︎ License Key にある番号をコピペしてOKを押してください。

After Effects スクリプト ColorSwap ライセンス コード 認証 方法 Motion Design School
Motion Design School

アクティベート(ライセンス認証)が完了して『ColorSwap』を使うことができます。

After Effects スクリプト ColorSwap ライセンス 認証 手順




最後に

今回紹介した『ColorSwap』以外にも『After Effects』で使える便利なプラグインやスクリプトはたくさんあります。

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


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



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