After Effects
![ふにゃ太郎](https://nextist.net/wp-content/uploads/2021/07/hunyataro.png)
『KBar』というスクリプトがネットでかなり評判がいいので気になってます(゚∀゚)
値段はそんなに安くないので、購入を迷っています( ̄∇ ̄;)
![NEXTist](https://nextist.net/wp-content/uploads/2021/08/nextist-icon.png)
今すぐ買え!!とだけ言っておくよ( ´Д`)y━・~~
超絶便利だし、ワークスペースのカスタマイズ好きにはたまらないランチャースクリプトだよ♪(´ε` )
![ふにゃ太郎](https://nextist.net/wp-content/uploads/2021/07/hunyataro.png)
欲しいっ(゚∀゚)
でもネット上には具体的なことが解説されている記事や動画がなくって…|ω・`)チラッ
![NEXTist](https://nextist.net/wp-content/uploads/2021/08/nextist-icon.png)
うーん(ー ー;)それじゃ400万円でいいよ〜
![ふにゃ太郎](https://nextist.net/wp-content/uploads/2021/07/hunyataro.png)
『KBar』が1000個買えちゃいますね…( ´Д`;)
今回は超絶便利なランチャースクリプト『KBar』の機能や使い方、購入方法、ダウンロード・インストール方法を徹底解説していきますd( ̄  ̄)
購入を検討されている方はぜひ参考にしていただければ幸いです(´∀`*)
この記事は以下のような悩みや疑問をお持ちの方に役に立つ記事の内容となってます⬇︎⬇︎
*『KBar』の機能や使い方、購入からインストール方法まで徹底解説した動画はこちら⬇︎⬇︎
2022年8月8日より開催されているサマーセール開始のタイミングで『KBar2』▶︎『KBar3』がリリースされました(゚∀゚)
![Adobe After Effects Script KBar 機能 使い方 解説](https://nextist.net/wp-content/uploads/2022/08/adobe-after-effects-script-kbar3.jpg)
![NEXTist](https://nextist.net/wp-content/uploads/2021/08/nextist-icon.png)
『KBar3』にアップデートされてより便利になってますが、基本的な操作は『KBar2』と変わらないので、この記事を参考にしてもらって全然大丈夫ですd( ̄  ̄)
*導入必須のランチャースクリプト『KBar』の新機能と『KBar2』と『KBar3』の違いを徹底解説した記事はこちら⬇︎⬇︎
目次
『Adobe After Effects』のスクリプト『KBar』とは!?
![Adobe After Effects Script KBar 機能 使い方 解説](https://nextist.net/wp-content/uploads/2021/10/adobe-cc-after-effects-script-kber2-e1634533196281.jpg)
『KBar』はエフェクトやプリセット、エクスプレッション、スクリプトなどを割り当てて、カスタマイズ可能なツールバーを作成することができるランチャースクリプトになります(゚∀゚)
特定の機能をアイコンで一覧表示して
ワンクリックのような簡単な操作ですぐに起動できるようにする機能のことですd( ̄  ̄)
つまり『KBar』ではツールバーにボタンを作って、作ったボタンに各種機能を割り当てることができます。
![Adobe After Effects Script KBar 機能 使い方 解説 ツールバー ボタン カスタマイズ](https://nextist.net/wp-content/uploads/2021/10/adobe-cc-after-effects-script-kber-toolbar-customize.png)
機能を割り当てるボタンのデザインは600種類のアイコンの中から選択して、好きなカラーをつけることもできますし
![Adobe After Effects Script KBar 機能 使い方 解説 アイコン ボタン](https://nextist.net/wp-content/uploads/2021/10/adobe-cc-after-effects-script-kber-icon-457x1024.png)
自作したPNG/SVGファイルをボタンアイコンとして設定することもできます(´∀`*)
![Adobe After Effects Script KBar 機能 使い方 解説 アイコン ボタン](https://nextist.net/wp-content/uploads/2021/10/adobe-cc-after-effects-script-kber-customize-e1634528992178.png)
カスタマイズしたツールバー(KBar)は4つまで開くことでできるので、それぞれお好みのワークスペースに4箇所まで配置することができます♪(´ε` )
ワークスペースのカスタマイズ好きにはたまらないですね(゚∀゚)
![Adobe CC After Effects Script KBer2 機能 使い方 解説 ワークスペース 配置](https://nextist.net/wp-content/uploads/2021/10/adobe-cc-after-effects-script-kber-work-space.png)
『Kbar』のボタンアイコンに設定できる機能は以下の7項目になります⬇︎⬇︎
よく使用するエフェクトやアニメーションプリセット、エクスプレッションを設定しておけば、使うまでに毎回2〜3工程の手順を踏む必要がなく、ワンボタンで適用できてしまうので、かなりの作業効率化に繋がりますd( ̄  ̄)
オリジナルのスクリプトの設定もできるので、自作したスクリプトを登録して面倒な作業をボタン1つで処理するように設定することもできちゃいます♪(´ε` )
後ほど超絶便利なスクリプトをいくつか激選して紹介しますので、ぜひコピペ設定して使ってみてください(=´∀`)人(´∀`=)
『KBar』を購入後、カスタマイズ前に必ず読んでくださいd( ̄  ̄;)⬇︎⬇︎
*ランチャーツール『KBar』を楽しくカスタマイズするために見るべきサイトを紹介!!⬇︎⬇︎
*『KBar』にコピペするだけ!!『After Effects』初心者でも使える超絶便利なスクリプトを激選して紹介した記事⬇︎⬇︎
『KBar』の購入方法
『KBar』は『aescripts+aeplugins』や『TOOLFARM』といった海外サイトで購入することができますd( ̄  ̄)
国内でもフラッシュバックジャパンで購入することができますが少し割高です(ー ー;)
TOOLFARM | aescripts+aeplugins | FlashBackJapan | |
---|---|---|---|
通常価格 | $39,99(約5,700円) | $39,99(約5,700円) | 6,820円 |
セール価格 | $31,99(約4,500円) | $31,99(約4,500円) | 5,100円 |
アップグレード | $20(約2,900円) | $20(約2,900円) | 3,520円 |
支払い方法 | クレジットカード PayPall | クレジットカード PayPall | クレジットカード 銀行振込 コンビニ決済 |
![NEXTist](https://nextist.net/wp-content/uploads/2021/08/nextist-icon.png)
ちなみに私は『TOOLFARM』で購入しました(゚∀゚)
2022年の10月に『AE Juice』から『KBar』にそっくりな無料エクステンション『AE Juice Toolbar』がリリースされました٩( ᐛ )و
『KBar』にはかなり劣りますが、お試しとして使う分には申し分ないくらいの機能が無料で使えるので
興味のある方はぜひインストールして使ってみてください^^
『AE Juice Toolbar』を使うには『AE Juice Pack Manager(無料)』のインストールが必要ですd( ̄  ̄)
『AE Juice Pack Manager(無料)』を『After Effects』へインストール方法を解説した記事はこちら⬇︎⬇︎
【TOOLFARM】『KBar』の購入方法とダウンロード・インストール方法
まず『TOOLFARM』の『KBar3』販売ページに入ります⬇︎⬇︎
画面右下の『ADD TO CART』をクリックします。
![Adobe After Effects Plugin KBar 解説 無料 プラグイン 使い方 価格比較 安い TOOLFARM 割引 クーポン 最安](https://nextist.net/wp-content/uploads/2021/10/adobe-cc-after-effects-plugin-kbar2-toolfarm.png)
右側にある『PROCEED TO CHECKOUT』をクリックします。
![Adobe After Effects Plugin KBar 解説 無料 プラグイン 使い方 価格比較 安い TOOLFARM 割引 クーポン 最安 購入方法 買い方](https://nextist.net/wp-content/uploads/2021/10/adobe-cc-after-effects-plugin-kbar2-toolfarm-check-out.png)
アカウントを持っている方は『I am a Returning Customer and my Password is』を選択して、メールアドレスとパスワードを入力してログインしてください。
アカウントを持っていない方は『I am a New Customer』を選択して、メールアドレスを入力 ➡︎ 『CONTINUE』をクリックしてください。
![Adobe After Effects Plugin Overload Bar2 解説 無料 プラグイン 使い方 価格比較 安い TOOLFARM 購入 方法 買い方 アカウント 作成](https://nextist.net/wp-content/uploads/2021/11/adobe-cc-after-effects-plugin-overload-account-creat.jpg)
『Please Verify Your Accout(アカウントを確認してください)』と表示されるので、メールボックスを確認します。
![Adobe After Effects Plugin Overload KBar 解説 無料 プラグイン 使い方 価格比較 安い TOOLFARM 購入 方法 買い方 認証 メール Please Verify Your Accout](https://nextist.net/wp-content/uploads/2021/11/adobe-cc-after-effects-plugin-overload-please-verify-your-accout-e1637121044234.png)
入力したメールアドレスに『TOOLFARM』からメールが届いているので、記載されている認証URLをクリックします。
![Adobe After Effects Plugin Overload KBar 解説 無料 プラグイン 使い方 価格比較 安い TOOLFARM 購入 方法 買い方 認証 メール](https://nextist.net/wp-content/uploads/2021/11/adobe-cc-after-effects-plugin-overload-account-creat-mail.jpg)
アカウント作成画面になるので、必要情報を入力して『CREATE USER』をクリックします。
*『TOOLFARM』からセール情報などメールが送られてくるのが嫌な方は『Yes I’d like to receive Toolfarm’s newsletter contaning new products,sales,feebies/tutorials and industry news.』のチェックを外してください。
![Adobe After Effects Plugin Overload 解説 無料 プラグイン 使い方 価格比較 安い TOOLFARM 購入 方法 買い方 アカウント 作成](https://nextist.net/wp-content/uploads/2021/11/adobe-cc-after-effects-plugin-overload-create-account.jpg)
これでアカウントの作成は完了です。
『Continue where you left off.』をクリックして購入ページに戻ります。
![Adobe After Effects Plugin Overload 解説 無料 プラグイン 使い方 価格比較 安い TOOLFARM 購入 方法 買い方 認証 メール アカウント 作成 完了](https://nextist.net/wp-content/uploads/2021/11/adobe-cc-after-effects-plugin-overload-creat-accout-completion.jpg)
支払い方法をクレジットカード or PayPal から選択して、支払い手続きを完了させてください。
![Adobe After Effects Plugin KBar 解説 無料 プラグイン 使い方 価格比較 安い TOOLFARM 割引 クーポン 最安 購入方法 買い方](https://nextist.net/wp-content/uploads/2021/10/adobe-cc-after-effects-plugin-kbar2-toolfarm-credit.png)
これで購入手続きは完了です^^
![Adobe After Effects Plugin Overload 解説 無料 プラグイン 使い方 価格比較 安い TOOLFARM 購入 方法 買い方 完了](https://nextist.net/wp-content/uploads/2021/11/adobe-cc-after-effects-plugin-overload-purchase-completed-e1637123905990.png)
『KBar』購入後、スクリプトファイルをダウンロードする方法と『After Effects』と『Illustrator』へインストール(アクティベート)する方法を解説していきますd( ̄  ̄)
『TOOLFRAM』で購入した場合はダウンロードリンクがメールで送られてくるので『Download Ovarload Here』をクリックしてダウンロードします。
![Adobe After Effects Plugin KBar 解説 無料 プラグイン 使い方 価格比較 安い TOOLFARM 割引 クーポン 最安 購入方法 買い方](https://nextist.net/wp-content/uploads/2021/10/adobe-after-effects-plugin-kbar2-mail-download.png)
原因はわかりませんが、私の場合『Download Ovarload Here』を押してもダウンロードされず…(ー ー;)
別のネット環境やブラウザ、パソコンを変えてもダウンロードされず…
何度も『TOOLFARM』サポートへ連絡してもレスポンスも遅いし、はっきりとした解決策も提案されず…
最終的には『Download Ovarload Here』で右クリックメニュー ➡︎ 新しいウィンドウで開く を選択して
![Adobe CC After Effects Plugin Overload 解説 無料 プラグイン 使い方 価格比較 安い TOOLFARM ダウンロード リンク 不具合](https://nextist.net/wp-content/uploads/2021/11/adobe-cc-after-effects-plugin-overload-toolfarm-download-defect.png)
ページの再読み込みをすると『Overlord-1.22.zip』が無事ダウンロードされましたd( ̄  ̄;)
![Adobe After Effects Plugin Overload 解説 無料 プラグイン 使い方 価格比較 安い TOOLFARM ダウンロード リンク 不具合 ページの再読み込み](https://nextist.net/wp-content/uploads/2021/11/adobe-cc-after-effects-plugin-overload-toolfarm-cannot-download-defect.png)
![Adobe After Effects Plugin KBar 解説 無料 プラグイン 使い方 価格比較 安い TOOLFARM zip ダウンロード エラー](https://nextist.net/wp-content/uploads/2021/10/adobe-after-effects-plugin-kbar2-mail-download-zip-e1659760588132.jpg)
ダウンロードしたzipファイルを展開してフォルダを表示させます。
![Adobe After Effects Plugin KBar 解説 無料 プラグイン 使い方 価格比較 安い TOOLFARM zip ダウンロード](https://nextist.net/wp-content/uploads/2021/10/adobe-after-effects-plugin-kbar2-download-zip.png)
フォルダの中に『kbar-2.0.8.zxp』ファイルが入っていることを確認します。
この『kbar-2.0.8.zxp』を『After Effects』へインストールすることで『KBar2』が使えるようになります^^
![Adobe After Effects Plugin KBar 解説 無料 プラグイン 使い方 価格比較 安い ダウンロード zxp](https://nextist.net/wp-content/uploads/2021/10/adobe-after-effects-plugin-kbar2-download-zxp.png)
『.zxp』をファイルを『After Effects』へインストールするためには『ZXPInstaller』をダウンロード・インストールする必要がありますd( ̄  ̄)
『ZXPInstaller』はMac・Windowsのどちらでも使えますし、今後『Adobe CC』を使っていくのであれば利用する機会もあるかと思いますので、これを機にぜひダウンロード・インストールしておきましょう^^
『ZXPInstaller ★』のダウンロード・インストール方法と使い方を解説した記事はこちらです⬇︎⬇︎
『aescripts.com』でも『ZXP Installer』を提供しています⬇︎⬇︎
![Adobe CC After Effects aescripts.com ZXP Installer ダウンロード](https://nextist.net/wp-content/uploads/2021/10/adobe-cc-after-effects-aescripts-com-zxp-installer.png)
![NEXTist](https://nextist.net/wp-content/uploads/2021/08/nextist-icon.png)
上記で紹介した『ZXPInstaller ★』の方が使い方はシンプルですd( ̄  ̄)
『ZXPInstaller ★』を立ち上げます。
ダウンロードしておいた『kbar-2.0.8.zxp』を『ZXPInstaller』へドラッグ&ドロップしてください。
![Adobe After Effects Script KBar 機能 使い方 解説 aescripts.com 購入 ダウンロード zxp installer](https://nextist.net/wp-content/uploads/2021/10/adobe-cc-after-effects-script-kber2-zxp-install.png)
Your extension has been installed.Please restart your Adobe application.
(拡張機能がインストールされました。Adobeアプリケーションを再起動してください)
と表示されるので『After Effects』を開きます。
![Your extension has been installed.Please restart your Adobe application.](https://nextist.net/wp-content/uploads/2020/03/zxp-install-done.png)
まず、ダウンロードリンクが貼ってあったメールにライセンスコードも記載してあるのでコピーします。
![Adobe After Effects Plugin Overload KBar 解説 無料 プラグイン 使い方 価格比較 安い ライセンス 認証 インストール アクティベート](https://nextist.net/wp-content/uploads/2021/11/adobe-cc-after-effects-plugin-overload-license-activation.png)
『After Effects』を起動して、上部メニューのウィンドウからエクステンションを選択すると『KBar』1〜4が表示されます。どれでもいいので選択して『KBar』を開きます。
![Adobe CC After Effects Script KBar2 機能 使い方 解説 aescripts.com 購入 ダウンロード インストール](https://nextist.net/wp-content/uploads/2021/10/adobe-cc-after-effects-script-kber2-start-up.png)
ライセンスコードを入力するパネルが表示されるので、先ほどコピーしたライセンスコードを入力欄に貼り付けて『OK』をクリックします。
![Adobe CC After Effects Script KBar2 機能 使い方 解説 ライセンスコード 入力 アクティベート](https://nextist.net/wp-content/uploads/2021/10/adobe-cc-after-effects-script-kbar2-settings-activation-licensecode.png)
これで『KBar』のインストール、アクティベート完了です!! お疲れ様でした( ´ ▽ ` )♪
![Adobe After Effects Script KBar 機能 使い方 解説 ライセンスコード 入力 アクティベート](https://nextist.net/wp-content/uploads/2021/10/adobe-cc-after-effects-script-kbar2-install-completion-e1634705678725.png)
【aescripts +aeplugins】『KBar2』購入方法とダウンロード・インストール方法
まず『aescripts +aeplugins』の『KBar2』販売ページに入ります⬇︎⬇︎
『KBar2』の販売ページに入ったら『ADD CART』をクリックします。
![Adobe After Effects Script KBar 機能 使い方 解説 aescripts.com 購入 方法](https://nextist.net/wp-content/uploads/2021/10/adobe-cc-after-effects-script-kber2-add-to-cart.jpg)
表示された『GO TO SHOPPING CART』をクリック、もしくは右上のカートボタンをクリックします。
![Adobe After Effects Script KBar 機能 使い方 解説 aescripts.com 購入 方法](https://nextist.net/wp-content/uploads/2021/10/adobe-cc-after-effects-script-kber2-aescripts-com.jpg)
注文内容を確認してから『PROCEED TO CHECKOUT』をクリックします。
![Adobe After Effects Script KBar 機能 使い方 解説 aescripts.com 購入 方法](https://nextist.net/wp-content/uploads/2021/10/adobe-cc-after-effects-script-kber2-proceed-to-checkout.jpg)
アカウントを持っている方はアドレスとパスワードを入力して『LOGIN』をクリック
アカウントを持っていない方は『REGISTER』をクリックしてアカウントを作成してください。
![Adobe After Effects Auto Crop KBar 買い方 購入方法 解説 aescripts ログイン](https://nextist.net/wp-content/uploads/2021/09/adobe-cc-after-effects-auto-crop-aescrips-login.jpg)
住所を確認して『CONTINUE』をクリックします。
![Adobe After Effects Auto Crop KBar買い方 購入方法 解説 aescripts 住所 確認](https://nextist.net/wp-content/uploads/2021/09/adobe-cc-after-effects-auto-crop-aescrips-address.jpg)
支払い方法を以下の3つから選択して、必要情報を入力して支払いを完了させてください。
- 『Use gift card to checkout』= ギフト券
- 『Credit Card(Secure CIM)』= クレジットカード
- 『PayPal』
![Adobe After Effects Auto Crop KBar 買い方 購入方法 解説 aescripts Payment Infomation 支払い方法](https://nextist.net/wp-content/uploads/2021/10/adobe-cc-after-effects-script-after-effects-am-select-and-set-payment.png)
支払い手続きが完了したら購入手続きは完了です♪(´ε` )
![Adobe After Effects Auto Crop KBar 機能 使い方 解説 ダウンロード](https://nextist.net/wp-content/uploads/2021/09/adobe-cc-after-effects-auto-crop-purchase-completed.png)
『KBar』のスクリプトファイルをダウンロードする方法と『After Effects』へインストールする方法を順を追って解説をしていきますd( ̄  ̄)
購入完了画面のオーダー番号の部分をクリックします。
![Adobe After Effects Auto Crop KBar 機能 使い方 解説 ダウンロード](https://nextist.net/wp-content/uploads/2021/09/adobe-cc-after-effects-auto-crop-download-id.png)
左側のメニューから『My Downloads & Licenses』を選択して『KBar』の『Download』をクリックします。
![Adobe After Effects Script KBar 機能 使い方 解説 aescripts.com 購入 ダウンロード 方法](https://nextist.net/wp-content/uploads/2021/10/adobe-cc-after-effects-script-kber2-download.jpg)
別ウィンドウが開くので『KBar』のダウンロードボタンをクリックします。
![Adobe After Effects Script KBar 機能 使い方 解説 aescripts.com 購入 ダウンロード 方法](https://nextist.net/wp-content/uploads/2021/10/adobe-cc-after-effects-script-kber2-download-apply.jpg)
『.zip』ファイルがダウンロードされます。
これで『AM Select And Set』のインストールに必要なファイルのダウンロードは完了です。
![Adobe After Effects Script KBar 機能 使い方 解説 aescripts.com 購入 ダウンロード 方法 zip](https://nextist.net/wp-content/uploads/2021/10/adobe-cc-after-effects-script-kber2-download-zip-e1634535898501.jpg)
ダウンロードしたzipファイルを展開してフォルダを表示させます。
![Adobe After Effects Script KBar 機能 使い方 解説 aescripts.com 購入 ダウンロード 方法 ファイル](https://nextist.net/wp-content/uploads/2021/10/adobe-cc-after-effects-script-kber2-download-zip-folder11.jpg)
フォルダの中に『kbar-2.0.8.zxp』ファイルが入っていることを確認します。
この『kbar-2.0.8.zxp』を『After Effects』へインストールすることで『KBar2』が使えるようになります^^
![Adobe After Effects Plugin KBar 解説 無料 プラグイン 使い方 価格比較 安い ダウンロード zxp](https://nextist.net/wp-content/uploads/2021/10/adobe-after-effects-plugin-kbar2-download-zxp.png)
『.zxp』をファイルを『After Effects』へインストールするためには『ZXPInstaller』をダウンロード・インストールする必要がありますd( ̄  ̄)
『ZXPInstaller』はMac・Windowsのどちらでも使えますし、今後『Adobe CC』を使っていくのであれば利用する機会もあるかと思いますので、これを機にぜひダウンロード・インストールしておきましょう^^
『ZXPInstaller ★』のダウンロード・インストール方法と使い方を解説した記事です⬇︎⬇︎
『aescripts.com』でも『ZXP Installer』を提供しています⬇︎⬇︎
![Adobe CC After Effects aescripts.com ZXP Installer ダウンロード](https://nextist.net/wp-content/uploads/2021/10/adobe-cc-after-effects-aescripts-com-zxp-installer.png)
![NEXTist](https://nextist.net/wp-content/uploads/2021/08/nextist-icon.png)
上記で紹介した『ZXPInstaller ★』の方が使い方はシンプルですd( ̄  ̄)
![NEXTist](https://nextist.net/wp-content/uploads/2021/08/nextist-icon.png)
今回は『aescripts.com』で購入しているので、そのまま『aescripts.com』の『ZXPInstaller』を使って『KBar』をインストールしていきます⬇︎⬇︎
『ZXP Installer』のダウンロードページへ入ったら、使用中のOSを選択してください。
今回は『Download for macOS』を選択します。
![aescripts + aeplugins ZXP Installer インストール](https://nextist.net/wp-content/uploads/2021/08/aescripts-com-zxp-installer-site-e1629178547639.png)
インストーラーがダウンロードされるのでダブルクリックで開きます。
![aescripts + aeplugins ZXP Installer ダウンロード インストール dmg](https://nextist.net/wp-content/uploads/2021/08/aescripts-com-zxp-installer-dmg-e1629178831913.jpg)
そのまま『ZXP Installer』をインストールする場合は
左側の『aescripts + aeplugins』アイコンを右側のフォルダへドラッグ&ドロップします。
今回だけ使用する場合には左側の『aescripts + aeplugins』アイコンをダブルクリックしてください。
![aescripts + aeplugins ZXP Installer インストール](https://nextist.net/wp-content/uploads/2021/08/aescripts-com-zxp-installer-install.png)
![NEXTist](https://nextist.net/wp-content/uploads/2021/08/nextist-icon.png)
今後、新しいスクリプトをインストールする場合に『ZXP Installer』使う機会はあるかと思いますので、インストールしておいた方がいいです^^
『ZXP Installer』が開いたら左側にある『After Effects』のアイコンをクリックして
ダウンロードしていた『kbar-2.0.8.zxp』ファイルを『ZXP Installer』へドラッグ&ドロップしてください。
![Adobe After Effects Plugin KBar 解説 無料 プラグイン インストール 方法 ZXPInstaller](https://nextist.net/wp-content/uploads/2021/10/adobe-cc-after-effects-plugin-kbar2-install-zxpinstaller.png)
You are about to install KBar(2.0.8)(『KBar』をインストールしようとしています)と表示されるので、『Install』をクリックしてください。
![Adobe After Effects Plugin KBar 解説 無料 プラグイン インストール 方法 ZXPInstaller](https://nextist.net/wp-content/uploads/2021/10/adobe-after-effects-illustrator-plugin-overload-download-install-zxp-installer.png)
これで『KBar』を『After Effects』へインストールすることができました^^
![Adobe After Effects Plugin KBar 解説 無料 プラグイン インストール 方法 ZXPInstaller](https://nextist.net/wp-content/uploads/2021/10/adobe-after-effects-illustrator-plugin-kbar2-install-zxp-installer.png)
まず、購入したスクリプトのダウンロードページ(My Download & Licenses)にある『KBar 2』のライセンスコードをコピーしておきます。
![Adobe After Effects Script KBar 機能 使い方 解説 ライセンスコード 入力 アクティベート](https://nextist.net/wp-content/uploads/2021/10/adobe-cc-after-effects-script-kbar2-settings-activate-licensecode.png)
『After Effects』を起動して、上部メニューのウィンドウからエクステンションを選択すると『KBar』1〜4が表示されます。どれでもいいので選択して『KBar』を開きます。
![Adobe After Effects Script KBar 機能 使い方 解説 aescripts.com 購入 ダウンロード インストール](https://nextist.net/wp-content/uploads/2021/10/adobe-cc-after-effects-script-kber2-start-up.png)
ライセンスコードを入力するパネルが表示されるので、先ほどコピーしたライセンスコードを入力欄に貼り付けて『OK』をクリックします。
![Adobe After Effects Script KBar 機能 使い方 解説 ライセンスコード 入力 アクティベート](https://nextist.net/wp-content/uploads/2021/10/adobe-cc-after-effects-script-kbar2-settings-activation-licensecode.png)
これで『KBar』のインストール、アクティベート完了です!! お疲れ様でした( ´ ▽ ` )♪
![Adobe After Effects Script KBar 機能 使い方 解説 ライセンスコード 入力 アクティベート](https://nextist.net/wp-content/uploads/2021/10/adobe-cc-after-effects-script-kbar2-install-completion-e1634705678725.png)
『KBar』の機能と使い方
『KBar』の機能と使い方を順を追って解説していきますd( ̄  ̄)
- 『BUTTONS』
✔︎『Add Toolbar』➡︎ ツールバーの作成方法
✔︎ ツールバーを各パネルへ割り当てる方法
✔︎『Add Button』➡︎ ボタンの作成方法
▶︎ Apply Effects(エフェクト)
▶︎ Apply Preset(プリセット)
▶︎ Set Expression(エクスプレッション)
▶︎ Invoke Menu Item(メニューアイテム)
▶︎ Open Extension(エクステンション)
▶︎ Run JSX/JSXBIN File(スクリプトファイル)
▶︎ Run Script(スクリプト)
✔︎ ボタンのショートカット設定 - ボタンデザインの変更方法
✔︎『Text label』➡︎ 8文字までテキストを表示
✔︎『Icon』➡︎ 約600種類のアイコンから選択
✔︎『PNG/SVG』➡︎ 容量35KBまでアップロード - 『SETTINGS』
✔︎ 『Button Size』➡︎ ボタンサイズの調整
✔︎ 『Button Spacing』➡︎ ボタン同士の間隔を調整
✔︎ 『Restore or Backup』➡︎ 設定情報のインポート・エクスポート
『KBar』の設定は大きく分けてボタンやツールバー(パネル)の設定を行う『Buttons』と
![Adobe After Effects Script KBar 機能 使い方 解説 セッティング アイコン ボタン BUTTONS](https://nextist.net/wp-content/uploads/2021/10/adobe-cc-after-effects-script-kbar2-button-settings.png)
ボタンサイズやボタン同士の間隔を調整したり、バックアップのエクスポートやインポートができる『Settings』に分かれています。
![Adobe After Effects Script KBar 機能 使い方 解説 セッティング アイコン ボタン SETTINGS](https://nextist.net/wp-content/uploads/2021/10/adobe-cc-after-effects-script-kbar2-settings.png)
『BUTTONS』設定
『BUTTONS』設定では主に
新しいツールバーを作る ➡︎ 『Add Tool Bar』
![Adobe CC After Effects Script KBar 機能 使い方 解説 セッティング アイコン ボタン Add Toolbar](https://nextist.net/wp-content/uploads/2021/10/adobe-cc-after-effects-script-kbar2-add-toolbar.png)
新しいボタンを作る ➡︎『Add Button』を設定することができます。
![Adobe After Effects Script KBar 機能 使い方 解説 セッティング アイコン ボタン Add Button](https://nextist.net/wp-content/uploads/2021/10/adobe-cc-after-effects-script-kbar2-add-button.png)
設定の流れとしては『Add Tool Bar』でツールバーを作って、そのツールバーの中に『Add Button』でボタンのデザインや機能を設定していく感じですd( ̄  ̄)
![Adobe After Effects Script KBar 機能 使い方 解説 セッティング Add Button 設定](https://nextist.net/wp-content/uploads/2021/10/adobe-cc-after-effects-script-kbar2-add-button-settings.png)
『KBer』を初めて開くとデフォルトで設定されているツールバーに『KBer Settings』あると思います。
*わかりやすいようの他のデフォルト設定されているボタンは削除しました。
![Adobe After Effects Script KBar 機能 使い方 解説 セッティング デフォルト 設定](https://nextist.net/wp-content/uploads/2021/10/adobe-cc-after-effects-script-kbar2-default.png)
デフォルトのツールバーとは別に新しくツールバーを作ります。
『Add Toolbar』をクリックして
![Adobe After Effects Script KBar 機能 使い方 解説 セッティング 新規 ツールバー 作成](https://nextist.net/wp-content/uploads/2021/10/adobe-cc-after-effects-script-kbar2-toolbar-addition11.png)
『Toolbar name』にツールバーの名前を入力して、OKをクリックします。
![Adobe After Effects Script KBar 機能 使い方 解説 セッティング 新規 ツールバー 名前](https://nextist.net/wp-content/uploads/2021/10/adobe-cc-after-effects-script-kbar2-toolbar-name.png)
これでデフォルトとは別に『Tool Bar 1』というツールバーができました。
![Adobe After Effects Script KBar 機能 使い方 解説 セッティング 新規 ツールバー 作成](https://nextist.net/wp-content/uploads/2021/10/adobe-cc-after-effects-script-kbar2-new-toolbar-.png)
例えば、『Add ToolBar』でツールバーを4つ作ったとします。
*ツールバーは『Add Toolbar』でいくつでも作成可能ですd( ̄  ̄)
![Adobe After Effects Script KBar 機能 使い方 解説 セッティング 新規 ツールバー 作成](https://nextist.net/wp-content/uploads/2021/10/adobe-cc-after-effects-script-kbar2-toolbar-4.png)
上部メニューのウィンドウからエクステンション ➡︎ KBar 1〜4を選択して、4つの『KBar』パネルを開きます。
![Adobe After Effects Script KBar 機能 使い方 解説 セッティング 新規 ツールバー 作成](https://nextist.net/wp-content/uploads/2021/10/adobe-cc-after-effects-script-kbar2-toolbar-create-new.png)
『Kbar』パネルの左上にあるメニューアイコンをクリックして、表示されたメニューの下の方に先ほど作成したツールバーの名前があるので、選択することで『KBar』の4つのツールパネルに作成したツールバーを割り当てることができます。
![Adobe After Effects Script KBar 機能 使い方 解説 セッティング 切り替え](https://nextist.net/wp-content/uploads/2021/10/adobe-cc-after-effects-script-kbar2-toolbar-switching.png)
4つの『KBar』パネルに作成したツールパネル1〜4をそれぞれ割り当てると以下のようになります。
*アイコンを作成していないのでわかりづらいですが…(ー ー;)
![Adobe After Effects Script KBar 機能 使い方 解説 セッティング 切り替え](https://nextist.net/wp-content/uploads/2021/10/adobe-cc-after-effects-script-kbar2-toolbar-switching-sorting.png)
ボタンを作成したいツールバーの『Add Button』をクリックすると
![Adobe After Effects Script KBar 機能 使い方 解説 セッティング Add Button](https://nextist.net/wp-content/uploads/2021/10/adobe-cc-after-effects-script-kbar2-add-button-push.png)
ボタンに設定することができる7つの機能が表示されます。
![Adobe After Effects Script KBar 機能 使い方 解説 セッティング Add Button メニュー](https://nextist.net/wp-content/uploads/2021/10/adobe-cc-after-effects-script-kbar2-add-button-menu.png)
それぞれ項目を実際に設定しながら解説をしていきます⬇︎⬇︎
▶︎ Apply Effects(エフェクト)
『Apply Effects』では、ボタンにエフェクトを設定することができます。
設定方法は『Tool Bar 1』の『Add Button』➡︎『Apply Effects』をクリックします。
![Adobe After Effects Script KBar 機能 使い方 解説 セッティング Add Button Apply Effects](https://nextist.net/wp-content/uploads/2021/10/adobe-cc-after-effects-script-kbar2-add-button-apply-effects.png)
『Effect name』にエフェクト名を入力すると下に該当するエフェクトが表示されるので、ボタンに設定したいエフェクトを選択します。ただ…
![Adobe After Effects Script KBar 機能 使い方 解説 セッティング Add Button Apply Effects name](https://nextist.net/wp-content/uploads/2021/10/adobe-cc-after-effects-script-kbar2-add-button-apply-effect-name.png)
こちらの検索ではエフェクト名が日本語版に対応してない様子…
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)の最新で、日本語登録できませんが…(ー ー;)
詳しくはこちら⬇︎⬇︎
対応してない場合は英語名で検索をかける必要があります(ー ー;)
「エフェクトの英語名なんてわかるかよっ( *`ω´)!!」という方のために日本語版と英語版のエフェクト対応表を作っています。ぜひ活用してください⬇︎⬇︎
『Description』は設定画面でのボタンの名前として表示されたり、ツールパネル上でボタンにカーソルを合わせるとツールチップとして表示されます。
入力は必須となりますので適当に入力しておいてくださいd( ̄  ̄)
![Adobe After Effects Script KBar 機能 使い方 解説 セッティング Add Button Apply Effects Description](https://nextist.net/wp-content/uploads/2021/10/adobe-cc-after-effects-script-kbar2-add-button-apply-effect-description.png)
ボタンのデザイン設定は右側にある『ICON』をクリックします。
![Adobe After Effects Script KBar 機能 使い方 解説 セッティング Add Button Apply Effects ICON](https://nextist.net/wp-content/uploads/2021/10/adobe-cc-after-effects-script-kbar2-add-button-apply-effect-icon.png)
ボタンのデザインは以下の3つから選択して設定することができます⬇︎⬇︎
![Adobe After Effects Script KBar 機能 使い方 解説 セッティング Add Button Apply Effects ICON デザイン](https://nextist.net/wp-content/uploads/2021/10/adobe-cc-after-effects-script-kbar2-add-button-apply-effect-icon-design.png)
- 『Text label』➡︎ 8文字までテキストを表示させることができます。(設定方法はこちら⬇︎)
- 『Icon』➡︎ 約600種類から選ぶことができます。(設定方法はこちら⬇︎)
- 『PNG/SVG』➡︎ 容量35KBまでアップロードすることができます。(設定方法はこちら⬇︎)
デフォルトでは『Taxt label』に設定されています。
![Adobe After Effects Script KBar 機能 使い方 解説 セッティング Add Button Apply Effects ICON](https://nextist.net/wp-content/uploads/2021/10/adobe-cc-after-effects-script-kbar2-add-button-apply-effect-icon.png)
『Text label』ではアイコンの表示を8文字までテキストで表示することができます。
実際にツールバーにどのように表示されるかは、パネル右上で確認することができます。
![Adobe After Effects Script KBar 機能 使い方 解説 セッティング Add Button Apply Effects ICON Text Label](https://nextist.net/wp-content/uploads/2021/10/adobe-cc-after-effects-script-kbar2-add-button-apply-effect-icon-text-label.png)
『PICK COLOR』をクリックすると
![Adobe After Effects Script KBar 機能 使い方 解説 セッティング Add Button Apply Effects ICON Text Label PICK COLOR](https://nextist.net/wp-content/uploads/2021/10/adobe-cc-after-effects-script-kbar2-add-button-apply-effect-icon-text-label-pick-color.png)
カラーピッカーが表示されるので、ボタンを好きなカラーに設定することができます。
![Adobe After Effects Script KBar 機能 使い方 解説 セッティング Add Button Apply Effects ICON Text Label PICK COLOR](https://nextist.net/wp-content/uploads/2021/10/adobe-cc-after-effects-script-kbar2-add-button-apply-effect-icon-text-label-pick-color-apply-e1634565887118.png)
![Adobe After Effects Script KBar 機能 使い方 解説 セッティング Add Button Apply Effects ICON Text Label PICK COLOR](https://nextist.net/wp-content/uploads/2021/10/adobe-cc-after-effects-script-kbar2-add-button-apply-effect-icon-text-label-pick-color-settings11.png)
ツールバーに作成したボタンは、設定したパネル『Tool Bar 1(Kbar 1)』に表示され、ボタンをワンクリックすることで設定したエフェクト『CC Ball Action』を適用することができます。
![Adobe After Effects Script KBar 機能 使い方 解説 セッティング Add Button Apply Effects ICON 追加](https://nextist.net/wp-content/uploads/2021/10/adobe-cc-after-effects-script-kbar2-add-button-apply-effect-button.png)
ちなみに作成したボタンは別のツールバーにドラッグ&ドロップで簡単に移動させることができます。
![Adobe After Effects Script KBar 機能 使い方 解説 セッティング Add Button Apply Effects ICON 移動](https://nextist.net/wp-content/uploads/2021/10/adobe-cc-after-effects-script-kbar2-add-button-apply-effect-button-shift.png)
▶︎ Apply Preset(プリセット)
『Apply Preset』では、ボタンにアニメーションプリセットを設定することができます。
『Tool Bar 2』の『Add Button』➡︎『Apply Preset』をクリックします。
![Adobe After Effects Script KBar 機能 使い方 解説 セッティング Add Button Apply Preset](https://nextist.net/wp-content/uploads/2021/10/adobe-cc-after-effects-script-kbar2-add-button-apply-preset.png)
『BROWSE』をクリックして、ボタンに登録したいプリセットファイル(.ffx)を選択します。
![Adobe After Effects Script KBar 機能 使い方 解説 セッティング Add Button Apply Preset ffx](https://nextist.net/wp-content/uploads/2021/10/adobe-cc-after-effects-script-kbar2-add-button-apply-preset-ffx-file.png)
『After Effects』のプリセットファイル(.ffx)は『After Effects』アプリケーションファイルの中にある
![Adobe After Effects Script KBar 機能 使い方 解説 セッティング Add Button Apply Preset ffx](https://nextist.net/wp-content/uploads/2021/10/adobe-cc-after-effects-script-kbar2-add-button-apply-preset-ffx-file-folder.png)
『Presets』フォルダの中に格納されていますd( ̄  ̄)
![Adobe After Effects Script KBar 機能 使い方 解説 セッティング Add Button Apply Preset ffx](https://nextist.net/wp-content/uploads/2021/10/adobe-cc-after-effects-script-kbar2-preset-ffx-file-folder.png)
設定画面の表示名やツールチップとして表示される『Descreption』を入力して、右側の『ICON』をクリックします。
![Adobe After Effects Script KBar 機能 使い方 解説 新規 ツールバー Add Button Apply Preset ICON アイコン](https://nextist.net/wp-content/uploads/2021/10/adobe-cc-after-effects-script-kbar2-add-button-apply-preset-icon.png)
アイコンのデザインはデフォルトで『Text label』となっています。
右側のプルダウンをクリックして
![Adobe After Effects Script KBar 機能 使い方 解説 セッティング Add Button Apply Preset ICON アイコン](https://nextist.net/wp-content/uploads/2021/10/adobe-cc-after-effects-script-kbar2-add-button-apply-preset-icon-design.png)
今回はボタンのデザインにアイコンを設定していきます。
『Icon』を選択したら約600種類のアイコンが表示されるので、ボタンに利用したいアイコンを選択してください。
![Adobe After Effects Script KBar 機能 使い方 解説 セッティング Add Button Apply Preset ICON アイコン 選択](https://nextist.net/wp-content/uploads/2021/10/adobe-cc-after-effects-script-kbar2-add-button-apply-preset-icon-choice.png)
アイコンに色をつけたい場合には『PICK COLOR』をクリックして、表示されたカラーピッカーからお好みの色を選択してください。
![Adobe After Effects Script KBar 機能 使い方 解説 セッティング Add Button Apply Preset ICON アイコン カラー](https://nextist.net/wp-content/uploads/2021/10/adobe-cc-after-effects-script-kbar2-add-button-apply-preset-icon-color.png)
右上に表示されているアイコンデザインで問題なければ『OK』をクリックして設定を閉じます。
![Adobe After Effects Script KBar 機能 使い方 解説 セッティング Add Button Apply Preset ICON アイコン カラー](https://nextist.net/wp-content/uploads/2021/10/adobe-cc-after-effects-script-kbar2-add-button-apply-preset-icon-color-choice.png)
ツールバーに作成したボタンは、設定したパネル『Tool Bar 2(Kbar 2)』に表示され、ボタンをクリックすると、設定したアニメーションプリセット『Soupcun』を適用することができます。
![Adobe After Effects Script KBar 機能 使い方 解説 セッティング Add Button Apply Preset](https://nextist.net/wp-content/uploads/2021/10/adobe-cc-after-effects-script-kbar2-add-button-apply-preset-settings.png)
▶︎ Set Expression(エクスプレッション)
『Set Expression』では、ボタンにエクスプレッションを設定することができます。
『Tool Bar 3』の『Add Button』➡︎『Set Expression』をクリックします。
![Adobe After Effects Script KBar 機能 使い方 解説 セッティング Add Button Set Expression](https://nextist.net/wp-content/uploads/2021/10/adobe-cc-after-effects-script-kbar2-add-button-set-expression.png)
設定画面の表示名やツールチップとして表示される『Descreption』を入力して『Expression』の欄にボタンに設定したいエクスプレッションを入力、もしくはコピペしてください。
![Adobe After Effects Script KBar 機能 使い方 解説 セッティング Add Button Set Expression](https://nextist.net/wp-content/uploads/2021/10/adobe-cc-after-effects-script-kbar2-add-button-set-expression-wiggle-setting.png)
入力したエクスプレッションがきちんと動作するかチェックしたい場合には、エクスプレッションを適用したいプロパティを選択した状態でパネル下にある『TEST』をクリックして適用されるか確認してください。
![Adobe After Effects Script KBar 機能 使い方 解説 セッティング Add Button Set Expression TEST](https://nextist.net/wp-content/uploads/2021/10/adobe-cc-after-effects-script-kbar2-add-button-set-expression-test.png)
エクスプレッションボタンのアイコンデザインを設定します。
右側の『ICON』をクリックしてください。
![Adobe After Effects Script KBar 機能 使い方 解説 セッティング Add Button Set Expression アイコン 設定](https://nextist.net/wp-content/uploads/2021/10/adobe-cc-after-effects-script-kbar2-add-button-set-expression-icon.png)
アイコンのデザインはデフォルトで『Text label』となっています。
今回はボタンデザインにPNG/SVGを設定していきます。
![Adobe After Effects Script KBar 機能 使い方 解説 セッティング Add Button Set Expression アイコン 設定 PNG/SVG](https://nextist.net/wp-content/uploads/2021/10/adobe-cc-after-effects-script-kbar2-add-button-set-expression-icon-png_svg.png)
『BROWSE』をクリックして、アイコンに設定したいPNG or SVGを選択します。
*アップロードできるのはデータ容量が32KBまでなので、32KB以内で用意してくださいd( ̄  ̄)
![Adobe After Effects Script KBar 機能 使い方 解説 セッティング Add Button Set Expression アイコン 設定 PNG/SVG](https://nextist.net/wp-content/uploads/2021/10/adobe-cc-after-effects-script-kbar2-add-button-set-expression-icon-png-svg.png)
![Adobe After Effects Script KBar 機能 使い方 解説 セッティング Add Button Set Expression アイコン 設定 PNG/SVG イメージサイズ 制限](https://nextist.net/wp-content/uploads/2021/10/adobe-cc-after-effects-script-kbar2-add-button-set-expression-icon-png-svg-image-size-over.png)
右上に表示されているアイコンデザインで問題なければ『OK』をクリックして設定を閉じます。
*PNG/SVGを設定する場合にはカラー変更できません。
![Adobe After Effects Script KBar 機能 使い方 解説 セッティング Add Button Set Expression アイコン 設定 PNG/SVG 確認](https://nextist.net/wp-content/uploads/2021/10/adobe-cc-after-effects-script-kbar2-add-button-set-expression-icon-png-svg-check.png)
ツールバーに作成したボタンは、設定したパネル『Tool Bar 3(Kbar 3)』に表示され、ボタンをクリックすると設定したエクスプレッション『wiggle(1,10)』を適用することができます。
![Adobe After Effects Script KBar 機能 使い方 解説 セッティング Add Button Set Expression 設定](https://nextist.net/wp-content/uploads/2021/10/adobe-cc-after-effects-script-kbar2-add-button-set-expression-icon-png-svg-settings.png)
▶︎ Invoke Menu Item(メニューアイテム)
『Invoke Menu Item』では、ボタンにメニューアイテムを設定することができます。
『Tool Bar 4』の『Add Button』➡︎『Invoke Menu Item』をクリックします。
![After Effects Script KBar 機能 使い方 解説 セッティング Add Button Invoke Menu Item](https://nextist.net/wp-content/uploads/2021/10/adobe-cc-after-effects-script-kbar2-add-button-invoke-menu-item.png)
『Menu command name or command id』にボタンに設定したいメニューを入力します。
こちらの検索では日本語版は対応していないので英語版でのメニューを入力しなければいけません。
なので英語版でのメニュー名を調べる必要があります。
![After Effects Script KBar 機能 使い方 解説 セッティング Add Button Invoke Menu Item](https://nextist.net/wp-content/uploads/2021/10/adobe-cc-after-effects-script-kbar2-add-button-set-menu-command-name-or-command-id.png)
『New Composition』は『After Effects』の英語版でしか機能しません(ー ー;)
確実にメニューの機能をボタンに設定したい場合には『Command ID』を入力すると便利ですd( ̄  ̄)
『Command ID』は『After Effects』のほぼ全てのメニューにIDが割り当ててあるので、それを『Menu command name or command id』へ入力するだけなので簡単です^^
![After Effects Script KBar 機能 使い方 解説 セッティング Add Button Invoke Menu Item 英語](https://nextist.net/wp-content/uploads/2021/10/adobe-cc-after-effects-script-kbar2-add-button-set-menu-command-name-or-command-id-english-e1634621045415.png)
*【After Effects】の日本語版と英語版のメニューアイテム対応表 + Command ID【ver.2021】の記事はこちら⬇︎⬇︎
*『After Effects』の日本語版と英語版を切り替える方法を解説した記事や動画はこちら⬇︎⬇︎
メニュー表示されているものであればボタンとして設定できるので、特定のインストーラーでインストールするエクステンションも『Invoke Menu Item』から設定することができますd( ̄  ̄)
今回は『Invoke Menu Item』でエクステンションの『Animation Composer 3』を設定していきます⬇︎⬇︎
![After Effects Script KBar 機能 使い方 解説 セッティング Add Button Invoke Menu Item Animation Composer](https://nextist.net/wp-content/uploads/2021/10/adobe-cc-after-effects-script-kbar2-add-button-set-menu-command-name-or-command-id-animation-composer.png)
『Menu command name or command id』へメニューアイテムと全く同じ文字とスペースで『Animation Composer 3』と入力します。
設定画面の表示名やツールチップとして表示される『Descreption』も入力します。
![After Effects Script KBar 機能 使い方 解説 セッティング Add Button Invoke Menu Item](https://nextist.net/wp-content/uploads/2021/10/adobe-cc-after-effects-script-kbar2-add-button-set-menu-command-name-or-command-id-setting.png)
ボタンデザイン『ICON』はオリジナルのPNGを登録しました。
![After Effects Script KBar 機能 使い方 解説 セッティング Add Button Invoke Menu Item Animation Composer](https://nextist.net/wp-content/uploads/2021/10/adobe-cc-after-effects-script-kbar2-add-button-set-menu-command-name-or-command-id-setting-icon-e1634627784591.png)
ツールバーに作成したボタンは、設定したパネル『Tool Bar 4(Kbar 4)』に表示され、ボタンをクリックすると設定したメニュー(エクステンション)『Animation Composer 3』を開くことができます。
![After Effects Script KBar 機能 使い方 解説 セッティング Add Button Invoke Menu Item Animation Composer 設定](https://nextist.net/wp-content/uploads/2021/10/adobe-cc-after-effects-script-kbar2-add-button-set-menu-command-name-or-command-id-apply.png)
*『Animation Composer 3 Starter Pack(無料)』のダウンロード・インストール方法を解説した記事はこちら⬇︎⬇︎
▶︎ Open Extension(エクステンション)
『Open Extension』では、ボタンにエクステンションを設定することができます。
『Tool Bar 1』の『Add Button』➡︎『Open Extension』をクリックします。
![After Effects Script KBar 機能 使い方 解説 セッティング Add Button Open Extension](https://nextist.net/wp-content/uploads/2021/10/adobe-cc-after-effects-script-kbar2-add-button-opne-extension.png)
上部にあるプルダウンをクリックすると現在『After Effects』にインストールしているエクステンションが表示されるので、ボタンに設定したいエクステンションを選択します。
今回は『Motion Bro』を設定していきます。
![After Effects Script KBar 機能 使い方 解説 セッティング Add Button Open Extension](https://nextist.net/wp-content/uploads/2021/10/adobe-cc-after-effects-script-kbar2-add-button-opne-extension-choice.png)
設定画面の表示名やツールチップとして表示される『Descreption』を入力します。
ボタンアイコンはオリジナルのPNGを設定しました。
![After Effects Script KBar 機能 使い方 解説 セッティング Add Button Open Extension](https://nextist.net/wp-content/uploads/2021/10/874978740be63a5f8f600731fd29cbfd.png)
![After Effects Script KBar 機能 使い方 解説 セッティング Add Button Open Extension アイコン](https://nextist.net/wp-content/uploads/2021/10/adobe-cc-after-effects-script-kbar2-add-button-opne-extension-icon-setting.png)
ツールバーに作成したボタンは、設定したパネル『Tool Bar 1(Kbar 1)』に表示され、ボタンをクリックすると、設定したエクステンション『Motion Bro』を開くことができます。
![Adobe After Effects Script KBar 機能 使い方 解説 セッティング Add Button Open Extension](https://nextist.net/wp-content/uploads/2021/10/adobe-cc-after-effects-script-kbar2-add-button-opne-extension-setting.png)
*1300種類のプリセットが無料で使える『Motion Bro』のダウンロード・インストール方法を解説した記事はこちら⬇︎⬇︎
▶︎ Run JSX/JSXBIN File(スクリプトファイル)
『Run JSX/JSXBIN File』では、ボタンにスクリプトファイルを設定することができます。
『Tool Bar 2』の『Add Button』➡︎『Run JSX/JSXBIN File』をクリックします。
![After Effects Script KBar 機能 使い方 解説 セッティング Add Button Run JSX/JSXBIN File](https://nextist.net/wp-content/uploads/2021/10/adobe-cc-after-effects-script-kbar2-add-button-run-jsx-jsxbin-file.png)
『BROWSE』をクリックして、ボタンに設定したいスクリプトファイル(.jxs,.jsxbin)を選択してください。
![After Effects Script KBar 機能 使い方 解説 セッティング Add Button Run JSX/JSXBIN File BROWSE](https://nextist.net/wp-content/uploads/2021/10/adobe-cc-after-effects-script-kbar2-add-button-run-jsx-jsxbin-file-browse.png)
『After Effects』のスクリプトファイル(.jxs,.jsxbin)の保存場所は、アプリケーション ➡︎ 現在使っているバージョンの『After Effects』ファイルを開きます。
![Adobe CC After Effects Auto Crop KBar 機能 使い方 解説 無料 ダウンロード インストール アプリケーション ファイル](https://nextist.net/wp-content/uploads/2021/09/adobe-cc-after-effects-auto-crop-install-application-file.jpg)
『Scripts』フォルダを開きます。
![Adobe CC After Effects Auto Crop KBar 機能 使い方 解説 無料 ダウンロード インストール スクリプト ファイル jsxbin](https://nextist.net/wp-content/uploads/2021/09/adobe-cc-after-effects-auto-crop-install-scripts-file.jpg)
『ScriptUI Panels』フォルダの中にスクリプトファイル(.jxs,.jsxbin)が格納されています。
こちらからボタンに設定するスクリプトを選択してください。
![Adobe After Effects Auto Crop 機能 使い方 解説 無料 ダウンロード インストール スクリプト ファイル jsxbin ScriptUI Panels](https://nextist.net/wp-content/uploads/2021/09/adobe-cc-after-effects-auto-crop-install-scriptui-panels.jpg)
『Script function or argument optional』はオプションでスクリプトへ関数や引数を追加できるようですが、ほとんど入力したことありません…(ー ー;) 空欄で大丈夫ですd( ̄  ̄)
設定画面の表示名やツールチップとして表示される『Descreption』も入力します。
『ICON』はオリジナルPNGを設定しました。
![Adobe After Effects Script KBar 機能 使い方 解説 セッティング Add Button Run JSX/JSXBIN File](https://nextist.net/wp-content/uploads/2021/10/adobe-cc-after-effects-script-kbar2-add-button-run-jsx-jsxbin-file-setting.png)
![Adobe After Effects Script KBar 機能 使い方 解説 セッティング Add Button Run JSX/JSXBIN File アイコン](https://nextist.net/wp-content/uploads/2021/10/adobe-cc-after-effects-script-kbar2-add-button-run-jsx-jsxbin-file-setting-icon-e1634632484767.png)
ツールバーに作成したボタンは、設定したパネル『Tool Bar 2(Kbar 2)』に表示され、ボタンをクリックすると設定したスクリプトファイル(.jsxbin)から『Motion Tool 2』を開くことができます。
![After Effects Script KBar 機能 使い方 解説 セッティング Add Button Run JSX/JSXBIN File 設定](https://nextist.net/wp-content/uploads/2021/10/adobe-cc-after-effects-script-kbar2-add-button-run-jsx-jsxbin-file-settings11.png)
*超便利な万能プラグイン『Motion Tools』の機能と使い方を解説した記事はこちら⬇︎⬇︎
▶︎ Run Scriptlet(スクリプト)
『Run Scriptlet』では、自作したスクリプトを設定することができます。
『Tool Bar 3』の『Add Button』➡︎『Run Scriptlet』をクリックします。
![After Effects Script KBar 機能 使い方 解説 セッティング Add Button Run Scriptlet](https://nextist.net/wp-content/uploads/2021/10/adobe-cc-after-effects-script-kbar2-add-button-run-scriptlet.png)
設定画面の表示名やツールチップとして表示される『Descreption』を入力。
『Script function or argument optional』はオプションでスクリプトへ関数や引数を追加できますが空欄とします。
『Scliptlet』へスクリプトを書く、もしくはコピペしてください。
*こちらのスクリプトはフッテージやコンポジションを100個複製できるスクリプトですd( ̄  ̄)
![After Effects Script KBar 機能 使い方 解説 セッティングr Effects Script KBar2 新規 ツールバー Add Button Run Scriptlet](https://nextist.net/wp-content/uploads/2021/10/adobe-cc-after-effects-script-kbar2-add-button-run-scripts.png)
var selectComp = app.project.selection; for(var i=0; i<99; i++){ selectComp[0].duplicate(); }
『TEST』ボタンで入力したスクリプトが正常に動作するか確認することができます。
設定する前に一度確認しておいた方がいいですね^^
![After Effects Script KBar 機能 使い方 解説 セッティング 解説 新規 ツールバー Add Button Run Scriptlet](https://nextist.net/wp-content/uploads/2021/10/adobe-cc-after-effects-script-kbar2-add-button-run-script-test-1.png)
『ICON』でお好みのアイコンデザインを設定します。
今回は『Text Label』して『PICK COLOR』はブルーに設定しました(゚∀゚)
![Adobe After Effects Script KBar 機能セッティング 機能 使い方 解説 新規 ツールバー Add Button Run Scriptlet アイコン 設定](https://nextist.net/wp-content/uploads/2021/10/adobe-cc-after-effects-script-kbar2-add-button-run-scriptlet-icon-design-1.png)
ツールバーに作成したボタンは、設定したパネル『Tool Bar 3(Kbar 3)』に表示され、ボタンをクリックすると設定したスクリプトが実行されますd( ̄  ̄)
ランチャーツール+スクリプトの組み合わせは超絶便利 ♪( ´ ▽ ` )
![After Effects Script KBar 機能 使い方 解説 セッティング 新規 ツールバー Add Button Run Scriptlet アイコン 設定](https://nextist.net/wp-content/uploads/2021/10/adobe-cc-after-effects-script-kbar2-add-button-run-scriptlet-setting.png)
便利なボタンをたくさん作って、ワークスペースに配置してカスタマイズしちゃいましょう♪( ´θ`)ノ
![After Effects Script KBar 機能 使い方 解説 レイアウト](https://nextist.net/wp-content/uploads/2021/10/adobe-cc-after-effects-script-kber-work-space.png)
ボタンを作成後に『SETTINGS』のボタン右側にある『>』をクリックすると、プルダウンメニューに各ショートカットキーが表示され
![After Effects Script KBar 機能 使い方 解説 ボタン ショートカットキー 割当](https://nextist.net/wp-content/uploads/2021/10/adobe-cc-after-effects-script-kber-shortcut-key.png)
各ボタンごとに追加してショートカットキーで機能を割り当てることができますd( ̄  ̄)
カスタマイズの幅が広がりますね(´∀`*)
![After Effects Script KBar 機能 使い方 解説 ボタン ショートカットキー 割当](https://nextist.net/wp-content/uploads/2021/10/adobe-cc-after-effects-script-kber-shortcut-key-setting.png)
『SETTINGS』設定
『SETTINGS』設定では主に3つの機能が用意されています⬇︎⬇︎
ツールバーに並ぶボタンの表示サイズを拡大・縮小することができます。
![After Effects Script KBar 機能 使い方 解説 セッティング Script KBar 機能 使い方 解説 新規 ツールバー Button Size ボタン サイズ 調整](https://nextist.net/wp-content/uploads/2021/10/adobe-cc-after-effects-script-kbar2-button-size.png)
ツールバーに並ぶボタン同士の間隔を拡大・縮小することができます。
![After Effects Script KBar 機能 使い方 解説 セッティングr Effects Script KBar2 機能 使い方 解説 新規 ツールバー Button Spacing 間隔 調整](https://nextist.net/wp-content/uploads/2021/10/adobe-cc-after-effects-script-kbar2-button-spacing.png)
『KBar』で設定した全ての情報をバックアップファイル(.json)としてインポート・エクスポートすることで、他の端末へ設定を引き継ぐことができますd( ̄  ̄)
例えば
『KBar』に設定されたボタンやアイコンなど全ての設定内容を他の『After Effects KBer 2』へ移行したい場合に
まず『SETTINGS』➡︎ 『Backup』を選択します。
![After Effects Script KBar 機能 使い方 解説 SETTINGS Backup](https://nextist.net/wp-content/uploads/2021/10/adobe-cc-after-effects-script-kbar2-settings-backup.png)
ファイル名の入力と保存場所を指定して『Save』をクリックします。
![After Effects Script KBar 機能 使い方 解説 SETTINGS Backup 名前 保存場所](https://nextist.net/wp-content/uploads/2021/10/adobe-cc-after-effects-script-kbar2-settings-backup-file-name.png)
拡張子が『.json』のバックアップファイルが作成されます。
このファイルで『KBar』設定情報の復元や移行することができますd( ̄  ̄)
![After Effects Script KBar 機能 使い方 解説 SETTINGS Backup ファイル](https://nextist.net/wp-content/uploads/2021/10/adobe-cc-after-effects-script-kbar2-settings-backup-file-e1634702581233.jpg)
他の端末の『After Effects KBar』を開いて『SETTINGS』➡︎『Restore』をクリックします。
![After Effects Script KBar 機能 使い方 解説 SETTINGS Restore](https://nextist.net/wp-content/uploads/2021/10/adobe-cc-after-effects-script-kbar2-settings-restore.png)
先ほど書き出しておいたバックアップファイル(.json)を選択して『開く』をクリックします。
![After Effects Script KBar 機能 使い方 解説 SETTINGS Restore ファイル .json](https://nextist.net/wp-content/uploads/2021/10/adobe-cc-after-effects-script-kbar2-settings-restore-file.png)
これで全ての設定情報が移行・復元することができます。
ただ、このままだとKBar1〜4の全てに同じツールバーが割り当てられているので
![After Effects Script KBar 機能 使い方 解説 SETTINGS Restore ファイル .json 移行 復元](https://nextist.net/wp-content/uploads/2021/10/adobe-cc-after-effects-script-kbar2-settings-restore-apply.png)
パネル左上のメニューボタンをクリックして、それぞれのパネルに表示させたいツールバーを割り当ててくださいd( ̄  ̄)
![After Effects Script KBar 機能 使い方 解説 SETTINGS Restore ツールバー 割当 設定](https://nextist.net/wp-content/uploads/2021/10/adobe-cc-after-effects-script-kbar2-settings-toolbar.png)
これで『KBar』の移行完了です♪( ´θ`)ノ
![After Effects Script KBar 機能 使い方 解説 SETTINGS Restore ツールバー 割当 移行 完了](https://nextist.net/wp-content/uploads/2021/10/adobe-cc-after-effects-script-kbar2-settings-restore-transition-completed.png)
![NEXTist](https://nextist.net/wp-content/uploads/2021/08/nextist-icon.png)
バックアップファイル(.json)を復元・移行した場合には
予め設定していた全ての設定情報が上書きされてしまうので注意してくださいd( ̄  ̄;)
『KBar』の改善してほしい点
現状でも『Kbar』の機能は大満足ですが(゚∀゚)
あえて今後のアップデートに期待して改善してほしい点をあげると…
『SETTING』➡︎ 『Backup』では『KBar』の全ての設定情報を1つのファイルでしかエクスポートできないので
インポートした場合、現在の設定は全てインポートしたバックアップファイル(.json)の設定へ上書きされてしまいます。
ボタンやツールバーなどの設定情報を個別にエクスポートできれば
誰かが作成したかっこいいツールバーやボタンを個別に自分の『KBar』へ追加することができて
もっとカスタマイズが楽しくなるのにな〜( ̄∇ ̄)
ちなみに海外サイトで『KBar』のプリセットファイル(.json)やオリジナルのアイコンを無料提供してくれているサイトがいくつかありますd( ̄  ̄)
最初に無料提供されているプリセット(.json)をインポートしてからボタンを追加したり
いらないボタンは削除したりしていった方が圧倒的に効率がいいかと思います^ ^
![NEXTist](https://nextist.net/wp-content/uploads/2021/08/nextist-icon.png)
ガッツリカスタマイズした後で『KBar』の無料プリセットがあることを知ったよ…(ー ー;)
![ふにゃ太郎](https://nextist.net/wp-content/uploads/2021/07/hunyataro.png)
それは悲しすぎますね…(゚∀゚;)
*『KBar』のカスタマイズが楽しくなる!!アイコンやプリセットを無料配布しているサイトを紹介した記事⬇︎⬇︎
ボタンサイズやボタンスペースを調整すると『KBar1〜4』の全てのパネルが全て連動して調整されてしまいます。
![After Effects Script KBar 機能 使い方 解説 SETTINGS Restore ファイル .json 移行 復元](https://nextist.net/wp-content/uploads/2021/10/adobe-cc-after-effects-script-kbar2-settings-restore-apply.png)
各パネルのボタンサイズやボタンスペースを個別に調整できるようになれば、もっとワークスペースのカスタマイズもやりやすくなるのにな〜( ̄∇ ̄)
最後に
『KBar』は『Adobe After Effects』の数あるスクリプトやプラグインの中で、最も導入をおすすめできるスクリプトになりますd( ̄  ̄)
価格は約5,800円と安くはありませんが…
すぐに元は取れますし、超絶便利なスクリプトなのでぜひ導入して使ってみてください(´∀`*)
その他『KBar』関連の記事
『KBar』を購入された方はカスタマイズする前にぜひ一度読んでおくことをおすすめしますd( ̄  ̄;)⬇︎⬇︎
*ランチャーツール『KBar』を楽しくカスタマイズするために見るべきサイトを紹介!!⬇︎⬇︎
*『KBar』にコピペするだけ!!『After Effects』初心者でも使える超絶便利なスクリプトを激選して紹介した記事⬇︎⬇︎
*『KBar』の無料拡張スクリプト『Primitives』を徹底解説した記事です⬇︎⬇︎
*『KBar』の『Invoke Menu Item』➡︎『Menu command name or command id』に『Command ID』を入力すればワンボタンでメニューを実行することができるようになりますd( ̄  ̄)
【After Effects】の日本語版と英語版のメニューアイテム対応表 + Command ID【ver.2021】の記事はこちら⬇︎⬇︎
『KBar』のカスタマイズで使えるボタンアイコンやツールバーファイル(kbar)を作りました\( ̄∀ ̄)/
もちろん!! 全て無料 ダウンロードして使うことができますd(゚∀゚)
お気に入りが見つかればぜひ…使ってください( ´ ▽ ` )⬇︎⬇︎
![NEXTist](https://nextist.net/wp-content/uploads/2021/08/nextist-icon.png)
記事はまだ途中ですが、随時追加していきます٩( ᐛ )و
『KBar』をサポートしている無料スクリプトや無料プラグイン
以下のスクリプトやプラグインの機能は『KBar』に特定の引数を入力してボタン登録することができます(^ ^)
![NEXTist](https://nextist.net/wp-content/uploads/2021/08/nextist-icon.png)
それぞれの記事で『KBar』に引数やアイコンを登録済みのツールバーファイル(.kbar)やオリジナルボタンアイコンも無料配布してます( ´ ▽ ` )
『Trim-Pack』はパスのトリミングをワンクリックで自由自在に追加できる無料スクリプトになりますd(゚∀゚)
基本的なトリミングの適用以外にもトリミングに合わせて自動追従するヌルを作ったり、水平線や垂直線をワンボタンで作ってくれる便利機能もついてます٩( ᐛ )و
『Trim-Pack』のダウンロード・インストール方法、『KBαr』の設定方法などを徹底解説した記事はこちら⬇︎⬇︎
『Ease Copy』はキーフレームがもつイージング(カーブ)や各プロパティーの値を簡単にコピー&ペーストできる無料スクリプトになりますd(゚∀゚)
なんとショートカット用のスクリプトも付属しているので、ショートカットキーに仕込むこともできちゃいます\( ̄∀ ̄)/
『Ease Copy』の機能や使い方、ダウンロード・インストール方法、『KBar』の設定方法、ショートカットキー設定などを徹底解説した記事はこちら⬇︎⬇︎
『Buttcapper』はワンボタンでストロークを変更してくれる地味に便利な無料スクリプトになりますd(゚∀゚)
変更に3〜4つの手順を踏まないといけない作業がワンクリックで完結するので、地味に便利ですよ〜( ´ ▽ ` )
『Buttcapper』の機能や使い方、ダウンロードやインストール方法、『KBar』との連携方法などを徹底解説した記事はこちら⬇︎⬇︎
![NEXTist](https://nextist.net/wp-content/uploads/2021/08/nextist-icon.png)
『KBar』は『API 』が公開されているので、もっと『KBar』をサポートしたスクリプトやプラグインが増えるといいですね〜\( ̄∀ ̄)/
『Adobe After Effects』で使える無料プラグインや無料スクリプトをまとめて紹介した記事はこちら⬇︎⬇︎
『KBar』以外にも『After Effects』で使えるおすすめの無料・有料プラグインやスクリプトはたくさんありますd(^^)
【Adobe After Effects】おすすめの無料プラグイン+スクリプト
*約700種類のプリセットや複数のプラグインを無料で使用できる『AEJuice』のダウンロード・インストール方法を解説した記事はこちら⬇︎⬇︎
*約100種類以上のアニメーションプリセットや複数のプラグインを無料で使用できる『Animation Composer 3』の機能や使い方を徹底解説した記事はこちら⬇︎⬇︎
*1200種類のプリセットが無料で使える『Motion Bro』のダウンロード・インストール方法を解説した記事はこちら⬇︎⬇︎
*無料で手に入る超便利な万能スクリプト『Utility BOX』を徹底解説した記事はこちら⬇︎⬇︎
*【Premiere Pro+After Effects】無料なのに超便利な素材管理プラグイン『AEVIEWER 2』の機能や使い方を徹底解説した記事はこちら⬇︎⬇︎
*『After Effects』初心者が絶対に導入すべきおすすめの無料プラグインを紹介した記事はこちら⬇︎⬇︎
【Adobe After Effects】おすすめの有料プラグイン+スクリプト
*『AEJuice』が提供する64種類すべてのプラグイン(プリセット数9,000種類以上)が手に入る最強効率化バンドル『AEJuice ALL BUNDLE Lifetime』を徹底解説した記事はこちら⬇︎⬇︎
*『Animation Composer』で使える8種類の便利なプラグイン詰め合わせセット『Motion Designer’s Bundle(プリセット数5,000種類以上)』を徹底解説した記事はこちら⬇︎⬇︎
*2250種類の高品質なグラフィックプリセットが使える『Toko Graphics 4.0』の購入からインストールまでの手順を徹底解説した記事はこちら⬇︎⬇︎
*超便利な万能プラグイン『Motion Tools』の機能と使い方を解説した記事はこちら⬇︎⬇︎
*『After Effects』必須のイージングプラグイン『Flow』の機能と使い方を解説した記事はこちら⬇︎⬇︎
*『Auto Crop 3』の機能や使い方、購入方法からインストール方法まで徹底解説した記事はこちら⬇︎⬇︎
『Adobe CC コンプリートプラン』が Adobe正規価格の半額【 39,980 円 / 年(税込)】で購入できる方法や
価格、各種サービス内容など徹底的に比較解説した記事を書いてます^^
*『Adobe CC』の契約更新が近い方はぜひ参考にして下さい⬇︎⬇︎
以上、最後まで読んでいただきありがとうございました٩( ‘ω’ )و