Photoshop 「ガイドがピクセルに吸着するので、あまり拡大表示しなくても、きれいに切り抜きができる」 スクリプト

noteの見出し画像を作成するのに、アプリのダイアログのスクリーンショットを撮って加工しているのですが、いつもPhotoshopで目いっぱいまで拡大表示させてから切り抜いているので、非常に手間がかかる！
何とか拡大表示させないできれいに切り抜く方法は無いものか…というわけでスクリプトを作成してみました。

ガイドを追加してからスクリプトを実行する方法と、ガイドを追加しないでスクリプトを実行する方法の2種類があります

まず、Photoshopで切り抜きたい画像を開きます。その後、水平方向に2本、垂直方向に2本、切り抜きたい画像を囲むようにガイドを追加します。そして、スクリプトを実行するとダイアログが表示されて、ガイドをその追加箇所から移動できるようになります。
また、ガイドを全く追加しないでスクリプトを実行した場合か、ガイドが水平方向に2本、垂直方向に2本無いのにスクリプトを実行した場合は（ガイドが多すぎる場合もこれに該当します）、自動的にドキュメントの周囲にガイドが追加されます。

ガイドがピクセルに吸着します

メニューからスクリプトの実行をクリックすると「起動中…」のポップアップが画面に表示されます。その時、ガイドが追加されている場合は、そのガイドをよく見ているとわかるのですが、ガイドが自動的にピクセルの端に吸着します。その後、追加したガイドをピクセル単位で移動させるためのダイアログが表示されます。

ダイアログでガイドをピクセル単位で移動させます

矢印ボタンをクリックするたびに、その方向へ1ピクセルずつガイドが移動します。なお、矢印ボタンを1回クリックするたびに「処理中」の青い進捗バーが表示されるのですが、そのバーが消えるまでは次のクリックは控えてください。連続でクリックすると処理が追いつかなくなって、Photoshopがフリーズしたり、クラッシュしたりします（矢印ボタンが1回クリックされると、ボタンが暗転してそれ以上クリックできない仕様にはなっていますが…）
また、pxの数字が表示されている欄に、直接数値を入力することもできます（少数が入力された場合は、少数点以下が四捨五入されて自動的に整数になります）なお、直接数値を入力した場合は、入力後必ず「数値を入力した場合にガイドを更新」ボタンをクリックしてください。ボタンがクリックされた時点で、入力した数値の位置へガイドが移動します。

最後に「切り抜き」をクリックします

4本のガイドを全て画像の境界に配置できたら「切り抜き」をクリックします。Photoshopの標準の切り抜きだと、切り抜きツールの端はピクセルに吸着しないので、切り抜きツールの端がピクセルの中央にあった場合、そのピクセルの前後どちらで切り抜きされるのか遠目には判別しにくいのですが、このスクリプトだとガイドがピクセルの端に吸着しているので、必ずそのガイドの位置で切り抜きされます。

画像の少し内側にガイドを追加してから、矢印ボタンでガイドを1ピクセルずつ境界に向けて移動させていくのがコツです

最初にガイドを追加するときに、画像の少し内側に追加するのがコツです。そこから画像の境界に向けて、1ピクセルずつ矢印ボタンでガイドを移動させて行きます。そうすると、より画像の境界で切り抜きしやすいように思います。
また「画像を拡大表示しなくてもきれいに切り抜きができる！」とは言っても、遠目にも画像の境界が判別できるくらいには拡大表示させておくことが必要です。画面いっぱいに画像全体が表示されるくらいの画面倍率でしょうか？「拡大表示しなくてもきれいに切り抜きができる」と言ったのは、「画像の一部分しか表示されないくらいに大きく拡大表示しなくても、きれいに切り抜きができる」という意味です。

ダウンロードはこちらから