今まで何度も述べてきましたがAdobeCEPにはイベントというシステムがブラウザーのjsと同じように存在します。ただしCEPから生成できるイベントの種類はかなり限られていて例えばドキュメントが保存された後、アクティブなドキュメントが切り替わった後など数種類程度しかありません。詳しくは公式ドキュメントを参照。Photoshopの場合これに加えてアプリケーション側のイベントがいくつもあるのでレイヤーを操作した場合、ツールを切り替えた場合に発火するイベント等がを沢山使えます。Illustratorの場合はPhotoshop以外のアプリケーション同様こういったイベントは基本使えないのですがそれを可能に
*2023年12月4日、後継的な存在のExtensionOmamoriForIllustratorも公開しました。こちらもご覧ください。 一時期Illustratorの配置画像の低解像度プレビューが話題になってました。これは配置した画像のリンクが無効な時に今まで画像そのものがIllustrator上に表示されないという仕様でしたが最新のバージョンだとクラウド編集の対応に合わせてリンクが無効でも低解像度で表示するという仕様変更が行われました。詳しくはこちらのサイトが参考になります。 Illustrator2020形式ファイルフォーマットとは それでこのプレビューですがいざ実装されるとぱっと見リン
Illustrator向けExtension ArtBoardHolder作りました。 アートボードを管理するためのExtensionです。アートボードの名前をリネームしたりリサイズしたり新しく生成するExtensionです。自分自身アートボードをいろいろ職場でも扱ってたのにピンポイントの機能のscriptファイルが散らばってまとまってなかったので改めてパネルにまとめてみました。主な機能はリサイズ、リネーム、生成、その他、特定のフォーマットでの書き出し機能です。 2022年3月17日 一部縦、横の値がおかしい箇所があったので修正しました。最新はver1.0.1です。 共通 現在のドキュメントの
過去に公開したIllustrator用Extensionを大幅にアップデートしました。ベクターの色データを一括で変更したりチャートを作成したり一時的に色データを保存したりします。複数のカラーを一括して変更したり線と塗りに同じ色を適用する、塗りの色をテキストにして書き出すといった機能を一つのパネルにまとめました。 Adjust Illustrator上で選択したベクターのアイテムの色を一括で変更します。単に既存の色に決まった数値を足してゆくものから彩度を上げたり明るさを調整する機能まであります。 Additional ベクターアイテムの色を指定の数値を加算します。右のカラーのフォームに動かしたい
Illustratorで画像を写真画像なりその他の素材を配置することはよくあることだと思います。そしてフォルダーを別の場所に移動させると配置した画像ががいつの間に似たような画像に置き換わったりすることも誰しもが経験することでしょう。Illustratorは配置された画像をaiファイルから見て配置データを相対パスで取得して管理しているのでしょうがこれがたまに上手くいかず同じ名前のファイルの別のディレクトリーに保存されているファイルを読み込んだりします。今回前回の保存ファイルのパスと更新日付をjsonファイルに保存して再度aiファイルを開いた時に前回更新時のデータを比較して前回の状態と新しい状態で
Illustratorのオブジェクトモデルは複雑で、前回のカラーオブジェクトだけでもややこしいものでしたがグラデーションカラーになるとカラーオブジェクトに加えてスライダーの位置、数などより複雑になります。初見だと混乱すること必須のこのオブジェクトモデルについて紹介します。 大まかな構造 まず前回のカラーオブジェクト同様グラデーションオブジェクトに選択したグラデーションパスアイテムからアクセスします。単純なフラットな塗りの場合fillColorプロパティにアクセスすればカラーオブジェクトにアクセスできましたがご存知の通りグラデーション、それ自体が複数の色データを保持しています。さらにグラデーショ
Illustrator用のExtension、gradientBoxを作りました。グラデーション内の色を一括で変更したり調整するためのExtensionです。例えばグラデーションの色全体の明るさを変えたい時にいちいち全てのグラデーション内の色を一つ一つ調整するのもかなりの手間です。このExtensionではこのような調整をボタン一発でできるようになります。 使い方 基本はグラデーションアイテムを選択してカラーを読み込みます。キーのいろか塗りの色か事前に選んでください。その後に読み込んだ特定のカラーを調整します。調整したいカラーにチェックを入れて調整する数値を左のフォームに入力。青いボタンを押し
久しぶりに純粋なIllustrator scriptについて取り上げます。パスアイテムの色の置き換え、調整についてです。Illustratorのオブジェクトモデルも結構複雑で、勿論ドキュメントなりを見てやればできる事ではあるのですがつまずきやすい部分ではあります。今回カラー関係のオブジェクトモデルについて扱ってみます。 各パスアイテムのカラーオブジェクトはどこに格納されているのか パスアイテムのアクセスですがいくつかあります。documentオブジェクトからなりlayerオブジェクトからなりと、例えばlayerオブジェクトからアクセスする場合は layerオブジェクトに各レイヤーにpathIt
Photoshopにあるドロップレット 、便利でよくよく使います。IllustratorなんかでもaiファイルをPDFに書き出す時なんか一括でやるためにあったら便利だと思ったのですが同じAdobe製品なのに何故かIllustratorには無かったりします。というわけで作ってみました。 ドロップレットのアイコンをElectronで再現 Javascriptでアプリが開発できるElectronでドロップするアイコンを作ります。過去の記事参照。Electronのアイコンにドロップされたファイルを受け取ってそれをIllustratorに送ってファイルを開く、アクションの実行を行います。ただしElect
最後になりました。今回おまけ的にloading画面を作ります。loadingの最中はあらゆる要素の反応を無効にしたいので全ての画面をload画面で覆います。これを図的に表すとこんな感じでしょうか。 立体的な要素の指定はz-indexを行います。詳しくはこちらも参照してください。 まずhtmlでload要素を配置します。 load要素はcontainerには必ず含めないでください。このload要素はcontainerと独立した要素なので。そして以下、css。 円がくるくる回転するcssです。ベースとなっているload要素にz-index:5と高めの要素を指定しています。 このload要素ですが普