Adobe After Effects 128
![ふにゃ太郎](https://nextist.net/wp-content/uploads/2021/07/hunyataro.png)
『Crosshair』というスクリプトが気になってます
![NEXTist](https://nextist.net/wp-content/uploads/2021/08/nextist-icon.png)
もっとおくと地味に便利なスクリプトだよ〜♪( ´θ`)ノ
『KBar』にも登録できるしねv( ̄∀ ̄)v
![ふにゃ太郎](https://nextist.net/wp-content/uploads/2021/07/hunyataro.png)
そうなんですね(゚∀゚) それはぜひ使ってみたい٩( ᐛ )و
よろしければいつもの解説を… |ω・`)チラッ
![NEXTist](https://nextist.net/wp-content/uploads/2021/08/nextist-icon.png)
了解_(┐「ε:)_
機能も使い方もそんなに難しくないから、サラッと解説するね〜( ´ ▽ ` )
今回はワンボタンでアンカーポイントにクロスガイドを追加できる無料スクリプト『Crosshair』を徹底解説していきたいと思います。
『Crosshair』は『KBar』にも登録して使えるので
登録方法の解説やオリジナルアイコン/ツールバーデータも無料配布します。
地味に便利なスクリプトになるので
気になる方はぜひ最後まで読んでいただけると嬉しいです。
それではいってみましょう٩( ᐛ )و
『Crosshair』とは!?
![Adobe After Effects 無料 スクリプト Crosshair](https://nextist.net/wp-content/uploads/after-effects-free-scripts-crosshair-e1678159425660.jpg)
『Crosshair』は選択したレイヤーのアンカーポイントの位置にワンボタンでクロスガイドをつけることができます。
![Adobe After Effects 無料 スクリプト Crosshair アンカーポイント ガイド](https://nextist.net/wp-content/uploads/after-effects-free-scripts-crosshair-anchor-point-guide.gif)
ガイドにスナップが効くので
レイヤーのアンカーポイントに合わせて、対象のオブジェクトを正確に素早く移動・配置したり
![Adobe After Effects 無料 スクリプト Crosshair アンカーポイント 揃える 便利](https://nextist.net/wp-content/uploads/after-effects-free-scripts-crosshair-align-anchor-points.gif)
『DUIK』や『RubberHose』、『Limber』など、簡単にリグを作成できるリギングツールと組み合わせれば
関節があるべき場所にアンカーポイントを配置する際など、リギングプロセスを高速化するためにとても役に立ちます。
![Adobe After Effects 無料 スクリプト Crosshair リギング アンカーポイント 揃える 便利](https://nextist.net/wp-content/uploads/after-effects-free-scripts-crosshair-rigging.gif)
『Crosshair』の機能や使い方
『Crosshair』の機能や使い方を解説していきます。
『Crosshair』では以下の5つボタン(機能)を使うことができます。
![Adobe After Effects 無料 スクリプト Crosshair ツールパネル 機能 使い方](https://nextist.net/wp-content/uploads/after-effects-free-scripts-crosshair-tool-panel.png)
- Crosshair ▶︎ 選択したレイヤーの アンカーポイントにX および Y 軸のクロスガイドを作成
- Remove Guides ▶︎ プレビューからすべてのガイドを削除
- Guide Snap ▶︎ ガイドスナップの切り替え
- Guide Lock ▶︎ ガイドロックの切り替え
- Guide Visibility ▶︎ ガイドの表示/非表示の切り替え
![NEXTist](https://nextist.net/wp-content/uploads/2021/08/nextist-icon.png)
機能や使い方はとてもシンプルで簡単ですd( ̄∀ ̄)
*②〜④の機能は上部メニューのビュー内にある機能と同じです。ショートカットキーも設定されてます。
![Adobe After Effects 無料 スクリプト Crosshair ビュー メニュー](https://nextist.net/wp-content/uploads/adobe-after-effects-free-scripts-crosshair-function-view-menu.png)
❶ Crosshair ▶︎ 選択したレイヤーの アンカーポイントにX および Y 軸のクロスガイドを作成
![Adobe After Effects 無料 スクリプト Crosshair ボタン 機能 使い方](https://nextist.net/wp-content/uploads/adobe-after-effects-free-scripts-crosshair-button.jpg)
『Crosshair』ボタンは選択したレイヤー全てのアンカーポイントに
X および Y 軸のクロスガイドを作成することができます。
![Adobe After Effects 無料 スクリプト Crosshair ボタン 機能 使い方](https://nextist.net/wp-content/uploads/adobe-after-effects-free-scripts-crosshair-button-function.gif)
❷ Remove Guides ▶︎ プレビューからすべてのガイドを削除
![Adobe After Effects 無料 スクリプト Crosshair Remove Guides ボタン 機能 使い方](https://nextist.net/wp-content/uploads/after-effects-free-scripts-crosshair-button-remove-guides.png)
『Remove Guides』ボタンはプレビューに表示されているガイドを『Crosshair』で追加したガイド以外も含めて全て削除することができます。
![Adobe After Effects 無料 スクリプト Crosshair Remove Guides ボタン 機能 使い方](https://nextist.net/wp-content/uploads/after-effects-free-scripts-crosshair-button-remove-guides-function.gif)
❸ Guide Snap ▶︎ ガイドスナップの切り替え
![Adobe After Effects 無料 スクリプト Crosshair Guide Lock ボタン 機能 使い方](https://nextist.net/wp-content/uploads/after-effects-free-scripts-crosshair-button-guide-lock-guide-snap.png)
『Guide Snap』はレイヤーのガイドスナップのON /OFFを切り替えることができます。
![Adobe After Effects 無料 スクリプト Crosshair KBar ボタン アイコン Guide Snap 機能 使い方](https://nextist.net/wp-content/uploads/after-effects-free-scripts-crosshair-button-guide-lock-guide-snap-function.gif)
❹ Guide Lock ▶︎ ガイドロックの切り替え
![Adobe After Effects 無料 スクリプト Crosshair Guide Lock ボタン 機能 使い方](https://nextist.net/wp-content/uploads/adobe-after-effects-free-scripts-crosshair-button-guide-lock.png)
『Guide Lock』ボタンはガイドロックのON/OFFを切り替えることができます。
![Adobe After Effects 無料 スクリプト Crosshair KBar ボタン アイコン Guide Lock 機能 使い方](https://nextist.net/wp-content/uploads/adobe-after-effects-free-scripts-crosshair-button-guide-lock-function.gif)
❺ Guide Visibility ▶︎ ガイドの表示/非表示の切り替え
![Adobe After Effects 無料 スクリプト Crosshair Guide Visibility ボタン 機能 使い方](https://nextist.net/wp-content/uploads/adobe-after-effects-free-scripts-crosshair-button-guide-visibility.png)
『Guide Visibility』ボタンではガイドの表示/非表示を切り替えることができます。
![Adobe After Effects 無料 スクリプト Crosshair KBar ボタン アイコン Guide Visibility 機能 使い方](https://nextist.net/wp-content/uploads/adobe-after-effects-free-scripts-crosshair-button-guide-visibility-function.gif)
ランチャースクリプト『KBar』との連携
![Adobe After Effects 無料 スクリプト Crosshair KBar 連携 登録 ボタン化](https://nextist.net/wp-content/uploads/adobe-after-effects-free-script-crosshair-kbar.jpg)
『Crosshair』の機能はランチャースクリプト『KBar』のボタンとして設定することができます。
![Adobe After Effects 無料 スクリプト Crosshair KBar ツールバー](https://nextist.net/wp-content/uploads/after-effects-free-scripts-crosshair-kbar.png)
『KBar』と連携してワークスペース上に利用頻度の高いボタンだけを別のボタンと一緒に表示させることができるので作業効率もグッと上がります。
『Crosshair』のボタンを『KBar』へ登録する方法
『KBar』は『Crosshair』の引数をサポートしているので、簡単に設定することができます。
例えば
『Crosshair』の一番左側のボタン『Crosshair』を『KBar』へ登録するには
![Adobe After Effects 無料 スクリプト Crosshair KBar 連携 登録 ボタン化 方法](https://nextist.net/wp-content/uploads/after-effects-free-scripts-crosshair-kbar-button-register.png)
『KBar』の設定▶︎BUTTONS▶︎Add Button を選択して
![Adobe After Effects 無料 スクリプト Crosshair KBar ボタン化 方法](https://nextist.net/wp-content/uploads/after-effects-free-scripts-crosshair-kbar-add-button.png)
表示されたメニューから『Run JSX/JXSBIN File』を選択します。
![Adobe After Effects 無料 スクリプト Crosshair KBar ボタン化 方法 Run JSX/JXSBIN File](https://nextist.net/wp-content/uploads/after-effects-free-scripts-crosshair-kbar-add-button-run-jsxbin-file.png)
ファイルを選択する画面が開くので
スクリプトファイル『crosshair.jsx』を選択して『開く』をクリックします。
![Adobe After Effects 無料 スクリプト Crosshair KBar ボタン化 方法 jsxbin File](https://nextist.net/wp-content/uploads/after-effects-free-scripts-crosshair-kbar-add-button-run-jsxbin.png)
『Script function or argument(optional)』に割り当てたい機能の引数(今回は crosshair)を入力します。
『Description』にはそのボタンの名前をお好みで入力してください。
![Adobe After Effects 無料 スクリプト Crosshair KBar ボタン 引数](https://nextist.net/wp-content/uploads/after-effects-free-scripts-crosshair-kbar-add-button-.png)
『KBar』でオリジナルのアイコンやその他、機能や使い方がわからない方は
『KBar』の機能や使い方を徹底解説した記事を書いているのでぜひ参考にしてください⬇︎⬇︎
各ボタンの引数は以下の通りです⬇︎⬇︎
![Adobe After Effects 無料 スクリプト Crosshair ツールパネル 機能 使い方](https://nextist.net/wp-content/uploads/after-effects-free-scripts-crosshair-tool-panel.png)
- crosshair
- remove guides
- guide snap
- guide lock
- guide visibility
![NEXTist](https://nextist.net/wp-content/uploads/2021/08/nextist-icon.png)
全て小文字(半角英数)で入力してくださいd(゚∀゚)
『KBar3』からツールバー単独のファイルをインストールできるようになりました。
![Adobe After Effects 無料 スクリプト Crosshair KBar ツールバー](https://nextist.net/wp-content/uploads/after-effects-free-scripts-crosshair-kbar-toolbar-e1678168373597.png)
アイコンも含め『KBar』に『Crosshair』のボタンを登録したツールバーのデータを配布します。
自身のツールバーに好きなボタンだけドラッグ&ドロップで組み入れて使ってくださ〜い \( ̄∀ ̄)/
![NEXTist](https://nextist.net/wp-content/uploads/2021/08/nextist-icon.png)
『KBar3』でのみインポートできます、『KBar2』ではインストールできませんヽ(´o`;
アイコンだけ個別にダウンロードして使いたい方は以下⬇︎⬇︎のリンクからダウンロードできます。
![Adobe After Effects 無料 スクリプト Crosshair KBar ボタン アイコン](https://nextist.net/wp-content/uploads/after-effects-free-scripts-crosshair-kbar-icon.png)
![Adobe After Effects 無料 スクリプト Crosshair KBar ボタン アイコン Remove Guides](https://nextist.net/wp-content/uploads/after-effects-free-scripts-crosshair-kbar-icon-remove-guides.png)
![Adobe After Effects 無料 スクリプト Crosshair KBar ボタン アイコン Guide Snap](https://nextist.net/wp-content/uploads/after-effects-free-scripts-crosshair-kbar-icon-guide-snap.png)
![Adobe After Effects 無料 スクリプト Crosshair KBar ボタン アイコン Guide Lock](https://nextist.net/wp-content/uploads/after-effects-free-scripts-crosshair-kbar-icon-remove-guides-guide-lock.png)
![Adobe After Effects 無料 スクリプト Crosshair KBar ボタン アイコン Guide Visibility](https://nextist.net/wp-content/uploads/after-effects-free-scripts-crosshair-kbar-icon-remove-guides-guide-visibility.png)
『KBar』のカスタマイズで使えるボタンアイコンやツールバーファイル(kbar)を作ってます!!
もちろん!! 全て無料 ダウンロードして使うことができます。
お気に入りが見つかればぜひ…使ってください⬇︎⬇︎
![NEXTist](https://nextist.net/wp-content/uploads/2021/08/nextist-icon.png)
記事はまだ途中ですが、随時追加していきます٩( ᐛ )و
『Crosshair』ダウンロード・インストール方法
『Crosshair』を無料でダウンロードして『After Effects』へインストールする方法を解説します٩( ‘ω’ )و
- 『Crosshair』の無料ダウンロードする方法
- 『Crosshair』を『After Effects』へインストールする方法
![NEXTist](https://nextist.net/wp-content/uploads/2021/08/nextist-icon.png)
『RanAni』のダウンロードにはメールアドレスの入力が必要ですd( ̄  ̄)
『Crosshair』の無料ダウンロードする方法
『Crosshair』の公式配布ページへ入ります。
ページに入ったら右下にある公平な価格を設定してくださいのところに『0』と入力して
『これが欲しいです!!』をクリックします。
![Adobe After Effects 無料 スクリプト Crosshair ダウンロード 方法](https://nextist.net/wp-content/uploads/after-effects-free-scripts-crosshair-dawnload-page-.png)
メールアドレスを入力して『手に入れる』をクリックします。
![Adobe After Effects 無料 スクリプト Crosshair ダウンロード 方法 メールアドレス 入力](https://nextist.net/wp-content/uploads/after-effects-free-scripts-crosshair-download-page-mail.png)
『Crosshair 1.1』のダウンロードボタンをクリックします。
![Adobe After Effects 無料 スクリプト Crosshair ダウンロード 方法](https://nextist.net/wp-content/uploads/after-effects-free-scripts-crosshair-dawnload.png)
『Crosshair 1.1.zip』がダウンロードされます。
これでインストールに必要なファイルのダウンロードは完了です。
![Adobe After Effects 無料 スクリプト Crosshair ダウンロード 方法 zip](https://nextist.net/wp-content/uploads/after-effects-free-scripts-crosshair-dawnload-zip-e1678175197797.png)
『Crosshair』を『After Effects』へインストールする方法
.zipファイル『Crosshair 1.1.zip』をダブルクリックで展開して
『Crosshair.jsx』があることを確認します。
![Adobe After Effects 無料 スクリプト Crosshair インストール 方法 jsx](https://nextist.net/wp-content/uploads/adobe-after-effects-free-scripts-crosshair-install-jsx.jpg)
『After Effects』のアプリケーションファイルを開いて
![Adobe After Effects 無料 スクリプト Crosshair インストール 方法 アプリケーションファイル](https://nextist.net/wp-content/uploads/after-effects-free-script-crosshair-install-application-file.png)
『Scripts』フォルダーを開いて
![Adobe After Effects 無料 スクリプト Crosshair インストール 方法 Scripts フォルダー](https://nextist.net/wp-content/uploads/after-effects-free-script-crosshair-install-scripts-folder.png)
『ScriptUI Panels』フォルダーを開いて
![After Effects Crosshair 無料 スクリプト インストール ScriptUI Panels](https://nextist.net/wp-content/uploads/after-effects-free-script-crosshair-install-script-ulpanels.png)
『ScriptUI Panels』フォルダー内にダウンロードしていたスクリプトファイル『Crosshair.jsx』をコピペ、またはドラッグ&ドロップして下さい。
![After Effects Crosshair 無料 スクリプト インストール](https://nextist.net/wp-content/uploads/after-effects-free-script-crosshair-instal-method.jpg)
『After Effects』を開いて
上部メニューのウィンドウに『Crosshair.jsx』が追加されているので使うことができます。
![After Effects Crosshair 無料 スクリプト インストール](https://nextist.net/wp-content/uploads/after-effects-free-script-crosshair-install-completion.png)
最後に
無料かつ『KBar』にボタン登録して使えるのはほんとありがたいです。
製作者に感謝ですね。
『Crosshair』以外にも『After Effects』で使える便利な無料プラグインや無料スクリプトはたくさんあります。
以下の記事にまとめているので、興味のある方はぜひ読んでみてください⬇︎⬇︎
以上、最後まで読んでいただきありがとうございました(=゚ω゚)ノ