カテゴリー:UXPScript 一覧

UXP Scripting 相対パスによるモジュール読み込み緩和で変わる開発。

Photoshop UXPが24.2にアップデートしたことにより相対パスによるモジュールの読み込みが緩和されました。 これはいわゆるNode.jsのCommonJS modulesになります。外部のScriptファイルを読み込むことができるので 役割を細く分割したモジュールにコードを分けることが可能になりコードの可読性を保ったまま開発規模を大きくすることができます。 つまりUXP Scriptingでもwebpackのようなファイルをまとめるツールを使わなくてもデフォルトで細かくコードを分けることができるようになったわけです。 しかしUXP以前のExtendScriptでも#includeを使

Read more

Photoshop UXP ScriptのUIをVanilla JSでこなす

Photoshop UXPでExtendScriptのようにScriptができるようになりましたがあまり盛り上がっている気もしません。実際どうなのでしょうか。 それは置いといてUXP Scriptもダイアログ上にUIを作ることも可能なのでExtendScriptのようにダイアログのあるScriptも可能なのですがこのUI、現状HTMLとCSSで構築しなければならずしかもJS上で全て組み立てないといけないのでExtendScriptのdialogUIに比べてハードルが高くなっています。勿論Reactなんかを使った方が便利ではあるのですがpsjsファイル単体、また簡単なファイル構成で動くでメリット

Read more

Photoshop UXP Script colorSamplerPalette

Photoshop UXP Scriptです。 今回はカラーサンプラーから塗りレイヤーを生成するScriptです。 生成したいカラーをダイアログからチェックして選ぶこともできます。 画像からサンプルのカラーを作りたい時にどうぞ。 またJSONデータとしてローカルに書き出すこともできるので何か自分のコードに組み込みたい時にも。 ただしPhotoshop2023以降でないと動きません。 またRGBかCMYKモード出ないと動きません。 このScriptファイルとしてダウンロードしたい場合はこちらよりダウンロードしてください。 実はダイアログ上に取得した色をそのまま表示したかったのですがCMYKモード

Read more

Photoshop UXP Script グラデーション関係のScript

Photoshop UXP Scriptでグラデーション関係のScript作りました。 具体的には塗りの単色レイヤーからグラデーションを作ったり逆にグラデーションレイヤーから単色の塗りのレイヤーを生成したりします。 UXP ScriptなのでExtendScriptのように簡単に実行できます。 gradientSeparater まずはグラデーションレイヤーから単色のカラーを抜き出して単色レイヤーを生成するScriptです。以下コードになります。 使い方としてグラデーションレイヤーを一つだけ選択します。その後実行するとグラデーションレイヤーの各種ポイントのカラーから カラー情報を抜き出して単色

Read more