Photoshop の書き出しをスマートにする jsx
[ Photoshop ] 2009年5月24日 13:30
締め切りに追われながらもバッチ処理的なものをしてるためにちょっと手持ち豚さんな Mk-10:cellfusion です。こんにちは！
Photoshop から画像書き出しをする際にはみんなスライスを切ったり、パーツを新しいファイルにコピーして書き出したりしてると思うんだけど、正直ここの行程ってある程度自動化したいよね？
スライスを切るときとかドロップシャドウとかかかってると、影がどの程度あるのか計算したり・・・、別のファイルにコピーしてトリミングをしたりとか、量が少ないと別にたいした工数にはならないんだけど、オーサリング時の工数の半分か三分の一はこの書き出しなんじゃないかと思うくらい時間をとられたりする。
そんな地味で大変だけど重要な書き出しだけど、spark project に便利そうなスクリプトがコミットされていたので、使ってみたら便利すぎて泣けてきた。
この jsx は「Flashデベロッパー向けPhotoshopスクリプト集」とあるように、どちらかというと Flash 向けです。HTML コーディングの時はスライスを使った方が効率が良いかも。
入ってる jsx は下記の6つ
- 選択したレイヤーのみ表示.jsx
- 選択したレイヤー以外を非表示.jsx
- 選択したレイヤーを切り出し.jsx
- 指定したレイヤーセットを切り出し.jsx
- 全てのドキュメントを保存せずに閉じる.jsx
- 他のツリーのレイヤーを削除.jsx
自分が一番使うのが「指定したレイヤーセットを切り出し.jsx」で、その次に使うのが「選択したレイヤーを切り出し.jsx」です。
指定したレイヤーセットを切り出し
条件にマッチしたレイヤーセットを切り出して、新規ファイルを作成後、特定のディレクトリに書き出したりできます。
レイヤーセットごとに書き出せるので、ごちゃごちゃに重なっているオブジェクトでもレイヤーセットにまとめることで書き出すごとに表示/非表示をしなくて良いです。
また、条件に「接頭語」や「接尾語」とかが指定できるので、特定のルールに基づいてレイヤーセットを作っておけば、書き出す際にディレクトリ分けも楽になります。
スライスみたいにオブジェクトの重なりを気にする必要もないし、新規ファイルに書き出したときに回りの透明部分などをトリミングしてくれる機能もあるので、最小限の大きさでファイルを書き出せてかなり使い勝手がよいです。
選択したレイヤーを切り出し
「指定したレイヤーセットを切り出し」とは違い、現在選択しているレイヤー/レイヤーセットを新規ファイルに書き出してくれます。
ちょろっと書き出したいときに便利ですね。
自動で png や jpg に書き出せたりするとさらに便利かも。
ただ、不満な点があるとすればレイヤーがたくさんあるファイルだと非常に時間がかかってしまうことです。
どちらも全レイヤーみているような挙動をしたりするので、選択したレイヤーを切り出しはもうちょっと早くならないかなぁと思ったり・・・。
ただ、これのおかげで明らかに書き出し作業が効率よく行える気がするので、自分も手が空いたら改良とかしてみたいなー。
コメントする