Adobe XDでは，パスや四角形などのシェイプを拡大・縮小するとき，もとの線の太さを変えずに維持します。角丸の半径やシャドウ（内側）／ドロップシャドウの距離・ぼかしの数値も同様です。そのため，SVGアイコンなどベクター素材をリサイズすると見た目が変わってしまいます。
グラフィック操作はIllustrator，プロトタイピングはAdobe XDと分担するのが基本的な使いかたでしょう。IllustratorでグラフィックをCCライブラリに登録し，Adobe XDで［リンクを配置］すれば線幅・効果は比率に応じて変更してくれます。
しかし実際のところ，Adobe XDとIllustratorを行ったり来たりするのは面倒です。また，すでにXDのオブジェクトになっているものをCCライブラリに登録しても，線幅が変わらない形式になります。やはりXDで直接できたら嬉しいですね。
そこで今回は，選択アイテムのサイズと線幅・効果を，拡大率を指定して拡大・縮小するAdobe XD用プラグインTransformSessionを紹介します。
続きを読む
以前の記事【解決】Illustratorにもオートフィルがほしい！により，選択した2つのテキストフレームの距離でアイテムを複製移動し，数値をオートフィルできるようになりました。
スクリプト実行にショートカットを割り振れば，ショートカットを連打するだけで一定間隔での複製と数値の打ち替えができます。便利ですね。
しかし作業をしていると「パスとかグループとか一定間隔で複製移動だけしてくれないか？ 数値はオートフィルしなくていいから」と思うことがあります。リピートグリッドがあれば解決しそうですが，連打でできる爽快感も良いものです。
そこで今回は，選択した2つのアイテムの距離でアイテムを複製移動するIllustratorスクリプトを紹介します。
続きを読む
Illustratorでは，塗りや線に色のついたアイテムを選択し［使用したカラーを追加］を実行すると，色を一気にスウォッチに登録できます。
この方法で追加したスウォッチはグローバルカラーです。アイテムに色を適用した後一括で変更しやすく，書籍の章テーマカラーなどで重宝します。ただ，そのような特別な意味を持たせない単なる色の場合は，グローバルをオフにしたくなるでしょう。
通常の手順の場合，対象のスウォッチのオプションを開き，グローバルのチェックを外す動作を延々と繰り返すことになります。指が痛くなってしまいますね。
そこで今回は，スウォッチパネルで選択しているカラーのグローバルを一括でオフにするIllustratorスクリプトを紹介します。
続きを読む
You’d be surprised to find that you can’t do things that you would normally do unconsciously. For me, it was the “Align to key object” in Adobe XD, and we’d be happy if XD had that too.
In this article, I’ll introduce Singari, a plugin for Adobe XD that treats the last selection as a key object and performs alignment and distribution.
続きを読む
イラストや図版を制作していると，しばしば作った画像の名前とプレビューの一覧（コンタクトシート）が必要になります。おもに自分で出来を確認する，依頼者に校正してもらうなどの目的で紙やPDFを用意することが多いでしょう。
コンタクトシートの生成は次の方法が普及しています。
これはこれで便利なのですが，問題は画像を 縦列4 × 横行5 のようなサイズに強制的に割り付ける仕様です。受注制作の場合は，100%で配置したときもっとも効果を発揮するよう意図して作ります。なので，品質を確認するときは原寸であってほしいわけです。
ImageCatalog.jsxなら，このような流れで解決できます。
ただ，行からはみ出したら次の行に送る，ページからはみ出したら次のページを作って送る，という作業を自力でやるのはあまりにも面倒です。そういったいかにも機械が得意な作業は機械にやってもらいましょう。
そこで今回はFinder／Explorer／Bridgeで選択している複数の画像を，指定した倍率でInDesignドキュメントに配置し，きれいに並べるスクリプトを紹介します。
続きを読む
以前の記事【解決】整列・分布を全部ショートカットで操りたい！によって，［選択範囲に整列］［アートボードに整列］など基準の変更も含めたIllustratorの整列機能がキーボードショートカットで操れるようになりました。
簡単におさらいすると，整列スクリプトSalignaは次のような特徴を持っています。
最初のリリースはCS6をメインターゲットにしていましたが，CC2015あたりの仕様変更によりうまく動かなくなった機能があります。今度はおもにCC2018以降を対象に更新しました。
バグ修正や仕様変更など色々ありますが，代表的な変化はこちらです。
それではmacOS用にインストール方法などを解説していきます。
続きを読む
以前の記事【解決】レイヤー作成のとき黄色レイヤーを禁止したい！によって黄色レイヤーとの戦いは終息に向かい，人々は平和な日々を過ごしていました。
ところがその穏やかな時間は長くは続かず，またしても黄色レイヤーが侵攻を始めます。Illustrator CC 2018からレイヤーの色設定が変わり，旧バージョンのレイヤー 7（シアン）が黄色に化けるようになったのです。
今までは量が少なくさほど苦労しませんでしたが，CS6など旧バージョンからの改訂のたびに黄色レイヤーは現れ，人類を損耗していきます。
そこで開発されたのが，書類上のすべての黄色レイヤー（サブレイヤー）を別の色に置き換えるIllustratorスクリプトです。
続きを読む
「Adobe XDでフォントの余白分の高さを削除してくれるプラグインはないの？」というコメントを見かけました。確かにフォントによっては文字の上下が大きく空いていて，数値上のマージンと見た目のマージンに差が出ます。空きが実際どれくらいなのかわかりにくいですね。
ただテキストのパネルを見ても，Wordのようなトリミングくい込み設定などはなさそうです。
そこで今回は，選択しているテキストを，文字のアウトラインサイズの四角でマスクするAdobe XD用プラグイン「MaskText」を紹介します。
続きを読む
Adobe XDで作業をしていると，選択しているアイテムをまとめて別のオブジェクトに変えたくなることがあります。例えばただのグループとして作ったボタンを後からコンポーネントに変換するなどです。
普通にやろうとすると，オブジェクトを複製して整列するという動作を延々と続けることになります。これでは終わりが見えず，途方に暮れてしまいますよね。
そこで今回は，選択しているアイテムをまとめて置換するAdobe XD用プラグイン，ReplaceItemsを紹介します。
Shutterstockアップロードのため，EPSのアートボードのサイズを4メガピクセル以上に拡大するIllustrator用ドロップレットminimumArea 1.3.0のページです。2.0.0で仕様が変わったため，旧バージョンの情報を残しておきます。
ストックイラスト用にIllustratorデータを作るとき，複数アートボード使ってバリエーションを用意することが多いでしょう。別名保存する際，［アートボードごとに作成］にチェックを入れると，アートボードごとに個別のファイルとして書き出せます。スクリプトやプラグインなどを入れなくても自動で分割してくれるので，量産には欠かせない機能ですね。
しかしShutterstockにepsファイルをアップロードするとき，次のようなエラーが出ることがあります。
［アートボードを使用］の設定を使用してベクター画像が保存されています。この設定を使用せずにベクター画像を保存して、アップロードし直してください。詳細はこちらをご覧ください。
2020年4月20日より［アートボードごとに作成］の設定が使用禁止になり，使用を検知されると上記警告とともに不合格になります。人によっては2020年4月20日以降に使用してもエラーがないようですが，原因はよくわかっていません。
調べたところepsのソースコード中に［アートボードを使用］で書き出したかわかる印があるので，アップローダーはそこを調べている可能性が高いと考えています。
詳しい話は省略しますが，自動処理でその印だけを綺麗に削除するのは困難です。書き出した個々のepsファイルをIllustratorで別名保存し直すのが簡単で良いでしょう。
そこで今回はドロップした複数のepsファイルを，Illustrator 10のepsで再保存するスクリプトを紹介します。
続きを読む
デザイン・レイアウト作業やテキストエディタでの執筆のとき，「□□□□□□□□□■□□□□□□□□□■」のようなダミー文字を使うことがあります。10文字（または5文字）ごとに見た目が変わるため，文章がどのくらいのスペースを占有するか，指定された文字数はどの程度の長さかを大雑把に測るのに役に立ちます。
かつてはダミーくんというアプリケーションで生成していたそうですが，対応機種がMac PPCとあり今やロストテクノロジーです。
そこで今回はダイアログで文字数を指定してダミーテキストを生成し，クリップボードにコピーするAutomatorサービス（クイックアクション）を紹介します。
CSS Nite LP67「All About XD update 2020」とAdobe MAX Japan 2019のXD Short Sessionsでスピーカーを担当しました。XDプラグインやシステム環境設定・Keyboard Maestroなどの自動化アプリケーションを利用し，2秒かかる手間を0.3秒に縮めるような小さな効率化をする話です。
1回目の記事【まとめ】プラグインとカスタマイズで作ろう！自分だけの最速XD（1）では，macOSの環境設定やXDプラグインの設定ファイルを編集するなどの方法でXDプラグインにショートカットを設定します。
【まとめ】プラグインとカスタマイズで作ろう！自分だけの最速XD（2）は，Keyboard Maestroを使ってXDプラグインを実行する，そして画像認識でAdobe XDのUIを操る，の2つがメインです。
3回目の今回は，Automatorの記録機能を使いAdobe XDのUIを操ったり，XDプラグインに自動化アプリ用の裏口を仕掛けて利用したりします。
CSS Nite LP67「All About XD update 2020」とAdobe MAX Japan 2019のXD Short Sessionsでスピーカーを担当しました。XDプラグインやシステム環境設定・Keyboard Maestroなどの自動化アプリケーションを利用し，2秒かかる手間を0.3秒に縮めるような小さな効率化をする話です。
1回目の記事【まとめ】プラグインとカスタマイズで作ろう！自分だけの最速XD（1）では，いくつかの方法でXDプラグインにショートカットを設定しました。
2回目の今回は，Keyboard Maestroなどの自動化アプリケーションを利用してXDをもっと便利にします。
このエントリーは DTP Advent Calendar 2019 10日目の記事です。
前日はMD5500さんによる『Cloud Vision API のOCRを仕事で使ってみた』でした。
DTPの仕事では，フォーマットに使用色のスウォッチがたくさん用意されていることがあります。作業の際は名前とサムネイルを見て目的のスウォッチを探し出し，パネルをクリック・適用する，というのが普通の流れでしょう。
しかし，大量のスウォッチがあるとスクロールするだけで大変です。Illustratorの場合アクションに登録すればキーで呼び出せますが，そんなにたくさんあるなら多分キー割り当てを覚えられません。Spotlightみたいにショートカット1つで呼び出して検索し，その色を適用できたら大分速く楽になりそうなのですが……
調べてみるとHammerspoonというアプリのhs.chooserで作れるようです。
そこで今回は，Hammerspoonでスウォッチ名をインクリメンタルに検索し，選択しているアイテムに適用するIllustrator用スクリプトを紹介します。
このエントリーは Adobe XD プラグイン制作 Advent Calendar 3日目の記事にします。
Adobe MAX Japan 2019で，XD Short Sessionsの1つを担当しました。XDプラグインやシステム環境設定・Keyboard Maestroなどの自動化アプリケーションを利用し，2秒かかる手間を0.3秒に縮めるような小さな効率化をする話です。
当日は実演中心でしたが，文字で伝えたほうがわかりやすい要素が多いため内容を再構成して紹介します。今回はその1回目です。
このエントリーは Adobe XD プラグイン制作 Advent Calendar 2日目の記事です。
「XDのグラデーションの角度（数値）ってどうやったら分かるの？」というコメントを見かけ，改めて確認しました。この設定は手作業のみだったのですね。90度や45度ならわかりやすいですが，それ以外は大雑把になりそうでした。
@OsatoCom さんによると，開発用に共有を使うと正確な数値を取得できるそうです。ところがこの方法はインターネット接続が必要で，実行には結構な時間がかかります。
せっかく Advent Calendar の季節ですし，XDプラグインを作ってみることにしました。
そこで今回は，線形グラデーションの角度をGet/SetするAdobe XD用プラグインGradientAngleを紹介します。
続きを読む
Illustratorにはオブジェクトにクリッピングマスクを適用するショートカット（command+7），解除するショートカット（command+option+7）が最初から設定されています。
それとは別に，レイヤーパネルに［クリッピングマスクを作成 / 解除］のメニューとボタンがあります。こちらはマスクの効果が対象レイヤーのサブレイヤーまで及び，階層構造を保ったまま見た目を切り抜けます。地図を作るときなどに活躍するのですが，ショートカットを設定するにはアクションを経由する必要があるため，使えるキーが少ない状態でした。
そこで今回はレイヤーのクリッピングマスクのON/OFFを切り替えるJavaScriptを紹介します。スクリプトにショートカットを割り当てるアプリとの組み合わせで，キー呼び出しを実現する作戦です。
Adobeの審査を通過したXDプラグインなら，自動でプラグインマネージャーのインストール画面を開くリンクを用意できます。ユーザーは情報を見つけたその場で簡単にインストールでき，作者にとっては宣伝しやすくなるというお得な機能です。感謝！
|
1 |
https://adobe.com/go/xd_plugins_discover_plugin?pluginId=e46fe5a4 |
リンクのパスは上のように，https://adobe.com/go/xd_plugins…?name=に続いてe46fe5a4などプラグインIDをつけます。IDはFinderでプラグインのデータがあるフォルダを開き，manifest.json内のnameとid項目を確認するとわかります。しかしそういう手間がかかることはなるべくしたくないですよね。
そこで今回は，XDにインストールされているプラグインの名前とインストールリンクをクリップボードにコピーするAutomatorサービス（クイックアクション）を紹介します。Automator用なのでmac専用です。windowsのかたはすみません。
「コンポーネントって一括削除できないのかなぁ」というコメントを見かけ，そういえばXDにはIllustratorの自動選択ツールや選択メニューのような類似したアイテムを選択する機能ってないよねと気づきました。
塗り色や線の色が共通なアイテムを選択するプラグインSelectionは見つかりましたが，共通コンポーネントはないようです。
そこで今回は，名前／種類／コンポーネントのインスタンス／座標など属性が共通するアイテムを選択するAdobe XD用プラグインSelectMenuを紹介します。
続きを読む
