クリエイター向け

【解決】原寸でコンタクトシートを作りたい!

InDesignで自動原寸コンタクトシート生成 アイキャッチ図版

イラストや図版を制作していると,しばしば作った画像の名前とプレビューの一覧(コンタクトシート)が必要になります。おもに自分で出来を確認する,依頼者に校正してもらうなどの目的で紙やPDFを用意することが多いでしょう。

コンタクトシートの生成は次の方法が普及しています。

  • Adobe Bridgeの[書き出しパネル(出力)]
  • InDesignの[ImageCatalog.jsx]
  • Photoshopの[コンタクトシート II]

これはこれで便利なのですが,問題は画像を 縦列4 × 横行5 のようなサイズに強制的に割り付ける仕様です。受注制作の場合は,100%で配置したときもっとも効果を発揮するよう意図して作ります。なので,品質を確認するときは原寸であってほしいわけです。

一般的なコンタクトシート(Bridgeより)
一般的なコンタクトシート(Bridgeより)

ImageCatalog.jsxなら,このような流れで解決できます。

  1. ImageCatalog.jsxでコンタクトシートを作る
  2. できたInDesign書類の配置画像を原寸に戻し,等間隔に分布などで間隔を調整する

ただ,行からはみ出したら次の行に送る,ページからはみ出したら次のページを作って送る,という作業を自力でやるのはあまりにも面倒です。そういったいかにも機械が得意な作業は機械にやってもらいましょう。

そこで今回はFinder/Explorer/Bridgeで選択している複数の画像を,指定した倍率でInDesignドキュメントに配置し,きれいに並べるスクリプトを紹介します。

続きを読む

【解決】整列・分布を全部ショートカットで操りたい! (Saligna 1.2)

Saligna整列・分布パネル配置図

以前の記事【解決】整列・分布を全部ショートカットで操りたい!によって,[選択範囲に整列][アートボードに整列]など基準の変更も含めたIllustratorの整列機能がキーボードショートカットで操れるようになりました。

簡単におさらいすると,整列スクリプトSalignaは次のような特徴を持っています。

  • 整列・分布の実行や整列基準の変更をスクリプトで発動できる→ショートカットを割り振れる
  • 横書きポイントテキストの下の空白や,行末のトラッキングを無視し見た目で整列できる
  • 天地左右中央に整列など,2回整列が必要な動作を1回で実行できる

最初のリリースはCS6をメインターゲットにしていましたが,CC2015あたりの仕様変更によりうまく動かなくなった機能があります。今度はおもにCC2018以降を対象に更新しました。

バグ修正や仕様変更など色々ありますが,代表的な変化はこちらです。

  • 安定性の向上(Illustratorの進化,キーオブジェクト取得プラグインOnegaiSDKの採用などによる)
  • グラフオブジェクトの整列・分布に対応(要OnegaiSDK)
  • アイテム単一選択の場合,アートボードに整列
  • キーオブジェクトを無視できるモードを追加(Illustrator 24.2.0の自動キーオブジェクト設定対策)
  • Karabiner-Elements を利用したおすすめショートカット設定つき(macOS専用)

それではmacOS用にインストール方法などを解説していきます。

続きを読む

【解決】既存の黄色レイヤーの色を変更したい!

既存の黄色レイヤーの色を置換 アイキャッチ図版

以前の記事【解決】レイヤー作成のとき黄色レイヤーを禁止したい!によって黄色レイヤーとの戦いは終息に向かい,人々は平和な日々を過ごしていました。

ところがその穏やかな時間は長くは続かず,またしても黄色レイヤーが侵攻を始めます。Illustrator CC 2018からレイヤーの色設定が変わり,旧バージョンのレイヤー 7(シアン)が黄色に化けるようになったのです。

今までは量が少なくさほど苦労しませんでしたが,CS6など旧バージョンからの改訂のたびに黄色レイヤーは現れ,人類を損耗していきます。

そこで開発されたのが,書類上のすべての黄色レイヤー(サブレイヤー)を別の色に置き換えるIllustratorスクリプトです。

