Illustrator

[archive] minimumArea 3.0.0

minimumAreaアプリ アイキャッチ図版

This is a page for minimumArea 3.0.0, a droplet for Illustrator that resizes EPS artboard to 4 megapixels or larger for Shutterstock upload. The specification has changed in 4.0.0, so information on the old version is left here.

See [Solution] I want to resize Ai/EPS for large vector images for microstock illustrations! for the latest information.

[Solution] I want to scale EPS to 4 MP for Shutterstock!

On May 13, 2019, the process of contributing vector images (EPS) to the stock photo service Shutterstock has been changed.

Previously, JPEG images for preview and EPS files were uploaded together, but JPEG images are not required at now. The preview is automatically generated when you upload the EPS. It is more comfortable for contributors, as there is no need to convert EPS to JPEG.

The problem is the dimensions. In the new process, a condition was added that only EPS files of at least 4 MP (megapixel) in size were accepted. Although it is a unit that is not familiar, megapixels indicate dimensions that can be obtained by width * height. For example, width 2000px * height 2000px is 4,000,000 = 4 MP. Files of this size will pass the examination because the conditions of at least 4 MP are cleared.

However, there are few people who draw a vector image for stock illustration so large. If you think A4 is 841px * 595px and A3 is 1190px * 841px, you can see how big it is.

In other words, in order to upload vector images to Shutterstock, the work of calculating the enlargement ratio at which the size of each EPS data is 4 MP or more, actually scaling and then saving will occur like a mountain. Furthermore, the size limit is 25 MP, so you need to make sure you don’t exceed it. This is unreasonable.

Therefore, this time, we will propose a script for Illustrator that resizes the EPS artboard size to 4 megapixels to less than 25 megapixels for Shutterstock upload.

続きを読む

【履歴】minimumArea 3.0.0

minimumAreaアプリ アイキャッチ図版

Shutterstockアップロードのため、EPSのアートボードのサイズを4メガピクセル以上に拡大するIllustrator用ドロップレットminimumArea 3.0.0のページです。4.0.0で仕様が変わったため、旧バージョンの情報を残しておきます。

最新の情報は【解決】ストックイラストの大型ベクター画像用にAi・EPSをリサイズしたい!を参照してください。

【解決】Shutterstock用にEPSをリサイズしたい!

2019年5月13日、ストックフォトサービスShutterstockにベクター画像(EPS)を寄稿するプロセスが変更されました。

以前はプレビュー用JPEG画像とEPSファイルを一緒にアップロードしていましたが、現在JPEG画像は不要です。プレビューはEPSをアップロードしたときに自動で生成されます。わざわざ画像を作る作業がなくなり、寄稿者にとって快適になります。

問題は寸法に関する規定です。新プロセスでは最低4MP(メガピクセル)以上の大きさのEPSファイルのみ受け付ける、という条件が追加されました。あまり親しみのない単位ですが、メガピクセルとは幅×高さで求められる寸法のことを示します。例えば幅2000px × 高さ2000pxは4,000,000=4MPです。最低4MPの条件をクリアするので、このサイズのファイルは審査に合格します。

しかし、ストックイラスト用ベクター画像をそこまで大きく描く人は少ないでしょう。A4が841px × 595px、A3が1190px × 841pxだと考えると、どれくらい大きいかがわかります。

つまりShutterstockにベクター画像をアップロードするためには、各EPSデータの大きさが4MP以上になる拡大率を計算し、実際に拡大したあと保存するという作業が山のように発生するということです。さらに言えばサイズ上限は25MPなので、それを超えないようにする必要があります。途方もないですね。

そこで今回は Shutterstockアップロードのため、EPSのアートボードのサイズを4メガピクセル以上25メガピクセル未満にリサイズするIllustrator用スクリプト を紹介します。

続きを読む

【解決】Illustratorでテキストを分割・結合したい!

Illustrator用CEPエクステンションSplit Rows for Illustrator アイキャッチ図版

以前の記事【解決】Illustratorでもテキストを行ごとに分割したい!により、Illustratorの行方向のテキストばらしが進化しました。

しかし作業をしていると、列方向に1文字ずつばらしたくなったり、グラフツールからコピーしてきた数値をタブごとに分割したくなったりします。

さらに言えば、分割したテキストをまた結合することになり、そのたびにコピー&ペーストを繰り返すのは時間と手間の浪費に思えます。そのへんをまとめて解決してくれる手段がほしくなりますね。

