プログラムの開発をしていると,技術や経験は個人に蓄積していきます。役立つ資料や道具のありかもしかりです。しかし自分の頭の中にあるだけの状態より,誰でもその情報にアクセスできたほうが世界はもっと良くなるでしょう。
そこで今回は,普段IllustratorでExtendScriptなどのスクリプトを書くときに使っている資料やWebサービスを公開します。
続きを読むプログラムの開発をしていると,技術や経験は個人に蓄積していきます。役立つ資料や道具のありかもしかりです。しかし自分の頭の中にあるだけの状態より,誰でもその情報にアクセスできたほうが世界はもっと良くなるでしょう。
そこで今回は,普段IllustratorでExtendScriptなどのスクリプトを書くときに使っている資料やWebサービスを公開します。
続きを読むリアルファブリックは,オリジナルの布をデザインしたり販売したりできるサービスです。パターンデザインをIllustratorで制作しているかたも多いでしょう。
過去の記事「アートボードとパターンのタイルをフィットさせるリアルファブリック用 Illustrator スクリプト」により,Illustratorのパターンデザインをアートボードに揃える工程が素早く正確になりました。しかし,最も面倒なのは画像書き出しです。
リアルファブリックのデザイン登録には,次の2種類の画像がいります。
デザイン用画像の決まりはこちらのようになっています。
形式:JPEG
カラーモード:RGB
解像度:200ppi
サムネイル用画像は特に指定がありませんが,常識的に考えるとこんなところでしょう。
形式:JPEG
カラーモード:RGB
解像度:72ppi
もうこの時点で大変そうですね。Illustratorファイルの中にデザイン用とサムネイル用アートボードが混在する場合,それぞれ解像度を変えて書き出す必要があります。
さらに言えば,デザイン用画像の解像度200ppiがくせ者です。Illustratorで普通に書き出すだけだと,パターンの継ぎ目に白い隙間ができてしまうことが多いのです。
そのため一旦隙間が出にくい解像度で書き出し,規定通りに200ppiに変更,その後Photoshopでパターンに登録して目視確認する,といった複雑な手順を辿ることになります。
つまり,リアルファブリックの決まりに基づいた形式・解像度で,白い隙間ができないよう画像を書き出し,実際隙間ができるか確認するための画像も追加で生成しなければいけません。
今回紹介するのはまさにそのためのPhotoshop & Illustrator用スクリプト, Fabricant(ファブリカント) です。
続きを読むAdobe XDでデザインを共有するとき,エンジニアやコーダーにメモを残したいことがあります。例えば,データを見ただけでは判断しにくいデザイナーの意図を言葉や絵で補完するときなどです。
メモ書きにはAdobe XDの共有機能/コメントを利用するなどさまざまな実現方法があります。対象アートボード付近のペーストボードに,テキストや画像を置くのもわかりやすくて良いでしょう。特に操作しなくても,書類を開けば目に入るのは大きな利点です。
しかしこの方法では,アートボードを動かしてもメモ用アイテムは一緒についてきません。毎回自力でちまちまアイテムを選択して近くに寄せることになります。せっかくの軽量高速アプリが泣きますね。
そこで今回は,ペーストボード上に置いたアイテムとアートボードを関連付け,一緒に動かせるようにするAdobe XD用プラグイン Kizuna を紹介します。
続きを読むIllustrator 2022(v26)からリンク画像の扱いが変わりました。それ以前のバージョンではリンク先が行方不明な画像は何も表示されませんでしたが,2022(v26)では低解像度サムネイルが必ず付きます(Illustrator 2020方式で保存した場合。参考:Illustrator2020形式ファイルフォーマットとは | Automation Skill)。
PDFなどを書き出した際は,低解像度サムネイルが見えている状態になります。リンク画像がなくても何があるかわかるようになりました。親切です。
しかしこの仕様はリンク切れを気づきにくくしてしまいました。低解像度でもまあまあ綺麗なので,異常を見逃すのです。
もし保存や書き出しの際にリンク切れを警告してくれたら,ミスを防げそうですね。ただIllustratorでは,保存や書き出しの動作を感知して警告を入れるのは難しいようです。
そこで今回は,Illustratorで画像のリンク切れを確認したあと,特定のメニューを実行するスクリプトを紹介します。
別名で保存や書き出しなど,通常のキーボードショートカットをこのスクリプトで置き換えると,特定のメニュー実行前にリンク切れ確認処理が入るという作戦です。
残念ながら手動でメニューを選んだときは発動しません。それで十分役に立つと思うかたのみご利用ください。
続きを読むGoogle Chromeでは,内容を丸ごと翻訳しながらページを開けます。英語で書かれたWebサイトを日本語で読みたいときに便利です。
ページ内の見ている部分その場で原文と日本語訳を切り替えられるので,視点が迷子になりません。両方の言語を行ったり来たりしやすく,理解が早くなります。
ところが言語を変えるには,小さな翻訳アイコンをクリックして,出てきたウインドウ上でさらに英語・日本語などを選ぶ必要があります。何回も繰り返すのはきついですね。
そこで今回は,Chrome翻訳の言語を交互に切り替える(トグルする)スクリプトを紹介します。Keyboard Maestroでスクリプトにショートカットを割り振り,キーボード操作を実現する作戦です。
今回はmacOS専用です。Windowsユーザーのかたはすみません。
本質的な部分はAppleScriptなので,Keyboard MaestroはBetterTouchToolやAlfredなど別のアプリで代替できます。
続きを読むアートボードに置いた特定の形式のテキストを,日本語/英語でXMP(IPTC)メタデータに書き込み,ai・eps・jpg・pngファイルとして書き出すIllustrator用ドロップレットinfoVector 1.4.0のページです。2.0.0で仕様が変わったため,旧バージョンの情報を残しておきます。
続きを読むIllustratorファイルのPDF書き出しに[別名で保存]を使用すると,作業中の書類はPDFに変わります。元データがai/epsファイルでもPDFです。
もし書き出しオプションで[Illustrator の編集機能を保持]をOFFにしていた場合,書類を閉じた瞬間に編集可能な元データは消え去ります。大変なことですね。
そんな悲劇を避けるため,次の策が推奨されています。
ただこれらは,ファイル名の「のコピー」を毎回削除する必要がある,使用しているIllustratorすべてのバージョンにアクションを設定しておかなければいけない,などいった理由でなかなか自分に定着しません。正しいけど面倒臭いことはすぐやらなくなるのが人間というものです。
そこで今回は,開いている書類と同じフォルダ・名前で,プリセット名を指定してPDFを複製書き出しするIllustratorスクリプトを紹介します。
続きを読むストックイラストのタグ付けが面倒というのは,制作者なら共通の悩みでしょう。アップロードするサイトが少なければコピー&ペーストでも何とかなりますが,増やすとその分負担も重くなってしまいます。
チャンスを広げるためには何とか販売先を多くしたいものです。
解決策として,ファイルへのメタデータ情報埋め込みが普及しています。IPTC情報やXMPメタデータなど呼び名はさまざまですが,する内容は同じです。Adobe Bridgeを利用して説明やタグの情報をファイルに入力すると,ストックイラストサイトのアップローダーがそれを自動で読む流れです。
しかしこの方法だと,次のような問題がありました。
Illustratorで数種類の画像を自動で書き出し,同時に適切な情報をメタデータに埋め込んで,さらに各社アップローダーがそれを正しく認識してくれたらありがたいですよね。
今回紹介するのはまさにそのためのIllustratorスクリプト,infoVector(インフォベクター)です。
続きを読むAdobe XDについて,次のような願いを見かけました。
これらは一般的な操作なので,プラグイン制作により比較的簡単に実現できます。しかしAdobe XD用のプラグインを公開するには,プログラムを書くだけでなくアイコンをデザインしたりイメージ画像を作ったり,何かと手間がかかります。個々にリリースするのは大変すぎるのです。
そこで今回は,行揃えの変更など,一般的で地味な操作の自動化を寄せ集めた1つのAdobe XD用プラグインにしました。それが今回紹介するCommonoです。
続きを読む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で再保存するスクリプトを紹介します。
続きを読む