選択範囲を調整するPhotoshopプラグイン作りました。 選択範囲を拡大したり縮小したりぼかしたりする操作はPhotoshopの選択範囲、選択範囲を変更から一々選んでダイアログを呼び出す 必要があります。マスク作成の時など結構頻繁に使うことがあると思うのですがその割に不便に感じてたのでパネルで常時表示させて簡単にいつでも使えるようなプラグインを作りました。 操作できること 基本は選択範囲を変更からのメニューでできることが中心になりますが以下の通りになります。 選択範囲の拡大 選択範囲の縮小 選択範囲のぼかし 選択範囲を滑らかに また以下の事もできます。 選択範囲の端にガイドを引く 選択範囲の
Adobe UXP Developer Tools（公式でもToolsが複数形だったり単数だったりしてどちらが正しいかわからん）がver2に大幅アップデートしました。 Adobe UXP Developer ToolsとはなんぞやというとUXP Plugin、Scriptの開発に必要なアプリケーションで開発中のPluginなんかはこれを通じて読み込みます。基本の使い方は私のこちらの記事を読んでください。今回ver2の変更点を紹介します。 インストール 皆さんご存知の通りAdobeは最近CC Desktop Aplicationでアプリケーションのインストール、アップデート、アンインストールを管
Spectrum Web Component(以下SWC)が2024のPhotoshopよりベータ版の実装から正式な実装になりました。従来のSpectrum UXPより充実したコンポーネントのパーツが使えるようになります。尚SWC,Spectrum UXPといったこの辺の基本は過去の記事、Photoshop 24.5ベータ UXP 7.0追加APIをご覧ください。使用にあたってwebpackとyarnを使いますがある程度事前の知識が求められるのは覚悟してください。実装にあたっては公式のドキュメントと
予想より早くPhotoshop2024がアップデート可能になって巷でも話題になっていますがUXPもベータ版から7.2になって幾つか大きな更新がありました。今回xmp関連の機能について触れたいと思います。 そもそもxmpとは？ xmpとは色々省いて簡単に説明すると個々のファイルにテキストデータを埋め込むことができる XMLのようなフォーマットです。今回簡単な操作をすることが目的です。前回の記事配置画像の差異を検知する Illustrator Extensionのプロトタイプ ItemInspectorでも触れましたが最後に再度参考サイトも紹介します。 それで従来ExtendScriptでもpsd
以前開発していたPhotoshop用のExtension ExportImagesをUXPに作り直しました。ただそのまま作り直しただけでなく幾つかの機能を複数のパネルに分離しました。 Photoshopで開いている画像をまとめていろんな形式のファイルで保存できます。tiffやpsd等アクションでまとめて保存できない形式の画像も保存できるので画像の拡張子の変換なんかにも使えます。今回webpでも書き出しが可能です。パネルがいくつかに分かれていてメインの保存機能を実行するメインのパネルと主にweb用のフォーマットで書き出す機能を実行するexporterの二つです。その他jpg,webp,pngの保
**2023年 12月追記 Action Recordingは製品版でも使えるようになりました。** 季節は夏ですがそろそろAdobe製品のメジャーアップデートの足音が聞こえてきます。みなさん如何お過ごしでしょうか。今回Photoshop25.0のベータ版のUXPのAPIになります。 Action Recording 25.0の新しいAPIのAction Recordingが公式ドキュメントに公開されました。これはScriptで宣言された関数の内容をそのままアクションとして記録できてアクション作成後はユーザー自身の手でアクションを実行できるというものです。流れとしては以下のようになります。 ア
Photoshop UXPですがアップデートで地味にPhotoshopのAPIが追加されています。今回主に2023年4月から7月までに追加されたAPIについて解説します。主な機能は以下になります。 Selection(選択範囲) Calculations and Apply Image componentChannels(チャンネル) Imaging APIの正式実装 Imaging APIの正式実装 Photoshop UXP24.4からImaging APIがベータから正式に実装されました。はやrequire(“photoshop”).imaging_beta;ではなくrequire(“p
最近CSSの進化がすごいですね。カスケードレイヤー、コンテナクエリ、sin、cos関数と次々と大幅な機能が追加されています。IEのサポートが終わって以来IEを意識する必要が無いため今後新しいCSSがどんどん取り入れられるでしょう。 今後どんどん使われれそうなCSS 任意の要素の幅などを分岐点として特定の要素のCSSを変えることができるようになるコンテナクエリ、CSSの入れ子がSass無しでもできるCSSネスト、簡素に中央の配置ができるdisplay:gridのplace-content: centerなど色々あります。複雑なレイアウトを組むわけでなくてもCSSネストなんかは特別な環境設定を行わ
Photoshop 24.5のベータ版が出ました。それに伴いUXPの公式ドキュメントも更新されたので新しい機能を追ってみます。 UXP7.0とは UXP7.0は何度か言及していますがPhotoshopUXPのAPIと違いファイルシステムやHTML,CSS関連のベースとなるUXP本体のバージョンです。他のアプリケーションも同様専用のAPIとは別にUXP本体のバージョンがあるので他のアプリケーションのUXPバージョンも上がればおそらくほぼ同じものが使えると思います。 今回追加されたもの 公式のドキュメントにまとめられていますが主に以下のようなものが追加されました。 WebComponents関連の
Adobe UXPプラグインUIを作る場合Spectrum UXPというAdobeが最初からUXPに既に用意しているパーツを使用して開発できます。(後述しますがSpectrum UXPとAdobe Spectrum WebComponentsは別物) サンプルのパネルUI。各パーツはSpectrum UXPで構成されている。 このパーツを使い、細かいパーツのデザイン、レイアウト等一から作成しなくても既存のパーツを使えるので楽です。かなりこだわりがある方ならまだしもデザインに対してそこまで考えたくない方は便利ではないでしょうか。しかしこのSpectrum UXPですが用意されているというよりも埋