そこで今回は、テキストを行ごと/文字ごとに分割したり、区切り文字で分割・結合するIllustrator用エクステンション、Split Rows for Illustrator を紹介します。

続きを読む

【解決】スクリプトで合成フォントの内訳のPostScript名を取得したい!

Illustrator合成フォントPostScript名取得 アイキャッチ図版

Illustratorには合成フォント機能があり、漢字・ひらがな・アルファベット・数字などの種類ごとに別々のフォントを指定し合成した単一のフォントを作れます。

単一のフォントになっているため、それをテキストに割り当てるだけで自動的に文字の種類ごとに意図通りの見た目に変わってくれます。自力で個別に指定するよりずっと確実で、ヒューマンエラーを減らすのに効果的です。

Illustratorの合成フォント機能は、残念ながらスクリプトでの操作に対応していません。せめて情報の取得だけでもできればよかったのですが、XMPメタデータを通じて内訳のフォントファイル名を取得するところまでが限界でした。フォントファイル名からPostScript名を求める部分は、外部のデータベースかFont Bookなど外部アプリの機能が必要です。惜しいですね。

調べたところ、合成フォントファイルを読むことで内訳のPostScript名が得られそうでした。

そこで今回は、ExtendScriptでIllustratorの合成フォントの内訳のPostScript名を取得する例 を紹介します。

続きを読む

【解決】全アートボードを中身に合わせてフィットさせたい!

全アートボードを中身に合わせてフィット アイキャッチ図版

Illustratorで作業していると,中身にぴったり合うようアートボードの寸法を変えたくなるときがあります。その際は[オブジェクト > アートボード > 選択オブジェクトに合わせる]などを使うと実現可能です。

この機能は,1つ2つくらいのアートボードをフィットさせるのに向いています。書類上のアートボードすべてに適用するには,それらすべてに対して実行を繰り返さなくてはいけません。一括で処理したくなりますね。

そこで今回は,全アートボードを中身に合わせてフィットさせるIllustrator用スクリプト を紹介します。

続きを読む

【履歴】infoVector 2.3

infoVector 2.3 アイキャッチ図版

特定の形式のテキストを,日本語/英語でXMP(IPTC)メタデータに書き込み,ai・eps・jpg・pngファイルとして書き出すIllustrator用ドロップレットinfoVector 2.3のページです。3.0.0で仕様が変わったため,旧バージョンの情報を残しておきます。

続きを読む

【まとめ】infoVectorでICC プロファイルを扱う

infoVectorでICC プロファイルを扱う アイキャッチ図版

infoVectorは,各ストックイラストサイト用に日本語/英語のIPTC情報を埋め込んで画像を書き出す Illustrator&Photoshopスクリプト(アプリ) です。バージョン3.0.0から,書き出す画像にICC プロファイル(カラープロファイル)を埋め込めるようになりました。

ただ残念ながら「infoVectorでICC プロファイルを埋め込む設定にすれば,あとはすべてお任せ」という訳にはいきません。あなた自身が,複数の場所で適切な指定をする必要があります。

そこで今回は,infoVectorで書き出す画像にICC プロファイルを埋め込みたいときの設定方法を紹介します。

続きを読む

【解決】Illustratorでもテキストを行ごとに分割したい!

IllustratorスクリプトSplit Rows for Illustrator アイキャッチ図版

したたか企画では,テキストを行ごとに分割する機能をAdobe XD用Photoshop用にそれぞれ公開しています。しかしIllustrator用はまだでした。というのも,テキストばらしテキストばらしAIなど実用的な定番スクリプトがすでにあるからです。

ただもうXDとPhotoshop用とFigma用に3つも提供しましたし,せっかくなのでIllustrator用も公開するしかないでしょう。それが今回紹介する 複数行のテキストを1行ごとに分割するIllustrator用スクリプト,Split Rows for Illustrator.jsx です。※都合によりSplit Rows for Ai.jsxから名前を変更しました。

既存スクリプトでも特に困っていないと思いますが,Split Rows for Illustrator.jsxのいいところは次の通りです。ぜひお試しください。

  • もとのフォントやサイズ,色などを保持
  • 横書き・縦書き両方に対応
  • 自動行送りや段落前後のアキありでも見た目をキープ
  • エリア内文字にも対応
  • 選択したのがグループでも,配下のテキストを自動取得して実行
  • テキストの中身を編集状態のときは,その親のテキストフレームに対して実行
