【新着】55種類全てのバンドル買い切り『AEJuice ALL BUNDLE Lifetime』がセール価格14,600円(゚∀゚)!!

【After Effects】導入必須のランチャースクリプト『KBar2』を徹底解説!!

Adobe CC AfteAdobe CC After Effects Script KBar2 機能 使い方 解説

After Effects

目次

導入必須のランチャースクリプト『KBar2』を徹底解説!!

ふにゃ太郎
ふにゃ太郎

『KBar2』というスクリプトがネットでかなり評判がいいので気になってます(゚∀゚)

値段はそんなに安くないので、購入を迷っています( ̄∇ ̄;)

NEXTist
NEXTist

今すぐ買え!!とだけ言っておくよ( ´Д`)y━・~~

超絶便利だし、ワークスペースのカスタマイズ好きにはたまらないランチャースクリプトだよ♪(´ε` )

ふにゃ太郎
ふにゃ太郎

欲しいっ(゚∀゚)

でもネット上には具体的なことが解説されている記事や動画がなくって…|ω・`)チラッ

NEXTist
NEXTist

うーん(ー ー;)それじゃ400万円でいいよ〜

ふにゃ太郎
ふにゃ太郎

『KBar2』が1000個買えちゃいますね…( ´Д`;)


今回は超絶便利なランチャースクリプト『KBar2』の機能や使い方

購入方法、ダウンロード・インストール方法を徹底解説していきますd( ̄  ̄)

購入を検討されている方はぜひ参考にしていただければ幸いです(´∀`*)

この記事は以下のような悩みや疑問をお持ちの方に役に立つ記事の内容となってます⬇︎⬇︎


*『KBar2』の機能や使い方、購入からインストール方法まで徹底解説した動画はこちら⬇︎⬇︎




『After Effects』のスクリプト『KBar』とは!?

Adobe CC After Effects Script KBer2 機能 使い方 解説

『KBar2』は

エフェクトやプリセット、エクスプレッション、スクリプトなどを割り当てて

カスタマイズ可能なツールバーを作成することができるランチャースクリプトになります。

ランチャーとは!?

特定の機能をアイコンで一覧表示して

ワンクリックのような簡単な操作ですぐに起動できるようにする機能のことですd( ̄  ̄)



つまり『KBar2』ではツールバーにボタンを作って、作ったボタンに各種機能を割り当てることができます。

Adobe CC After Effects Script KBar2 機能 使い方 解説 ツールバー ボタン カスタマイズ



機能を割り当てるボタンのデザインは600種類のアイコンの中から選択して

好きなカラーをつけることもできますし

Adobe CC After Effects Script KBer2 機能 使い方 解説  アイコン



自作したPNG/SVGファイルをボタンアイコンとして設定することもできます(´∀`*)

Adobe CC After Effects Script KBer2 機能 使い方 解説  アイコン



カスタマイズしたツールバー(KBar)は4つまで開くことでできるので

それぞれお好みのワークスペースに4箇所まで配置することができます♪(´ε` )

ワークスペースのカスタマイズ好きにはたまらないですね(゚∀゚)

Adobe CC After Effects Script KBer2 機能 使い方 解説  ワークスペース 配置


『Kbar2』のボタンアイコンに設定できる機能は以下の7項目になります⬇︎⬇︎



よく使用するエフェクトやアニメーションプリセット、エクスプレッションを設定しておけば

使うまでに毎回2〜3工程の手順を踏む必要がなく

ワンボタンで適用できてしまうので、かなりの作業効率化に繋がりますd( ̄  ̄)



オリジナルのスクリプトの設定もできるので

自作したスクリプトを登録して面倒な作業をボタン1つで処理するように設定することもできちゃいます♪(´ε` )

後ほど超絶便利なスクリプトをいくつか激選して紹介しますので

ぜひコピペ設定して使ってみてください(=´∀`)人(´∀`=)



『KBar2』を購入後、カスタマイズ前に必ず読んでくださいd( ̄  ̄;)
*ランチャーツール『KBar2』を楽しくカスタマイズするために見るべきサイトを紹介!!⬇︎⬇︎

Adobe CC After Effects Script KBar2 プリセット json アイコン 無料 配布 free script スクリプト コピペ 【After Effects】ランチャーツール『KBar2』を楽しくカスタマイズするために見るべきサイトを紹介!!




*『KBar2』にコピペするだけ!!『After Effects』初心者でも使える超絶便利なスクリプトを激選して紹介した記事⬇︎⬇︎

Adobe CC After Effects Script KBar2 ワンボタン 簡単 キーフレーム ベイク スクリプト ソースコード 便利 【After Effects】コピペするだけ!!ランチャーツール『KBar2』+スクリプトで超作業効率化!!



Kbar2』の購入方法

『Kbar2』は『aescripts.com』や『TOOLFARM』といった海外サイトで購入することができます。

国内でもフラッシュバックジャパンで購入することができますが割高です(ー ー;)

Adobe CC After Effects Script KBer2 機能 使い方 解説 価格 比較



『TOOLFAM』も国内サイト『TOOLFAM Japan』がありますが

まだほとんど品数が揃ってません…(ー ー;)


『KBer2』の購入方法

私はaescripts.com』で購入したので

『aescripts.com』で購入する手順を順を追って解説していきますd( ̄  ̄)


まず『aescripts.com』の販売ページに入ります⬇︎⬇︎


『KBar2』の販売ページに入ったら『ADD CART』をクリックします。

Adobe CC After Effects Script KBer2 機能 使い方 解説 aescripts.com 購入 方法



表示された『GO TO SHOPPING CART』をクリック

もしくは右上のカートボタンをクリックします。

Adobe CC After Effects Script KBer2 機能 使い方 解説 aescripts.com 購入 方法



注文内容を確認してから

『PROCEED TO CHECKOUT』をクリックします。

Adobe CC After Effects Script KBer2 機能 使い方 解説 aescripts.com 購入 方法



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

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

Adobe CC After Effects Auto Crop 買い方 購入方法 解説  aescripts ログイン



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

