タグ:UXP 一覧

Photoshop UXP 保存元と同じディレクトリーにドキュメントを保存する

Photoshop 24.2よりgetEntryWithUrlメソッドが追加されました。このメソッドを使えばもうstring型のパスからEntry型のパスを生成できるので本記事のような回りくどいやり方でローカルファイルにアクセスする必要がなくなりました。 詳しくこちらを参照 そろそろ今年も終わりに近づいております。正直今の仕事に色々思う節のある最近で、一応DTP関係の仕事をやってはいますがTwitterを見渡すと周りに比べてあんまりDTPにも精通していないと感じる今日この頃です。 ところでPhotoshop UXPにはsaveAsメソッドがあります。これはExtendScriptにおけるsav

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

Photoshop UXP Plugin Script Storage

実験的なPhotoshop UXP Pluginを作りました。 今回はクラウドに保存されたScriptを検索、ダウンロードするPluginです。 Scriptのサンプル集のようなものをPluginから検索して見つけたら直ぐに実行できるようなものがあったらいいなと思って作りました。さらにクラウドにコードを後から追加することも可能にしたいと思ってのクラウドにアクセスしてダウンロードです。 サンプルScriptがまだまだ追加する予定ですが実験的なPluginなので突然クラウドのアクセス自体止める可能性もあります。 使い方 まずログインを求められます。 いつかはアカウントを登録した方のみ使えるような形

Read more

UXP開発者にとって存在する三つのfs

UXPのドキュメントを読んでいくとfsというモジュールらしきものがちらほら出てきます。 これはfileSystemの頭文字をとってfsなのでしょうが厄介なのがこのfsという似て非なるものが三つも存在する事です。 ネタのような話でわりかし精通していない開発者の壁となりやすい箇所なので解説します。 Node.jsのfs 一般的にJavaScriptでfsと言ったらNode.jsのネイティブモジュールのfsです。 ファイルシステム関係のモジュールでローカルのファイルにアクセスします。公式ドキュメントはこちら。 グーグル先生に尋ねると大体これ関係の記事がヒットするのでここであまり語ることもありませんが

Read more

Adobe UXP v6.3 fileSystem触ってみた。

今年も大幅アップデートの季節が来ました。皆さん各種アプリケーションの新機能を触っていますが私はそっちの新機能そっちのけでUXP Scriptばかり触っています。ただ現状IllustratorでCEPが使えなくなるとかなりの不都合があるので当分IllustratorのCEPが廃止されないように祈るだけです。 それでIllustratorは置いといてUXPですが今回のアップデートでついにローカルファイルへのアクセスがダイアログ無しでできるようになりました。Node.jsチックなファイルシステムが大幅に追加されたので触ってみます。まず実際に触る前にmanifestの設定をローカルアクセスできるように

Read more

Photoshop UXP プラグイン Adjustment Holder

Photoshop CC2023も近い時期になってきましたが新しいUXPプラグインを作成しました。調整レイヤーをパネル上で一時的に保存して他のドキュメントにペーストできるプラグインです。一時的にカラー調整した値を保存したい時や似たような画像を沢山色調整するときに一括で調整を適応したい時などにこういうものがあったらいいなと思って作成しました。現在保存できる種類の調整レイヤーは限られていますが主要なものは扱えるようにしているつもりです。 Adobeマーケットプレイスで承認されたのでPhotoshopのアカウントがあればインストールできます。 パネル 使い方 パネルがPickerとHolderの二種

Read more

PhotoshopUXP React関係の細かい仕様 Spectrum、Custom Elements

React関連のぼやきをTwitterで呟いたら外国のアカウントから返信が色々きて驚いた最近です。Adobe Spectrumの挙動など外国の方から教えてもらって今回その事を主に取り上げたいと思います。 まず何度も申し上げてますがUXPはブラウザーに似ているようで異なるシステムの上に成り立っています。CEPはChromeのシステムがベースになっていたのでブラウザーで動く事はおおよそその通りの仕様で動くようになっています。しかしUXPは細かい仕様が異なるのでつまづく箇所がそこそこ出てきます。そこで最近何度かつまづいた箇所を(主にSpectrum関連)をまとめておきます。 manifest5よりパ

Read more

Photoshop UXP Scripting触ってみた

Photoshopのマイナーバージョンアップ(23.5)と共にmanifest.jsonやパネルUIを必須としないScriptingが使えるようになりました。これは従来のExtendScriptの代替のようなものでScriptファイル単体でUXPScriptが実行可能となります。以下ざっくりした特徴になります。 基本はUXP Pluginの仕様に準拠。(ES2015が使えたりローカルファイルへのアクセスが制限されていたり) psjsという特殊な拡張子を使用。 実行自体ファイル -> スクリプト -> 参照からpsjsファイルを選ぶだけ。 manifestもUIも必須ではない。ただしScript

Read more