続きを読む

【まとめ】Illustratorスクリプトの開発資料

【まとめ】Illustratorスクリプトの開発資料 アイキャッチ図版

プログラムの開発をしていると,技術や経験は個人に蓄積していきます。役立つ資料や道具のありかもしかりです。しかし自分の頭の中にあるだけの状態より,誰でもその情報にアクセスできたほうが世界はもっと良くなるでしょう。

そこで今回は,普段IllustratorでExtendScriptなどのスクリプトを書くときに使っている資料やWebサービスを公開します。

続きを読む

【解決】リアルファブリック用画像書き出しを一気に済ませたい!

Fabricantアプリ アイキャッチ図版

リアルファブリックは,オリジナルの布をデザインしたり販売したりできるサービスです。パターンデザインをIllustratorで制作しているかたも多いでしょう。

過去の記事「アートボードとパターンのタイルをフィットさせるリアルファブリック用 Illustrator スクリプト」により,Illustratorのパターンデザインをアートボードに揃える工程が素早く正確になりました。しかし,最も面倒なのは画像書き出しです。

リアルファブリックのデザイン登録には,次の2種類の画像がいります。

  1. デザイン提出用画像(以降,デザイン用画像と呼ぶ)
  2. サムネイル用画像(希望者のみ。なくても可)

デザイン用画像の決まりはこちらのようになっています。

形式:JPEG

カラーモード:RGB

解像度:200ppi

サムネイル用画像は特に指定がありませんが,常識的に考えるとこんなところでしょう。

形式:JPEG

カラーモード:RGB

解像度:72ppi

もうこの時点で大変そうですね。Illustratorファイルの中にデザイン用とサムネイル用アートボードが混在する場合,それぞれ解像度を変えて書き出す必要があります。

さらに言えば,デザイン用画像の解像度200ppiがくせ者です。Illustratorで普通に書き出すだけだと,パターンの継ぎ目に白い隙間ができてしまうことが多いのです。

そのため一旦隙間が出にくい解像度で書き出し,規定通りに200ppiに変更,その後Photoshopでパターンに登録して目視確認する,といった複雑な手順を辿ることになります。

つまり,リアルファブリックの決まりに基づいた形式・解像度で,白い隙間ができないよう画像を書き出し,実際隙間ができるか確認するための画像も追加で生成しなければいけません。

今回紹介するのはまさにそのためのPhotoshop & Illustrator用スクリプト, Fabricant(ファブリカント) です。

続きを読む

【解決】ファイルを書き出す前に画像のリンク切れを確認したい!

ファイルを書き出す前に画像のリンク切れを確認したい! アイキャッチ図版

Illustrator 2022(v26)からリンク画像の扱いが変わりました。それ以前のバージョンではリンク先が行方不明な画像は何も表示されませんでしたが,2022(v26)では低解像度サムネイルが必ず付きます(Illustrator 2020方式で保存した場合。参考:Illustrator2020形式ファイルフォーマットとは | Automation Skill)。

PDFなどを書き出した際は,低解像度サムネイルが見えている状態になります。リンク画像がなくても何があるかわかるようになりました。親切です。

しかしこの仕様はリンク切れを気づきにくくしてしまいました。低解像度でもまあまあ綺麗なので,異常を見逃すのです。

もし保存や書き出しの際にリンク切れを警告してくれたら,ミスを防げそうですね。ただIllustratorでは,保存や書き出しの動作を感知して警告を入れるのは難しいようです。

そこで今回は,Illustratorで画像のリンク切れを確認したあと,特定のメニューを実行するスクリプトを紹介します。

別名で保存や書き出しなど,通常のキーボードショートカットをこのスクリプトで置き換えると,特定のメニュー実行前にリンク切れ確認処理が入るという作戦です。

残念ながら手動でメニューを選んだときは発動しません。それで十分役に立つと思うかたのみご利用ください。

続きを読む

【履歴】infoVector 1.4.0

infoVector 1.4.0 アイキャッチ図版

アートボードに置いた特定の形式のテキストを,日本語/英語でXMP(IPTC)メタデータに書き込み,ai・eps・jpg・pngファイルとして書き出すIllustrator用ドロップレットinfoVector 1.4.0のページです。2.0.0で仕様が変わったため,旧バージョンの情報を残しておきます。