Adobe CC After Effects Auto Crop 買い方 購入方法 解説  aescripts 住所 確認



支払い方法を以下の3つから選択して、必要情報を入力して支払いを完了させてください。

  • 『Use gift card to checkout』= ギフト券
  • 『Credit Card(Secure CIM)』= クレジットカード
  • 『PayPal』
Adobe CC After Effects Auto Crop 買い方 購入方法 解説 aescripts Payment Infomation 支払い方法



支払い手続きが完了したら購入手続きは完了です♪(´ε` )

Adobe CC After Effects Auto Crop 機能 使い方 解説 ダウンロード




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

『KBar2』をダウンロードする方法と『After Effects』へインストールする方法を順を追って解説をしていきますd( ̄  ̄)


KBar2』のダウンロード方法

購入完了画面のオーダー番号の部分をクリックします。

Adobe CC After Effects Auto Crop 機能 使い方 解説 ダウンロード



左側のメニューから『My Downloads & Licenses』を選択して

KBar2』の『Download』をクリックします。

Adobe CC After Effects Script KBer2 機能 使い方 解説 aescripts.com 購入 ダウンロード 方法



別ウィンドウが開くので『KBar2』のダウンロードボタンをクリックします。

Adobe CC After Effects Script KBer2 機能 使い方 解説 aescripts.com 購入 ダウンロード 方法



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

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

Adobe CC After Effects Script KBer2 機能 使い方 解説 aescripts.com 購入 ダウンロード 方法 zip




『KBar2』のインストール方法(アクティベート方法含む)

ダウンロードしたzipファイルを展開してフォルダを表示させます。

Adobe CC After Effects Script KBer2 機能 使い方 解説 aescripts.com 購入 ダウンロード 方法 ファイル



フォルダの中に『kbar-2.0.8.zxp』ファイルが入っていることを確認します。

この『kbar-2.0.8.zxp』を『After Effects』へインストールすることで『KBar2』が使えるようになります^^

Adobe CC After Effects Script KBer2 機能 使い方 解説 aescripts.com 購入 ダウンロード zxp ファイル


『.zxp』をファイルを『After Effects』へインストールするためには

『ZXPInstaller』をダウンロード・インストールする必要がありますd( ̄  ̄)

『ZXPInstaller』はMac・Windowsのどちらでも使えますし

今後『Adobe CC』を使っていくのであれば利用する機会もあるかと思いますので

これを機にぜひダウンロード・インストールしておきましょう^^


『ZXPInstaller』のダウンロード・インストール方法と使い方を解説した記事です⬇︎⬇︎

Adobe CC ZXPInstaller ダウンロード インストール 方法 使い方 解説 【After Effects】『ZXPInstaller』のダウンロード・インストール方法と使い方を解説!!



aescripts.com』でも『ZXP Installer』を提供しています⬇︎⬇︎

Adobe CC After Effects aescripts.com ZXP Installer ダウンロード

*上記で紹介した『ZXPInstaller』の方が使い方はシンプルですd( ̄  ̄)



『ZXPInstaller』を立ち上げます。

ダウンロードしておいた『kbar-2.0.8.zxp』を『ZXPInstaller』へドラッグ&ドロップしてください。

Adobe CC After Effects Script KBer2 機能 使い方 解説 aescripts.com 購入 ダウンロード zxp installer



Your extension has been installed.Please restart your Adobe application.
(拡張機能がインストールされました。Adobeアプリケーションを再起動してください)

と表示されるので『After Effects』を開きます。

Your extension has been installed.Please restart your Adobe application.



『After Effects』を起動して

上部メニューのウィンドウからエクステンションを選択すると

『KBar』1〜4が表示されます。どれでもいいので選択して『KBar』を開きます。

Adobe CC After Effects Script KBar2 機能 使い方 解説 aescripts.com 購入 ダウンロード インストール



ライセンスコードを入力するパネルが表示されるので

Adobe CC After Effects Script KBar2 機能 使い方 解説  ライセンスコード 入力 アクティベート



購入したスクリプトのダウンロードページ(My Download & Licenses)にある

『KBar 2』のライセンスコードをコピーして

Adobe CC After Effects Script KBar2 機能 使い方 解説  ライセンスコード 入力 アクティベート



ライセンスコードを入力欄へペーストして『OK』をクリックします。

Adobe CC After Effects Script KBar2 機能 使い方 解説  ライセンスコード 入力 アクティベート



これで『KBer 2』のインストール、アクティベート完了です( ´ ▽ ` )♪

Adobe CC After Effects Script KBar2 機能 使い方 解説  ライセンスコード 入力 アクティベート




KBar2』の機能と使い方

『KBar2』の機能と使い方を順を追って解説していきますd( ̄  ̄)


『KBar2』の設定は大きく分けて

ボタンやツールバー(パネル)の設定を行う『Buttons』と

Adobe CC AfteAdobe CC After Effects Script KBar2 機能 使い方 解説 セッティングr Effects Script KBar2 機能 使い方 解説 アイコン ボタン BUTTONS



ボタンサイズやボタン同士の間隔を調整したり

バックアップのエクスポートやインポートができる『Settings』に分かれています。

Adobe CC AfteAdobe CC After Effects Script KBar2 機能 使い方 解説 セッティングr Effects Script KBar2 機能 使い方 解説 アイコン ボタン SETTINGS




『BUTTONS』設定

『BUTTONS』設定では主に

新しいツールバーを作る ➡︎『Add Tool Bar』

Adobe CC AfteAdobe CC After Effects Script KBar2 機能 使い方 解説 セッティングr Effects Script KBar2 機能 使い方 解説 アイコン ボタン Add Toolbar



新しいボタンを作る ➡︎『Add Button』を設定することができます。

Adobe CC AfteAdobe CC After Effects Script KBar2 機能 使い方 解説 セッティングr Effects Script KBar2 機能 使い方 解説 アイコン ボタン Add Button



設定の流れとしては『Add Tool Bar』でツールバーを作って