続きを読む

【解決】XDで文字の上下にある余白を削除したい!

XDテキスト余白を削除 アイキャッチ図版

「Adobe XDでフォントの余白分の高さを削除してくれるプラグインはないの?」というコメントを見かけました。確かにフォントによっては文字の上下が大きく空いていて,数値上のマージンと見た目のマージンに差が出ます。空きが実際どれくらいなのかわかりにくいですね。

ただテキストのパネルを見ても,Wordのようなトリミングくい込み設定などはなさそうです。

そこで今回は,選択しているテキストを,文字のアウトラインサイズの四角でマスクするAdobe XD用プラグイン「MaskText」を紹介します。

続きを読む

【解決】XDで選択したオブジェクトを一気に差し替えたい!

XDキーオブジェクトで置換 アイキャッチ図版

Adobe XDで作業をしていると,選択しているアイテムをまとめて別のオブジェクトに変えたくなることがあります。例えばただのグループとして作ったボタンを後からコンポーネントに変換するなどです。

普通にやろうとすると,オブジェクトを複製して整列するという動作を延々と続けることになります。これでは終わりが見えず,途方に暮れてしまいますよね。

そこで今回は,選択しているアイテムをまとめて置換するAdobe XD用プラグイン,ReplaceItemsを紹介します。

続きを読む

【解決】Shutterstockの[アートボードを使用]のエラーを回避したい!

epsとして再保存する アイキャッチ図版

ストックイラスト用にIllustratorデータを作るとき,複数アートボード使ってバリエーションを用意することが多いでしょう。別名保存する際,[アートボードごとに作成]にチェックを入れると,アートボードごとに個別のファイルとして書き出せます。スクリプトやプラグインなどを入れなくても自動で分割してくれるので,量産には欠かせない機能ですね。

しかしShutterstockにepsファイルをアップロードするとき,次のようなエラーが出ることがあります。

[アートボードを使用]の設定を使用してベクター画像が保存されています。この設定を使用せずにベクター画像を保存して、アップロードし直してください。詳細はこちらをご覧ください。

2020年4月20日より[アートボードごとに作成]の設定が使用禁止になり,使用を検知されると上記警告とともに不合格になります。人によっては2020年4月20日以降に使用してもエラーがないようですが,原因はよくわかっていません。

調べたところepsのソースコード中に[アートボードを使用]で書き出したかわかる印があるので,アップローダーはそこを調べている可能性が高いと考えています。

詳しい話は省略しますが,自動処理でその印だけを綺麗に削除するのは困難です。書き出した個々のepsファイルをIllustratorで別名保存し直すのが簡単で良いでしょう。

そこで今回はドロップした複数のepsファイルを,Illustrator 10のepsで再保存するアプリを紹介します。

続きを読む

【解決】文字数を指定してダミーテキストを生成したい!

ダミーテキストを生成する アイキャッチ画像

デザイン・レイアウト作業やテキストエディタでの執筆のとき,「□□□□□□□□□■□□□□□□□□□■」のようなダミー文字を使うことがあります。10文字(または5文字)ごとに見た目が変わるため,文章がどのくらいのスペースを占有するか,指定された文字数はどの程度の長さかを大雑把に測るのに役に立ちます。

かつてはダミーくんというアプリケーションで生成していたそうですが,対応機種がMac PPCとあり今やロストテクノロジーです。

そこで今回はダイアログで文字数を指定してダミーテキストを生成し,クリップボードにコピーするAutomatorサービス(クイックアクション)を紹介します。

続きを読む

【まとめ】プラグインとカスタマイズで作ろう!自分だけの最速XD(3)

プラグインとカスタマイズで作ろう!自分だけの最速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)では,macOSの環境設定やXDプラグインの設定ファイルを編集するなどの方法でXDプラグインにショートカットを設定します。

【まとめ】プラグインとカスタマイズで作ろう!自分だけの最速XD(2)は,Keyboard Maestroを使ってXDプラグインを実行する,そして画像認識でAdobe XDのUIを操る,の2つがメインです。

