2017/07/05  スクリプト

【PhotoshopJSX】差分を一括でレイヤーカンプ化する作成スクリプト sabun_comp.jsx

ちまちま個人的に作ってるスクリプトをとりあえず公開してみようシリーズ第1弾。
ゲーム系案件等で差分を管理する際にいちいち設定するのが面倒なので作りました。

レイヤーカンプとは

Photoshopにはレイヤーカンプという機能があり、レイヤーの表示状態等を保存しておくことができます。
これにより、いちいちレイヤークリックで表示非表示を切り替えなくても差分を管理できます。
書き出しもカンプ毎に出来るので便利。
詳しくは以下Adobeのサイトなどを…

レイヤーカンプとは、レイヤーパネルの各レイヤーの状態を記録したスナップショットのことです。レイヤーカンプには、次の 3 種類のオプションが記録されます。

  • レイヤーパネル内のレイヤーの表示と非表示
  • ドキュメント内のレイヤーの位置
  • レイヤースタイルや描画モードの適用によるレイヤーの外観

Photoshop レイヤーカンプ

納品時に「差分はカンプ設定してください」という案件もあったり。
でもこのレイヤーカンプ、Photoshopの機能なのでSAIとかCLIP STUDIO PAINT経由した作業して保存すると無効になっちゃうんですよね。
繰り返し修正とかでソフトを行き来するとその度再設定が面倒。

なのでどうにかしたくてスクリプト作りました。

スクリプトの実行について

スクリプトの実行にはいくつか方法がありますが簡単に

ドラッグドロップで実行

Photoshopのショートカットにドラッグアンドドロップすることでスクリプトを実行できます

スクリプト参照から実行

メニューから
ファイル > スクリプト > 参照…
からスクリプトファイルを指定して実行できます

スクリプトフォルダに入れて実行

Windowsの場合 \Program Files\Adobe\Adobe Photoshop 【バージョン】\Presets\Scripts\
Macの場合 /Applications/Adobe Photoshop 【バージョン】/Presets/Scripts/
上記フォルダにスクリプトファイルを入れてPhotoshopを再起動。
ファイル > スクリプト > 【スクリプトファイル名】
からスクリプトファイルを実行できます

使い方

以下のような【通常】【差分A】【差分B】というものを最終的に作りたいとします。

【PhotoshopJSX】差分レイヤーカンプ作成スクリプト sabun_comp.jsx

レイヤーはこうなってます。

【PhotoshopJSX】差分レイヤーカンプ作成スクリプト sabun_comp.jsx

このスクリプトはレイヤー(グループ)名に応じて動作しますので、レイヤー(グループ)名を調整します。
レイヤー名の変更に関しては便利なスクリプトが各所で色々配布されてますので適宜利用してください。
そのうち連動したスクリプト作りたい。

各レイヤーに差分名を付けます。
複数差分に使うレイヤーには複数名前を付けます。
以下のようになります。

【PhotoshopJSX】差分レイヤーカンプ作成スクリプト sabun_comp.jsx

レイヤー(グループ)名を設定したらスクリプトを実行します。

入力ダイアログが出るので、設定したレイヤー名と同じ名前を改行で入れます。
今回の場合以下の様に入力します。

【PhotoshopJSX】差分レイヤーカンプ作成スクリプト sabun_comp.jsx

OKを押すとレイヤーカンプが作成されます。

【PhotoshopJSX】差分レイヤーカンプ作成スクリプト sabun_comp.jsx

注意

  • レイヤーを追加した後などに再度実行する場合、元のレイヤーカンプを削除しないと重複して作成されます。
  • 重複する文字(「差分」と「差分A」など)がある場合うまく動きません。
  • レイヤーグループに内包されている場合一番上位のレイヤーグループの判定になります。一番上位のレイヤーグループ名を変更してください。

ダウンロード

sabun_comp.zip

免責事項

スクリプトのダウンロード、実行は自己責任でお願いします。
このスクリプトを使用したことによる一切の責任を負いません。

おわりに

随分前につくったやつなので今回使い方をまとめたり見直してみたりしたら至らない部分が多々あり…
今そんなに使用頻度が高くないスクリプトなので優先度は低いけど、そのうちもうちょい整理したい。

About

望月水奈
Mina Mochiduki
Twitter / Facebook / Pixiv / niconico

東京生まれ、神奈川県在住のフリーランス。イラスト・漫画・デザイン・彩色・動画・WEB等の制作活動中。

某美大にてグラフィックデザインを勉強。在学中から同人・商業にてイラストや漫画の制作を行う。WEBは中学時代から興味があり、タグ辞典を購入し自作の趣味サイトを運用。アナログ回線テレホ世代。

新卒でインハウスデザイナーとして教育系一般企業に就職。チラシやポスター等販促物、教材等の自社製品、キャラクター、ロゴ、社内報、WEB等のデザインイラストを担当。

2009年より個人事業主として開業し、前職より委託された教材イラストを主に、イラスト・漫画・デザイン・彩色・動画・WEB等幅広く受注制作や業務委託外勤等で経験を重ねる。

スキル: Photoshop/Illustrator/AfterEffects/HTML/CSS/JavaScript&jQuery/git/sass/PHP/WordPress etc...

略歴
2009
Wacom・TINAMI『ペンタブdeコミック広場 キャラクターコンテスト』最優秀賞受賞
2010
コミックエッセイ『ダーリンごはん』発売
2012
Wacom・季刊エス『タブレットdeアート投稿コンテスト』準入選
2013
デザイン勉強会にて『はじめてのAdobe After Effects』スピーカー
WordCampTokyo2013 スタッフ参加 タイピングゲームデザイン作成
擬人化CSS制作
2014
株式会社インプレス『今日からすぐに使える! Surface Pro 3 スタートガイド』取材協力
2016
翔泳社『定期誌 MarkeZine』にて『マンガ超訳マーケティング用語』連載(2017年現在連載中)
仕事履歴を見る

Contact

ご意見・ご感想などお気軽にお送りください。
仕事のご依頼以外(登録系の依頼含む)、ご意見ご感想に関しては個別に返信しかねる場合がございます。ご了承ください。
仕事のご依頼の場合『ご依頼について』をご確認の上ご連絡ください。

お名前必須

メールアドレス必須

題名

メッセージ本文

Copyright © mochimina.com

search envelope heart star user close search-plus home clock update edit share-square chevron-left chevron-right leaf exclamation-triangle calendar comment thumb-tack link navicon aside angle-double-up angle-double-down angle-up angle-down star-half status image gallery music video category tag chat quote googleplus facebook instagram twitter rss