そのツールバーの中に『Add Button』でボタンのデザインや機能を設定していく感じですd( ̄  ̄)

Adobe CC AfteAdobe CC After Effects Script KBar2 機能 使い方 解説 セッティングr Effects Script KBar2 機能 使い方 解説  Add Button 設定


『Add Toolber』➡︎ ツールバーの作成方法

『KBer2』を初めて開くとデフォルトで設定されているツールバーに『KBer Settings』あると思います。

*わかりやすいようの他のデフォルト設定されているボタンは削除しました。

Adobe CC AfteAdobe CC After Effects Script KBar2 機能 使い方 解説 セッティングr Effects Script KBar2 機能 使い方 解説 デフォルト 設定



デフォルトのツールバーとは別に新しくツールバーを作ります。

『Add Toolbar』をクリックして

Adobe CC AfteAdobe CC After Effects Script KBar2 機能 使い方 解説 セッティングr Effects Script KBar2 機能 使い方 解説 新規 ツールバー 作成



『Toolbar name』にツールバーの名前を入力して、OKをクリックします。

Adobe CC AfteAdobe CC After Effects Script KBar2 機能 使い方 解説 セッティングr Effects Script KBar2 機能 使い方 解説 新規 ツールバー 名前



これでデフォルトとは別に『Tool Bar 1』というツールバーができました。

Adobe CC AfteAdobe CC After Effects Script KBar2 機能 使い方 解説 セッティングr Effects Script KBar2 機能 使い方 解説 新規 ツールバー 作成



ツールバーを各パネルへ割り当てる方法

例えば、『Add ToolBar』でツールバーを4つ作ったとします。

*ツールバーは『Add Toolbar』でいくつでも作成可能ですd( ̄  ̄)

Adobe CC AfteAdobe CC After Effects Script KBar2 機能 使い方 解説 セッティングr Effects Script KBar2 機能 使い方 解説 新規 ツールバー 作成



上部メニューのウィンドウからエクステンション ➡︎ KBar 1〜4を選択して

4つの『KBar』パネルを開きます。

Adobe CC AfteAdobe CC After Effects Script KBar2 機能 使い方 解説 セッティングr Effects Script KBar2 機能 使い方 解説 新規 ツールバー 作成



『Kbar』パネルの左上にあるメニューアイコンをクリックして

表示されたメニューの下の方に先ほど作成したツールバーの名前があるので

選択することで『KBar』の4つのツールパネルに作成したツールバーを割り当てることができます。

Adobe CC AfteAdobe CC After Effects Script KBar2 機能 使い方 解説 セッティングr Effects Script KBar2 機能 使い方 解説 新規 ツールバー 切り替え



4つの『KBar』パネルに作成したツールパネル1〜4をそれぞれ割り当てると

以下のようになります。

*アイコンを作成していないのでわかりづらいですが…(ー ー;)

Adobe CC AfteAdobe CC After Effects Script KBar2 機能 使い方 解説 セッティングr Effects Script KBar2 機能 使い方 解説 新規 ツールバー 切り替え




『Add Button』➡︎ ボタンの作成方法

ボタンを作成したいツールバーの『Add Button』をクリックすると

Adobe CC After Effects Script KBar2 機能 使い方 解説 セッティングr Effects Script KBar2 機能 使い方 解説 新規 ツールバー Add Button



ボタンに設定することができる7つの機能が表示されます。

Adobe CC After Effects Script KBar2 機能 使い方 解説 セッティングr Effects Script KBar2 機能 使い方 解説 新規 ツールバー Add Button メニュー



それぞれ項目を実際に設定しながら解説をしていきます⬇︎⬇︎


▶︎ Apply Effects(エフェクト)

Apply Effects』では、ボタンにエフェクトを設定することができます。

設定方法は『Tool Bar 1』の『Add Button』➡︎『Apply Effects』をクリックします。

Adobe CC After Effects Script KBar2 機能 使い方 解説 セッティングr Effects Script KBar2 機能 使い方 解説 新規 ツールバー Add Button Apply Effects



『Effect name』にエフェクト名を入力すると下に該当するエフェクトが表示されるので

ボタンに設定したいエフェクトを選択します。ただ…

Adobe CC After Effects Script KBar2 機能 使い方 解説 セッティングr Effects Script KBar2 機能 使い方 解説 新規 ツールバー Add Button Apply Effects name



こちらの検索ではエフェクト名が日本語版に対応してない様子…

Mac版のAfter Effects 2021 / Kbar 2 (2.0.4)は日本語対応

Windows版のAfter Effects 2021 / Kbar 2 (2.0.4)は一部不具合ありでエフェクトの「日本語登録することができる」とアップデートが報告されていますが

私の場合、Mac版のAfter Effects 2021 / Kbar 2 (2.0.8)の最新で、日本語登録できませんが…(ー ー;)

詳しくはこちら⬇︎⬇︎




対応してない場合は英語名で検索をかける必要があります(ー ー;)

