Photoshop 2022になってから誰かUXP触ってるか不安になりながら今回も2022から追加されたプロパティーについて解説したいと思います。新しく追加されたプロパティーから様々なアプリケーション、ドキュメントの状態を取得できるようになりました。例えばクイックマスクモードか否か、ヒストリーの情報、描画色の色等、、、 詳しくはこちらのdocument関連とこちらでphotoshop関連が見れますが今回いくつかの新しいプロパティーについて触れたいと思います。 current tool 今回から現在選択されているツールの種類が取得できるようになりました。 これは以下のようにidとtypename
過去に公開したIllustrator用Extensionを大幅にアップデートしました。ベクターの色データを一括で変更したりチャートを作成したり一時的に色データを保存したりします。複数のカラーを一括して変更したり線と塗りに同じ色を適用する、塗りの色をテキストにして書き出すといった機能を一つのパネルにまとめました。 Adjust Illustrator上で選択したベクターのアイテムの色を一括で変更します。単に既存の色に決まった数値を足してゆくものから彩度を上げたり明るさを調整する機能まであります。 Additional ベクターアイテムの色を指定の数値を加算します。右のカラーのフォームに動かしたい
久しぶりにPhotoshop用UXP plugin開発しました。Photoshop上で画像をリストとして一覧で表示してアクティブにしたい画像パネル上で選んだり閉じたりできるパネルです。画像を沢山開いた時に一覧で画像の情報を表示して目的の画像を簡単に探したりできないかと思って開発しました。 *2021年12月6日 アップデートしました。detail panel追加。最新版は2022バージョンでインストールしてください。 使い方 今回とてもシンプルです。ファイルをPhotoshopで開いたり閉じたりするとパネルのリストが自動的に更新されます。リストにはファイル名、ファイルの保存されたパス、幅、高さ
Illustratorのオブジェクトモデルは複雑で、前回のカラーオブジェクトだけでもややこしいものでしたがグラデーションカラーになるとカラーオブジェクトに加えてスライダーの位置、数などより複雑になります。初見だと混乱すること必須のこのオブジェクトモデルについて紹介します。 大まかな構造 まず前回のカラーオブジェクト同様グラデーションオブジェクトに選択したグラデーションパスアイテムからアクセスします。単純なフラットな塗りの場合fillColorプロパティにアクセスすればカラーオブジェクトにアクセスできましたがご存知の通りグラデーション、それ自体が複数の色データを保持しています。さらにグラデーショ
久しぶりに純粋なIllustrator scriptについて取り上げます。パスアイテムの色の置き換え、調整についてです。Illustratorのオブジェクトモデルも結構複雑で、勿論ドキュメントなりを見てやればできる事ではあるのですがつまずきやすい部分ではあります。今回カラー関係のオブジェクトモデルについて扱ってみます。 各パスアイテムのカラーオブジェクトはどこに格納されているのか パスアイテムのアクセスですがいくつかあります。documentオブジェクトからなりlayerオブジェクトからなりと、例えばlayerオブジェクトからアクセスする場合は layerオブジェクトに各レイヤーにpathIt
CEPに比べて簡単になったUXPの開発ですがとはいえCEP含めてAdobeのplugin開発が初めてだとなかなかとっつきにくいでしょう。というわけで最初の開発の一歩を解説します。開発にあたってAdobe Developer Toolが必要になるのでここを参考にCreative Cloudのアプリからインストールしてください。インストール後にアプリを立ち上げます。 初めて立ち上げた場合はアプリのリストは空欄になっていると思います。とりあえず開発に着手しましょう。着手前に空のフォルダー を適当な場所に作ります。今回CEPと違ってpluginを特定のディレクトリーに置かないといけないわけではないので
PhotoshopUXPでサンプルプラグイン作りました。モダンなコードで書くとどんな感じのコードになるかのサンプルになります。内容はPhotoshopの雛形となるドキュメントを自動で生するプラグインです。ドキュメントを作成した後にレイヤーを作成したりガイドを引いたりしてドキュメントの雛形を作ってくれます。コード全体はこちらからご覧ください。 プラグインの概要 classからインスタンスを作成するとドキュメントを作成します。以下のようになります。 DocumentPreset classのコンストラクターに雛形の名前、幅、高さ、解像度、カラーモード、土台
ECMA2015以降classベースのオブジェクトの書き方が可能になりました。それまでの関数式ベースの書き方から大きく変わりました（但し中身は同じ）。今回classベースのオブジェクトの書き方を解説します。まずはECMA2015以前の関数式ベースのコンストラクトの作成について。 ご覧の通りECMA5まではコンストラクトの作成は関数をベースにしています。関数の引数にインスタンスのプロパティにしたい値を渡してthisで受け取る、というものでした。thisは所有者のインスタンスによって値が縛られます。このようにコンストラクトをnewした時に初めてthisの参照先が決まようになっています。またオブジェ
javascriptというかプログラミングを始める上で最初の壁がどうやって始めるのか。言語によっては仮想環境とか色々ややこしかったりします。その点javascriptは簡単に始めることのできる部類だとは思いますがそれでもブラウザ上で動かす大元のjavascriptはhtmlがなければ全く動きません。勿論javascriptを動かすだけの簡単なhtmlファイルを用意するくらい特別難しいわけでもないですが毎回用意するのは面倒でしょう。Adobe scriptならExtendScript ToolkitというAdobe script用のお手軽なエディターもありますがMacだとcatalina以降の環
配列のような配列 jsには配列のようで配列でないオブジェクトもあります。一見妙に聞こえるかもしれませんがECMA3で代表的なものと言えばargumentsでしょう。 引数の値を配列のように引き受けるarguments。for文で反復可能なので一見配列型のオブジェクトに見えます。しかし。 forEachを使用するとエラーが出てしまいました。なぜでしょうか？ 本当にArray型なのか確かめてみる。 ECMA5からArrayオブジェクトはArray.isArrayメソッドで確認可能です。Array型のオブジェクトならtrue、それ以外はfalseを返します。 以下確かめてみます。 なんとfalseが