Photoshopで選択したレイヤーを新規ドキュメントに複製し、自動でトリミングするスクリプトを紹介します。
UI素材の書き出し前調整や、個別レイヤーの切り出し作業を効率化できます。
目次
スクリプトの特徴とメリット
- 選択したレイヤーのみを新規ドキュメントへ複製
- 描画ピクセルに合わせて不要な余白を自動トリミング
- 元のドキュメントを汚さず個別パーツの調整が可能
スクリプトの導入手順
STEP.1 スクリプトファイルの作成と配置
- 後述のスクリプトコードをテキストエディタに貼り付けて保存
Photoshopの各種設定や操作テクニックは、まとめ記事でも解説しています。
あわせて読みたい
Photoshopの使い方｜保存・レイヤー・一括処理から探す
Photoshopでやりたい作業から記事を選べます。複数の画像に同じ編集を繰り返す場合は「アクション・一括処理」、JSXファイルを初めて使う場合は「スクリプトの導入・実…
preferences.rulerUnits = Units.PIXELS;
var doc = activeDocument;
var layer = doc.activeLayer;
var name = layer.name;
var w = doc.width;
var h = doc.height;
var b = doc.activeLayer.bounds;
var x1 = parseInt(b[0], 10);
var y1 = parseInt(b[1], 10);
var x2 = parseInt(b[2], 10);
var y2 = parseInt(b[3], 10);
var newDoc = documents.add(w, h, 72, name, NewDocumentMode.RGB, DocumentFill.TRANSPARENT);
activeDocument = doc;
layer.duplicate(newDoc);
activeDocument = newDoc;
newDoc.crop([x1, y1, x2, y2]);
newDoc.layers.getByName('レイヤー 1').remove();CGM_DuplicateSelectLayer.jsxをPhotoshopのScriptsフォルダに配置します。
C:\Program Files\Adobe\Adobe Photoshop CC\Presets\Scripts\- 配置後、Photoshopを再起動します。
STEP.2 スクリプトの実行
- 複製したいレイヤーを選択します。
- [ファイル] → [スクリプト] → [CGM_DuplicateSelectLayer]を実行します。
- 新規ドキュメントが作成され、レイヤーの複製と余白のトリミングが自動で完了します。
この記事で紹介しているコードは、GitHubのMOTOKI-LLC/cg-method-codeにもまとめています。
レイヤー操作を効率化するスクリプトは、ほかにも紹介しています。
あわせて読みたい
Photoshopスクリプト（jsx）│全てのロックを解除する方法
Photoshopで作業中、いずれかのレイヤーにロックがかかっていて編集できない場面があります。 そうしたケースで役立つのが、すべてのロックを一括で解除するスクリプト…
あわせて読みたい
Photoshop│「リンクを配置」の使い方
Photoshopの「リンクを配置」機能を使うと、外部ファイルの更新を自動でレイアウトに反映できます。 「リンクを配置」を使えば、PSDなどの別ファイルを参照して配置でき…
あわせて読みたい
Photoshop│リンクスマートオブジェクトからレイヤーカンプ一覧を取得するスクリプト
Photoshopでリンク配置したスマートオブジェクト（.psd）のレイヤーカンプを活用して管理する場面は多く見られます。 しかし、スマートオブジェクト内のレイヤーカンプ…
あわせて読みたい
Photoshop│「すべての空白レイヤーを削除」の使い方
Photoshopには、インストール直後から利用できる標準スクリプトが用意されています。 作業を進めていると、中身のないレイヤーや空のグループが意図せず増えてしまう場…
まとめ
- 選択レイヤーをワンクリックで新規ドキュメントに複製
- 不要な余白の自動トリミングでサイズ調整の手間を削減
- アイコンやUIパーツなどの個別編集を効率化
日々のルーティン作業にスクリプトを取り入れ、レイヤー複製とトリミングの手間を削減しましょう。