「エフェクトの英語名なんてわかるかよっ( *`ω´)!!」という方のために

日本語版と英語版のエフェクト対応表を作っています。ぜひ活用してください⬇︎⬇︎

Adobe CC After Effects エフェクト リスト 対応表 日本語版 英語版 変換 【After Effects】日本語版と英語版のエフェクト対応表『2021最新版』



『Description』は設定画面でのボタンの名前として表示されたり

ツールパネル上でボタンにカーソルを合わせるとツールチップとして表示されます。

入力は必須となりますので適当に入力しておいてくださいd( ̄  ̄)

Adobe CC After Effects Script KBar2 機能 使い方 解説 セッティングr Effects Script KBar2 機能 使い方 解説 新規 ツールバー Add Button Apply Effects Description



ボタンのデザイン設定は右側にある『ICON』をクリックします。

Adobe CC After Effects Script KBar2 機能 使い方 解説 セッティングr Effects Script KBar2 機能 使い方 解説 新規 ツールバー Add Button Apply Effects ICON



ボタンのデザインは以下の3つから選択して設定することができます⬇︎⬇︎

Adobe CC After Effects Script KBar2 機能 使い方 解説 セッティングr Effects Script KBar2 機能 使い方 解説 新規 ツールバー Add Button Apply Effects ICON デザイン



デフォルトでは『Taxt label』に設定されています。

Adobe CC After Effects Script KBar2 機能 使い方 解説 セッティングr Effects Script KBar2 機能 使い方 解説 新規 ツールバー Add Button Apply Effects ICON



『Text label』ではアイコンの表示を8文字までテキストで表示することができます。

実際にツールバーにどのように表示されるかは、パネル右上で確認することができます。

Adobe CC After Effects Script KBar2 機能 使い方 解説 セッティングr Effects Script KBar2 機能 使い方 解説 新規 ツールバー Add Button Apply Effects ICON Text Label



『PICK COLOR』をクリックすると

Adobe CC After Effects Script KBar2 機能 使い方 解説 セッティングr Effects Script KBar2 機能 使い方 解説 新規 ツールバー Add Button Apply Effects ICON Text Label  PICK  COLOR



カラーピッカーが表示されるので、ボタンを好きなカラーに設定することができます。

Adobe CC After Effects Script KBar2 機能 使い方 解説 セッティングr Effects Script KBar2 機能 使い方 解説 新規 ツールバー Add Button Apply Effects ICON Text Label  PICK  COLOR
Adobe CC After Effects Script KBar2 機能 使い方 解説 セッティングr Effects Script KBar2 機能 使い方 解説 新規 ツールバー Add Button Apply Effects ICON Text Label  PICK  COLOR



ツールバーに作成したボタンは、設定したパネル『Tool Bar 1(Kbar 1)』に表示され

ボタンをワンクリックすることで設定したエフェクト『CC Ball Action』を適用することができます。

Adobe CC After Effects Script KBar2 機能 使い方 解説 セッティングr Effects Script KBar2 機能 使い方 解説 新規 ツールバー Add Button Apply Effects ICON 追加



ちなみに作成したボタンは別のツールバーにドラッグ&ドロップで簡単に移動させることができます。

Adobe CC After Effects Script KBar2 機能 使い方 解説 セッティングr Effects Script KBar2 機能 使い方 解説 新規 ツールバー Add Button Apply Effects ICON 移動



▶︎ Apply Preset(プリセット)

『Apply Preset』では、ボタンにアニメーションプリセットを設定することができます。

『Tool Bar 2』の『Add Button』➡︎『Apply Preset』をクリックします。

Adobe CC After Effects Script KBar2 機能 使い方 解説 セッティングr Effects Script KBar2 機能 使い方 解説 新規 ツールバー Add Button Apply Preset



『BROWSE』をクリックして、ボタンに登録したいプリセットファイル(.ffx)を選択します。

Adobe CC After Effects Script KBar2 機能 使い方 解説 セッティングr Effects Script KBar2 機能 使い方 解説 新規 ツールバー Add Button Apply Preset ffx



『After Effects』のプリセットファイル(.ffx)は『After Effects』アプリケーションファイルの中にある

Adobe CC After Effects Script KBar2 機能 使い方 解説 セッティングr Effects Script KBar2 機能 使い方 解説 新規 ツールバー Add Button Apply Preset ffx



『Presets』フォルダの中に格納されていますd( ̄  ̄)

Adobe CC After Effects Script KBar2 機能 使い方 解説 セッティングr Effects Script KBar2 機能 使い方 解説 新規 ツールバー Add Button Apply Preset ffx



設定画面の表示名やツールチップとして表示される『Descreption』を入力して

右側の『ICON』をクリックします。

Adobe CC After Effects Script KBar2 機能 使い方 解説 セッティングr Effects Script KBar2 機能 使い方 解説 新規 ツールバー Add Button Apply Preset ICON アイコン



アイコンのデザインはデフォルトで『Text label』となっています。

右側のプルダウンをクリックして

Adobe CC After Effects Script KBar2 機能 使い方 解説 セッティングr Effects Script KBar2 機能 使い方 解説 新規 ツールバー Add Button Apply Preset ICON アイコン



今回はボタンのデザインにアイコンを設定していきます。

『Icon』を選択したら約600種類のアイコンが表示されるので

ボタンに利用したいアイコンを選択してください。

Adobe CC After Effects Script KBar2 機能 使い方 解説 セッティングr Effects Script KBar2 機能 使い方 解説 新規 ツールバー Add Button Apply Preset ICON アイコン 選択



アイコンに色をつけたい場合には『PICK COLOR』をクリックして

表示されたカラーピッカーからお好みの色を選択してください。

Adobe CC After Effects Script KBar2 機能 使い方 解説 セッティングr Effects Script KBar2 機能 使い方 解説 新規 ツールバー Add Button Apply Preset ICON アイコン カラー



右上に表示されているアイコンデザインで問題なければ『OK』をクリックして設定を閉じます。

Adobe CC After Effects Script KBar2 機能 使い方 解説 セッティングr Effects Script KBar2 機能 使い方 解説 新規 ツールバー Add Button Apply Preset ICON アイコン カラー



ツールバーに作成したボタンは、設定したパネル『Tool Bar 2(Kbar 2)』に表示され

ボタンをクリックすると、設定したアニメーションプリセット『Soupcun』を適用することができます。

Adobe CC After Effects Script KBar2 機能 使い方 解説 セッティング Add Button Apply Preset



▶︎ Set Expression(エクスプレッション)

Set Expression』では、ボタンにエクスプレッションを設定することができます。

『Tool Bar 3』の『Add Button』➡︎『Set Expression』をクリックします。

Adobe CC After Effects Script KBar2 機能 使い方 解説 セッティング Add Button Set Expression



設定画面の表示名やツールチップとして表示される『Descreption』を入力して

『Expression』の欄にボタンに設定したいエクスプレッションを入力、もしくはコピペしてください。

Adobe CC After Effects Script KBar2 機能 使い方 解説 セッティング Add Button Set Expression



入力したエクスプレッションがきちんと動作するかチェックしたい場合には

エクスプレッションを適用したいプロパティを選択した状態でパネル下にある『TEST』をクリックして適用されるか確認してください。

Adobe CC After Effects Script KBar2 機能 使い方 解説 セッティング Add Button Set Expression TEST



エクスプレッションボタンのアイコンデザインを設定します。

右側の『ICON』をクリックしてください。

Adobe CC After Effects Script KBar2 機能 使い方 解説 セッティング Add Button Set Expression アイコン 設定



アイコンのデザインはデフォルトで『Text label』となっています。

今回はボタンデザインにPNG/SVGを設定していきます。

Adobe CC After Effects Script KBar2 機能 使い方 解説 セッティング Add Button Set Expression アイコン 設定 PNG/SVG



『BROWSE』をクリックして、アイコンに設定したいPNG or SVGを選択します。

*アップロードできるのはデータ容量が32KBまでなので、32KB以内で用意してくださいd( ̄  ̄)

Adobe CC After Effects Script KBar2 機能 使い方 解説 セッティング Add Button Set Expression アイコン 設定 PNG/SVG
Adobe CC After Effects Script KBar2 機能 使い方 解説 セッティング Add Button Set Expression アイコン 設定 PNG/SVG イメージサイズ 制限



右上に表示されているアイコンデザインで問題なければ『OK』をクリックして設定を閉じます。

*PNG/SVGを設定する場合にはカラー変更できません。

Adobe CC After Effects Script KBar2 機能 使い方 解説 セッティング Add Button Set Expression アイコン 設定 PNG/SVG 確認



ツールバーに作成したボタンは、設定したパネル『Tool Bar 3(Kbar 3)』に表示され

ボタンをクリックすると、設定したエクスプレッション『wiggle(1,10)』を適用することができます。

Adobe CC After Effects Script KBar2 機能 使い方 解説 セッティング Add Button Set Expression 設定



▶︎ Invoke Menu Item(メニューアイテム)

『Invoke Menu Item』では、ボタンにメニューアイテムを設定することができます。

『Tool Bar 4』の『Add Button』➡︎『Invoke Menu Item』をクリックします。

Adobe CC fter Effects Script KBar2 機能 使い方 解説 セッティング Add Button Invoke Menu Item



『Menu command name or command id』にボタンに設定したいメニューを入力します。

こちらの検索では日本語版は対応していないので英語版でのメニューを入力しなければいけません。

なので英語版でのメニュー名を調べる必要があります。

Adobe CC fter Effects Script KBar2 機能 使い方 解説 セッティング Add Button Invoke Menu Item


『New Composition』は『After Effects』の英語版でしか機能しません(ー ー;)

確実にメニューの機能をボタンに設定したい場合には『Command ID』を入力すると便利ですd( ̄  ̄)

『Command ID』は『After Effects』のほぼ全てのメニューにIDが割り当ててあるので

それを『Menu command name or command id』へ入力するだけなので簡単です^^

Adobe CC fter Effects Script KBar2 機能 使い方 解説 セッティング Add Button Invoke Menu Item 英語


*【After Effects】の日本語版と英語版のメニューアイテム対応表 + Command ID【ver.2021】の記事はこちら⬇︎⬇︎

Adobe CC After Effects 日本語 英語 対応表 メニューアイテム 一覧 コマンド Command ID list リスト Kbar2 スクリプト 便利 【After Effects】日本語版と英語版のメニューアイテム対応表 + Command ID【ver.2021】




*『After Effects』の日本語版と英語版を切り替える方法を解説した記事や動画はこちら⬇︎⬇︎

After Effects日本語版から英語版へ変換する方法 【After Effects】英語版へ変換させる方法


メニュー表示されているものであればボタンとして設定できるので

特定のインストーラーでインストールするエクステンションも『Invoke Menu Item』から設定することができますd( ̄  ̄)

今回は『Invoke Menu Item』でエクステンションの『Animation Composer 3』を設定していきます⬇︎⬇︎

Adobe CC fter Effects Script KBar2 機能 使い方 解説 セッティング Add Button Invoke Menu Item Animation Composer



『Menu command name or command id』へメニューアイテムと全く同じ文字とスペースで

『Animation Composer 3』と入力します。

設定画面の表示名やツールチップとして表示される『Descreption』も入力します。

Adobe CC fter Effects Script KBar2 機能 使い方 解説 セッティング Add Button Invoke Menu Item



ボタンデザイン『ICON』はオリジナルのPNGを登録しました。

Adobe CC fter Effects Script KBar2 機能 使い方 解説 セッティング Add Button Invoke Menu Item Animation Composer



ツールバーに作成したボタンは、設定したパネル『Tool Bar 4(Kbar 4)』に表示され

ボタンをクリックすると、設定したメニュー(エクステンション)『Animation Composer 3』を開くことができます。

Adobe CC fter Effects Script KBar2 機能 使い方 解説 セッティング Add Button Invoke Menu Item Animation Composer 設定


*『Animation Composer 3 Starter Pack(無料)』のダウンロード・インストール方法を解説した記事はこちら⬇︎⬇︎

Adobe CC After Effects 無料 プラグイン Animation Composer 無料 プラグイン ダウンロード インストール 方法 解説 【After Effects】『Animation Composer Starter Pack(無料)』のダウンロード・インストール方法を解説!!



▶︎ Open Extension(エクステンション)

Open Extension』では、ボタンにエクステンションを設定することができます。

『Tool Bar 1』の『Add Button』➡︎『Open Extension』をクリックします。

Adobe CC fter Effects Script KBar2 機能 使い方 解説 セッティング Add Button Open Extension



上部にあるプルダウンをクリックすると現在『After Effects』にインストールしているエクステンションが表示されるので

ボタンに設定したいエクステンションを選択します。

今回は『Motion Bro』を設定していきます。

Adobe CC fter Effects Script KBar2 機能 使い方 解説 セッティング Add Button Open Extension



設定画面の表示名やツールチップとして表示される『Descreption』を入力します。

ボタンアイコンはオリジナルのPNGを設定しました。

Adobe CC fter Effects Script KBar2 機能 使い方 解説 セッティング Add Button Open Extension
Adobe CC fter Effects Script KBar2 機能 使い方 解説 セッティング Add Button Open Extension アイコン



ツールバーに作成したボタンは、設定したパネル『Tool Bar 1(Kbar 1)』に表示され

ボタンをクリックすると、設定したエクステンション『Motion Bro』を開くことができます。

Adobe CC fter Effects Script KBar2 機能 使い方 解説 セッティング Add Button Open Extension


*1300種類のプリセットが無料で使える『Motion Bro』のダウンロード・インストール方法を解説した記事はこちら⬇︎⬇︎

Adobe After Effects Motion Bro Free Plugin Download Preset Install 無料 フリー プラグイン プリセット インストール ダウンロード 【After Effects】1200種類のプリセットが無料で使える!!『Motion Bro』のダウンロード・インストール方法




▶︎ Run JSX/JSXBIN File(スクリプトファイル)

Run JSX/JSXBIN File』では、ボタンにスクリプトファイルを設定することができます。

『Tool Bar 2』の『Add Button』➡︎『Run JSX/JSXBIN File』をクリックします。

Adobe CC fter Effects Script KBar2 機能 使い方 解説 セッティング Add Button Run JSX/JSXBIN File



『BROWSE』をクリックして

ボタンに設定したいスクリプトファイル(.jxs,.jsxbin)を選択してください。

Adobe CC fter Effects Script KBar2 機能 使い方 解説 セッティング Add Button Run JSX/JSXBIN File  BROWSE



『After Effects』のスクリプトファイル(.jxs,.jsxbin)の保存場所は

アプリケーション ➡︎ 現在使っているバージョンの『After Effects』ファイルを開きます。

Adobe CC After Effects Auto Crop 機能 使い方 解説 無料  ダウンロード インストール アプリケーション ファイル



『Scripts』フォルダを開きます。

Adobe CC After Effects Auto Crop 機能 使い方 解説 無料 ダウンロード インストール スクリプト ファイル jsxbin



『ScriptUI Panels』フォルダの中にスクリプトファイル(.jxs,.jsxbin)が格納されています。

こちらからボタンに設定するスクリプトを選択してください。

Adobe CC After Effects Auto Crop 機能 使い方 解説 無料  ダウンロード インストール スクリプト ファイル jsxbin ScriptULI Panels



『Script function or argument optional』はオプションでスクリプトへ関数や引数を追加できるようですが

入力したことありません…(ー ー;) 空欄で大丈夫です。

設定画面の表示名やツールチップとして表示される『Descreption』も入力します。

『ICON』はオリジナルPNGを設定しました。

Adobe CC fter Effects Script KBar2 機能 使い方 解説 セッティング Add Button Run JSX/JSXBIN File
Adobe CC fter Effects Script KBar2 機能 使い方 解説 セッティング Add Button Run JSX/JSXBIN File  アイコン




ツールバーに作成したボタンは、設定したパネル『Tool Bar 2(Kbar 2)』に表示され

ボタンをクリックすると、設定したスクリプトファイル(.jsxbin)から『Motion Tool 2』を開くことができます。

Adobe CC fter Effects Script KBar2 機能 使い方 解説 セッティング Add Button Run JSX/JSXBIN File  設定


*超便利な万能プラグイン『Motion Tools』の機能と使い方を解説した記事はこちら⬇︎⬇︎

Adobe After Effects Motion Tools Free Plugin 使い方 【After Effects】超便利な無料プラグイン『Motion Tools 2』 の機能と使い方を徹底解説!!




▶︎ Run Scriptlet(スクリプト)

Run Scriptlet』では、自作したスクリプトを設定することができます。

Tool Bar 3』の『Add Button』➡︎『Run Scriptlet』をクリックします。

Adobe CC fter Effects Script KBar2 機能 使い方 解説 セッティング Add Button Run Scriptlet



設定画面の表示名やツールチップとして表示される『Descreption』を入力。

『Script function or argument optional』はオプションでスクリプトへ関数や引数を追加できますが空欄とします。

『Scliptlet』へスクリプトを書く、もしくはコピペしてください。

*こちらのスクリプトはフッテージやコンポジションを100個複製できるスクリプトですd( ̄  ̄)

Adobe CC After Effects Script KBar2 機能 使い方 解説 セッティングr Effects Script KBar2 機能 使い方 解説 新規 ツールバー Add Button  Run Scriptlet
var selectComp = app.project.selection;
for(var i=0; i<99; i++){
 selectComp[0].duplicate();     
}



『TEST』ボタンで入力したスクリプトが正常に動作するか確認することができます。

設定する前に一度確認しておいた方がいいですね^^

Adobe CC After Effects Script KBar2 機能 使い方 解説 セッティングr Effects Script KBar2 機能 使い方 解説 新規 ツールバー Add Button  Run Scriptlet



『ICON』でお好みのアイコンデザインを設定します。

今回は『Text Label』して『PICK COLOR』はブルーに設定しました(゚∀゚)

Adobe CC After Effects Script KBar2 機能 使い方 解説 セッティングr Effects Script KBar2 機能 使い方 解説 新規 ツールバー Add Button  Run Scriptlet アイコン 設定



ツールバーに作成したボタンは、設定したパネル『Tool Bar 3(Kbar 3)』に表示され

ボタンをクリックすると、設定したスクリプトが実行されますd( ̄  ̄)

ランチャーツール+スクリプトの組み合わせは超絶便利 ♪( ´ ▽ ` )