3回目の今回は,Automatorの記録機能を使いAdobe XDのUIを操ったり,XDプラグインに自動化アプリ用の裏口を仕掛けて利用したりします。

続きを読む

【まとめ】プラグインとカスタマイズで作ろう!自分だけの最速XD(2)

プラグインとカスタマイズで作ろう!自分だけの最速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をもっと便利にします。

続きを読む

【解決】スウォッチ名を検索してその色を適用したい!

hs.chooserでスウォッチ適用 アイキャッチ図版

このエントリーは DTP Advent Calendar 2019 10日目の記事です。
前日はMD5500さんによる『Cloud Vision API のOCRを仕事で使ってみた』でした。

DTPの仕事では,フォーマットに使用色のスウォッチがたくさん用意されていることがあります。作業の際は名前とサムネイルを見て目的のスウォッチを探し出し,パネルをクリック・適用する,というのが普通の流れでしょう。

しかし,大量のスウォッチがあるとスクロールするだけで大変です。Illustratorの場合アクションに登録すればキーで呼び出せますが,そんなにたくさんあるなら多分キー割り当てを覚えられません。Spotlightみたいにショートカット1つで呼び出して検索し,その色を適用できたら大分速く楽になりそうなのですが……

調べてみるとHammerspoonというアプリのhs.chooserで作れるようです。

そこで今回は,Hammerspoonでスウォッチ名をインクリメンタルに検索し,選択しているアイテムに適用するIllustrator用スクリプトを紹介します。

続きを読む

【まとめ】プラグインとカスタマイズで作ろう!自分だけの最速XD(1)

プラグインとカスタマイズで作ろう!自分だけの最速XD アイキャッチ画像

このエントリーは Adobe XD プラグイン制作 Advent Calendar 3日目の記事にします。

Adobe MAX Japan 2019で,XD Short Sessionsの1つを担当しました。XDプラグインやシステム環境設定・Keyboard Maestroなどの自動化アプリケーションを利用し,2秒かかる手間を0.3秒に縮めるような小さな効率化をする話です。

当日は実演中心でしたが,文字で伝えたほうがわかりやすい要素が多いため内容を再構成して紹介します。今回はその1回目です。

続きを読む

【解決】XDで線形グラデの角度を確認・指定したい!

XD線形グラデーション角度 アイキャッチ図版

このエントリーは 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を紹介します。スクリプトにショートカットを割り当てるアプリとの組み合わせで,キー呼び出しを実現する作戦です。

続きを読む

【解決】XDプラグインの紹介リンクを一瞬で作りたい!

XDプラグインのインストールリンクをコピー アイキャッチ図版

Adobeの審査を通過したXDプラグインなら,自動でプラグインマネージャーのインストール画面を開くリンクを用意できます。ユーザーは情報を見つけたその場で簡単にインストールでき,作者にとっては宣伝しやすくなるというお得な機能です。感謝!

リンクのパスは上のように,https://xd.adobelanding…?name=に続いてe46fe5a4などプラグインIDをつけます。IDはFinderでプラグインのデータがあるフォルダを開き,manifest.json内のnameとid項目を確認するとわかります。しかしそういう手間がかかることはなるべくしたくないですよね。

そこで今回は,XDにインストールされているプラグインの名前とインストールリンクをクリップボードにコピーするAutomatorサービス(クイックアクション)を紹介します。Automator用なのでmac専用です。windowsのかたはすみません。

続きを読む

【解決】XDにも選択メニューがほしい!

XD共通選択・オブジェクト選択 アイキャッチ図版

「コンポーネントって一括削除できないのかなぁ」というコメントを見かけ,そういえばXDにはIllustratorの自動選択ツールや選択メニューのような類似したアイテムを選択する機能ってないよねと気づきました。

塗り色や線の色が共通なアイテムを選択するプラグインSelectionは見つかりましたが,共通コンポーネントはないようです。

そこで今回は,名前/種類/コンポーネントのインスタンス/座標など属性が共通するアイテムを選択するAdobe XD用プラグインSelectMenuを紹介します。