続きを読む

【解決】元データを消さずいつもの設定でPDFを書き出したい!

PDF複製書き出しスクリプト アイキャッチ図版

IllustratorファイルのPDF書き出しに[別名で保存]を使用すると,作業中の書類はPDFに変わります。元データがai/epsファイルでもPDFです。

もし書き出しオプションで[Illustrator の編集機能を保持]をOFFにしていた場合,書類を閉じた瞬間に編集可能な元データは消え去ります。大変なことですね。

そんな悲劇を避けるため,次の策が推奨されています。

  • [複製を保存]を利用する
  • [別名で保存]でPDFを書き出したあと書類を閉じるアクションを利用する

ただこれらは,ファイル名の「のコピー」を毎回削除する必要がある,使用しているIllustratorすべてのバージョンにアクションを設定しておかなければいけない,などいった理由でなかなか自分に定着しません。正しいけど面倒臭いことはすぐやらなくなるのが人間というものです。

そこで今回は,開いている書類と同じフォルダ・名前で,プリセット名を指定してPDFを複製書き出しするIllustratorスクリプトを紹介します。

続きを読む

【解決】ストックイラストのタグ付けと画像書き出しを一気に済ませたい!

infoVector アイキャッチ図版

ストックイラストのタグ付けが面倒というのは,制作者なら共通の悩みでしょう。アップロードするサイトが少なければコピー&ペーストでも何とかなりますが,増やすとその分負担も重くなってしまいます。

チャンスを広げるためには何とか販売先を多くしたいものです。

解決策として,ファイルへのメタデータ情報埋め込みが普及しています。IPTC情報やXMPメタデータなど呼び名はさまざまですが,する内容は同じです。Adobe Bridgeを利用して説明やタグの情報をファイルに入力すると,ストックイラストサイトのアップローダーがそれを自動で読む流れです。

しかしこの方法だと,次のような問題がありました。

  • 英語タグにするサイトと日本語タグにするサイトがあり,対応している画像の種類もまちまちで,大量の画像それぞれに情報を埋め込まなくてはいけない
  • PIXTAとpngの組み合わせだと説明(コメント)を正しく認識しない
  • iStock(DeepMeta),123RFが情報を何も認識しない
  • 日本語情報を埋め込むと,Adobe StockとPIXTAで文字化けする

Illustratorで数種類の画像を自動で書き出し,同時に適切な情報をメタデータに埋め込んで,さらに各社アップローダーがそれを正しく認識してくれたらありがたいですよね。

今回紹介するのはまさにそのためのIllustratorスクリプト,infoVector(インフォベクター)です。

続きを読む

【解決】オートフィル感覚でアイテムを複製移動したい!

オートフィル風複製移動 アイキャッチ図版

以前の記事【解決】Illustratorにもオートフィルがほしい!により,選択した2つのテキストフレームの距離でアイテムを複製移動し,数値をオートフィルできるようになりました。

スクリプト実行にショートカットを割り振れば,ショートカットを連打するだけで一定間隔での複製と数値の打ち替えができます。便利ですね。

しかし作業をしていると「パスとかグループとか一定間隔で複製移動だけしてくれないか? 数値はオートフィルしなくていいから」と思うことがあります。リピートグリッドがあれば解決しそうですが,連打でできる爽快感も良いものです。

そこで今回は,選択した2つのアイテムの距離でアイテムを複製移動するIllustratorスクリプトを紹介します。

続きを読む

【解決】スウォッチのグローバルを一気にオフにしたい!

グローバルスウォッチOFF アイキャッチ図版

Illustratorでは,塗りや線に色のついたアイテムを選択し[使用したカラーを追加]を実行すると,色を一気にスウォッチに登録できます。

この方法で追加したスウォッチはグローバルカラーです。アイテムに色を適用した後一括で変更しやすく,書籍の章テーマカラーなどで重宝します。ただ,そのような特別な意味を持たせない単なる色の場合は,グローバルをオフにしたくなるでしょう。

通常の手順の場合,対象のスウォッチのオプションを開き,グローバルのチェックを外す動作を延々と繰り返すことになります。指が痛くなってしまいますね。

そこで今回は,スウォッチパネルで選択しているカラーのグローバルを一括でオフにするIllustratorスクリプトを紹介します。

続きを読む

【解決】整列・分布を全部ショートカットで操りたい! (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スクリプトです。

続きを読む