Adobe CC After Effects Script KBar2 機能 使い方 解説 セッティングr Effects Script KBar2 機能 使い方 解説 新規 ツールバー Add Button  Run Scriptlet アイコン 設定



便利なボタンをたくさん作って

ワークスペースに配置してカスタマイズしちゃいましょう♪( ´θ`)ノ

Adobe CC After Effects Script KBar2 機能 使い方 解説 レイアウト



ボタンのショートカット設定

ボタンを作成後に『SETTINGS』のボタン右側にある『>』をクリックすると

プルダウンメニューに各ショートカットキーが表示され

Adobe CC After Effects Script KBar2 機能 使い方 解説  ボタン ショートカットキー 割当


各ボタンごとに追加してショートカットキーで機能を割り当てることができますd( ̄  ̄)

カスタマイズの幅が広がりますね(´∀`*)

Adobe CC After Effects Script KBar2 機能 使い方 解説  ボタン ショートカットキー 割当



『SETTINGS』設定

『SETTINGS』設定では主に3つの機能が用意されています⬇︎⬇︎


『Button Size』➡︎ ボタンサイズの調整

ツールバーに並ぶボタンの表示サイズを拡大・縮小することができます。

Adobe CC After Effects Script KBar2 機能 使い方 解説 セッティングr Effects Script KBar2 機能 使い方 解説 新規 ツールバー Button Size ボタン サイズ 調整