続きを読む

【解決】選択アイテムを長辺に合わせてリサイズしたい!

長辺揃えサイズ統一 アイキャッチ図版

Illustratorで配置した写真の大きさを統一したいときがあります。調べてみると,幅か高さのどちらかに揃えてリサイズするスクリプトがあるようです。Illustratorでオブジェクトの大きさを揃えるには – DTP Transit

それはそれで便利なのですが,この方式だと写真の大きさの比率がバラバラになってしまいます。意図通りにするには,横長のときは幅を,縦長のときは高さを変えなければいけません。

そこで今回はキーオブジェクトの長辺の長さに合わせて,選択しているアイテムをリサイズするIllustrator用JavaScriptを紹介します。

続きを読む

【解決】複合パスのままPIXTA用NGチェックしたい!

PIXTAのEPSベクターイラストNG確認スクリプト アイキャッチ図版

ストックフォトサービスのPIXTAは,EPSベクターイラストのリジェクト項目を検索して選択するIllustrator用スクリプトを公開しています(【ベクター素材制作用】リジェクト項目の自動チェックスクリプトを公開しました | PIXTA Channel)。

リジェクト項目とは,例えば孤立点や塗りだけのオープンパス・非表示のオブジェクトなどです。どれも目視で見つけるのは難しいので,内部データを使って探してくれるのはありがたいですね。

ところがこのスクリプトは,複合パスの中にあるリジェクト項目を検出できないことがあります。これは複合パスの配下にグループが存在するのに気づかないのが原因のようです。現状では複合パスを解除してからスクリプトを実行する決まりになっていますが,できればそんなことはせずに検出してほしいですよね。

そこで今回は複合パスのままPIXTA用ベクターイラストのNGチェックをするIllustrator用JavaScriptを紹介します。ついでなので,レイヤーロック解除を自動にしたり高速化したりもっと便利にします。

続きを読む

【解決】Pr6などの文字セットをどれかに統一したい!

フォント(文字セット)統一 アイキャッチ図版

フォントには同じ名前でバリエーションがいくつか存在するものがあります。例えば中ゴシックBBBは Pro/Pr5/Pr6/Pr6N/Upr/NewCID のバージョンに別れ,さらに学参,学参 常改などの種類も用意されています。ややこしいですね。

FontExplorer X ProやNexusFontなどのフォント管理アプリで使うものだけ有効にしておけば選び間違いは減りますが,それを使わないかたのデータを受け取ると統一されていないことがしばしば。

もし制作業務を引き継ぐ場合は安全のために気持ち悪さをこらえ,そのまま進めるでしょう。しかし,支給されたデータをこれから改造するときは1種類に揃えたいのではないでしょうか。

そこで今回は開いている書類のフォントを,ProやPr6など指定した文字セットの書体に置換するIllustrator用JavaScriptを紹介します。

続きを読む

【解決】線幅プロファイルにショートカットを設定したい!

線幅プロファイルにショートカット アイキャッチ図版

Illustratorの[線幅ツール]は線を部分的に太くまたは細くし,強弱をつける機能です。線幅ツールで作成した強弱の設定は[線幅プロファイル]として保存したり,それを呼び出したりできます。

[線幅プロファイル]は自分で作らなくても,最初からいつくか用意されています。中でも両端が細くなった[線幅プロファイル 1]や片側に向かってだんだん細くなる[線幅プロファイル 4]は汎用性が高いため,使う機会が多いのではないでしょうか。

しかしこの設定,適用するのに[線パネル][アプリケーションバー][プロパティパネル]などの該当部分を押すしかありません。

アクションやグラフィックスタイルに登録しようにも[線幅プロファイル]だけを記録することはできないようです。線の色や太さなど色々な情報が一緒についてきてしまいます。うまくいきませんね。

そこで今回はファイル名を利用して指定した線幅プロファイルを適用するJavaScriptを紹介します。スクリプトにショートカットを割り当てるソフトとの組み合わせで,キー呼び出しを実現する作戦です。

続きを読む