『Button Spacing』➡︎ ボタン同士の間隔を調整

ツールバーに並ぶボタン同士の間隔を拡大・縮小することができます。

Adobe CC After Effects Script KBar2 機能 使い方 解説 セッティングr Effects Script KBar2 機能 使い方 解説 新規 ツールバー Button Spacing 間隔 調整



『Restore or Backup』➡︎ 設定情報のインポート・エクスポート

『KBar2』で設定した全ての情報をバックアップファイル(.json)としてインポート・エクスポートすることで

他の端末へ設定を引き継ぐことができますd( ̄  ̄)

例えば

『KBar2』に設定されたボタンやアイコンなど全ての設定内容を他の『After Effects KBer 2』へ移行したい場合に

まず『SETTINGS』➡︎ 『Backup』を選択します。

Adobe CC After Effects Script KBar2 機能 使い方 解説  SETTINGS Backup



ファイル名の入力と保存場所を指定して『Save』をクリックします。

Adobe CC After Effects Script KBar2 機能 使い方 解説  SETTINGS Backup 名前 保存場所



拡張子が『.json』のバックアップファイルが作成されます。

このファイルで『KBar2』設定情報の復元や移行することができますd( ̄  ̄)

Adobe CC After Effects Script KBar2 機能 使い方 解説  SETTINGS Backup ファイル



他の端末の『After Effects KBar2』を開いて『SETTINGS』➡︎『Restore』をクリックします。

Adobe CC After Effects Script KBar2 機能 使い方 解説  SETTINGS Restore



先ほど書き出しておいたバックアップファイル(.json)を選択して『開く』をクリックします。

Adobe CC After Effects Script KBar2 機能 使い方 解説  SETTINGS Restore ファイル .json



これで全ての設定情報が移行・復元することができます。

ただ、このままだとKBar1〜4の全てに同じツールバーが割り当てられているので

Adobe CC After Effects Script KBar2 機能 使い方 解説  SETTINGS Restore ファイル .json 移行 復元



パネル左上のメニューボタンをクリックして、それぞれのパネルに表示させたいツールバーを割り当ててくださいd( ̄  ̄)

Adobe CC After Effects Script KBar2 機能 使い方 解説  SETTINGS Restore ツールバー 割当 設定



これで『KBar2』の移行完了です♪( ´θ`)ノ

Adobe CC After Effects Script KBar2 機能 使い方 解説  SETTINGS Restore ツールバー 割当 移行 完了


NEXTist
NEXTist

バックアップファイル(.json)を復元・移行した場合には

予め設定していた全ての設定情報が上書きされてしまうので注意してくださいd( ̄  ̄;)




『KBar2』の改善してほしい点

現状でも『Kbar2』の機能は大満足ですが(゚∀゚)

あえて今後のアップデートに期待して改善してほしい点をあげると…

『KBer2』バックアップファイル(.json)を個別にエクスポートできるようにしてほしい…

『SETTING』➡︎ 『Backup』では『KBar2』の全ての設定情報を1つのファイルでしかエクスポートできないので

インポートした場合、現在の設定は全てインポートしたバックアップファイル(.json)の設定へ上書きされてしまいます

ボタンやツールバーなどの設定情報を個別にエクスポートできれば

誰かが作成したかっこいいツールバーやボタンを個別に自分の『KBar2』へ追加することができて

もっとカスタマイズが楽しくなるのにな〜( ̄∇ ̄)

ちなみに海外サイトで『KBar2』のプリセットファイル(.json)やオリジナルのアイコンを無料提供してくれているサイトがいくつかありますd( ̄  ̄)

最初に無料提供されているプリセット(.json)をインポートしてからボタンを追加したり

いらないボタンは削除したりしていった方が圧倒的に効率がいいかと思います^ ^

NEXTist
NEXTist

ガッツリカスタマイズした後で『KBar』の無料プリセットがあることを知ったよ…(ー ー;)

ふにゃ太郎
ふにゃ太郎

それは悲しすぎますね…(゚∀゚;)


*『KBar2』のカスタマイズが楽しくなる!!アイコンやプリセットを無料配布しているサイトを紹介した記事⬇︎⬇︎

準備中


ボタンサイズやボタンスペースが全てツールパネル(KBar1〜4)で連動しないようにしてほしい…

ボタンサイズやボタンスペースを調整すると

『KBar1〜4』の全てのパネルが全て連動して調整されてしまいます。

Adobe CC After Effects Script KBar2 機能 使い方 解説  SETTINGS Restore ファイル .json 移行 復元



各パネルのボタンサイズやボタンスペースを個別に調整できるようになれば

もっとワークスペースのカスタマイズもやりやすくなるのにな〜( ̄∇ ̄)


最後に

『KBar2』は『After Effects』の数あるスクリプトやプラグインの中で

最も導入をおすすめできるスクリプトになりますd( ̄  ̄)

価格は約4,400円と安くはありませんが…

すぐに元は取れますし、超絶便利なスクリプトなのでぜひ導入して使ってみてください(´∀`*)



『KBar2』を購入後、カスタマイズ前に必ず読んでくださいd( ̄  ̄;)
*ランチャーツール『KBar2』を楽しくカスタマイズするために見るべきサイトを紹介!!⬇︎⬇︎

Adobe CC After Effects Script KBar2 プリセット json アイコン 無料 配布 free script スクリプト コピペ 【After Effects】ランチャーツール『KBar2』を楽しくカスタマイズするために見るべきサイトを紹介!!




*『KBar2』にコピペするだけ!!『After Effects』初心者でも使える超絶便利なスクリプトを激選して紹介した記事⬇︎⬇︎

Adobe CC After Effects Script KBar2 ワンボタン 簡単 キーフレーム ベイク スクリプト ソースコード 便利 【After Effects】コピペするだけ!!ランチャーツール『KBar2』+スクリプトで超作業効率化!!


*『KBar2』の無料拡張スクリプト『Primitives』を徹底解説した記事です⬇︎⬇︎

Adobe CC After Effects Script KBar2 無料 拡張スクリプト Primitives 解説 設定 【After Effects】『KBar2』の無料拡張スクリプト『Primitives』を徹底解説!!



*『KBar2』の『Invoke Menu Item』➡︎『Menu command name or command id』に『Command ID』を入力すればワンボタンでメニューを実行することができるようになりますd( ̄  ̄)

【After Effects】の日本語版と英語版のメニューアイテム対応表 + Command ID【ver.2021】の記事はこちら⬇︎⬇︎

Adobe CC After Effects 日本語 英語 対応表 メニューアイテム 一覧 コマンド Command ID list リスト Kbar2 スクリプト 便利 【After Effects】日本語版と英語版のメニューアイテム対応表 + Command ID【ver.2021】


『KBar2』以外にも『After Effects』で使えるおすすめの無料・有料プラグインやスクリプトはたくさんありますd(^^)

【After Effects】おすすめの無料プラグイン+スクリプト

AE Juice (無料版)

*約700種類のプリセットや複数のプラグインを無料で使用できる『AE Juice』のダウンロード・インストール方法を解説した記事はこちら⬇︎⬇︎

Adobe After Effects AE Juice Free Plugin 無料 ダウンロード インストール 【After Effects】『AE Juice』の無料プラグインをダウンロード・インストールする方法


Animation Composer 3 (無料版)

*約100種類以上のアニメーションプリセットや複数のプラグインを無料で使用できる『Animation Composer 3』の機能や使い方を徹底解説した記事はこちら⬇︎⬇︎

Adobe CC After Effects Animation Composer Starter 無料 プラグイン 機能 解説 【After Effects】無料プラグイン『Animation Composer 3 Starter Pack(無料)』の機能と使い方を徹底解説!!


Motion Bro (無料版)

*1200種類のプリセットが無料で使える『Motion Bro』のダウンロード・インストール方法を解説した記事はこちら⬇︎⬇︎

Adobe After Effects Motion Bro Free Plugin Download Preset Install 無料 フリー プラグイン プリセット インストール ダウンロード 【After Effects】1200種類のプリセットが無料で使える!!『Motion Bro』のダウンロード・インストール方法


Utility BOX (無料)

*無料で手に入る超便利な万能スクリプト『Utility BOX』を徹底解説した記事はこちら⬇︎⬇︎

Adobe After Effects Utility BOX 使い方 機能 解説 【After Effects】無料で手に入る超便利な万能スクリプト『Utility BOX』徹底解説!!


【After Effects】無料プラグインまとめ記事

*『After Effects』初心者が絶対に導入すべきおすすめの無料プラグインを紹介した記事はこちら⬇︎⬇︎

Adobe After Effects Free Plugin Script 無料 フリー プラグイン スクリプト 【After Effects】初心者が絶対に導入すべきおすすめの無料プラグイン+スクリプト


【After Effects】おすすめの無料プラグイン+スクリプト

Toko Graphics 4.0(有料)

*2250種類の高品質なグラフィックプリセットが使える『Toko Graphics 4.0』の購入からインストールまでの手順を徹底解説した記事はこちら⬇︎⬇︎

Adobe CC After Effects Toko Graphics 使い方 解説 プリセット 【After Effects】2250種類のプリセットが使える『Toko Graphics 4.0』の購入からインストールまでの手順を徹底解説!!


Motion Tools 2(有料)

*超便利な万能プラグイン『Motion Tools』の機能と使い方を解説した記事はこちら⬇︎⬇︎

Adobe After Effects Motion Tools Free Plugin 使い方 【After Effects】超便利な無料プラグイン『Motion Tools 2』 の機能と使い方を徹底解説!!


Flow(有料)

*『After Effects』必須のイージングプラグイン『Flow』の機能と使い方を解説した記事はこちら⬇︎⬇︎

Adobe CC After Effects Plugin Flow Script プラグイン スクリプト 使い方 機能 解説 【After Effects】イージングプラグイン『Flow』の機能と使い方を徹底解説!!


Auto Crop 3(有料)

*『Auto Crop 3』の機能や使い方、購入方法からインストール方法まで徹底解説した記事はこちら⬇︎⬇︎

Adobe CC After Effects Auto Crop 機能 使い方 解説 ダウンロード インストール 方法 【After Effects】コンポジションを自動クロップできるスクリプト『Auto Crop 3』を徹底解説!!



『Adobe CC』の契約期限切れ間近ではありませんか!?

『Adobe CC コンプリートプラン』が Adobe正規価格の半額【 39,980 円 / 年(税込)】で購入できる方法や

価格、各種サービス内容など徹底的に比較解説した記事を書いてます^^

*『Adobe CC』の契約更新が近い方はぜひ参考にして下さい⬇︎⬇︎

Adobe CC コンプリートプラン 安く買う 方法 【Adobe CC コンプリートプランを安く買う!!】最も安く買う方法と各種サービス内容、買う前の注意点を徹底解説!!





以上、最後まで読んでいただきありがとうございました٩( ‘ω’ )و





コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です