• Home
• コーポレートブログ
• 画像編集のスクリプト作成に挑戦してみた（Illustrator）

杠です。今回はIllustratorで行っている画像の編集操作をスクリプト化してみた話です。

同じ操作を繰り返すようなことはできるだけ簡略化させたいですよね。Illustratorは、JavaScriptで記述したスクリプトを追加して単純な操作や何度も繰り返すような処理を簡単にできます。

作成したスクリプト

Illustratorで決まったサイズの画像を作成する際、これまでは画像の縦・横サイズが基準のサイズ内に収まっているか目視して変更していました。頻繁に発生する作業ではないのですが、「基準のサイズは何pxだったけ？」と手順を確認したり、基準内のサイズに収まるようにサイズを変更するのが手間だと感じていて今回スクリプトを作成してみました。

スクリプトの内容

縦と横のサイズを指定し、横のサイズを基準としたとき、縦のサイズが指定したサイズを超えた場合は縦のサイズを基準としてリサイズし、超えなかった場合は横のサイズを基準としてリサイズします。

（例）縦を250px、横を500pxで指定

• 横500pxを基準とした時に縦が300pxだった場合
  →縦250pxを基準にしてサイズを変更します
• 横500pxを基準とした時に縦が200pxだった場合
  →そのまま横500pxを基準としてサイズを変更します

var dialog = new Window("dialog", "サイズを変更", [0,0,280,180]);
dialog.add ("statictext",[20,20,70,40], "ヨコ");
dialog.wSize = dialog.add("edittext",[70,20,150,40],"596");
dialog.add ("statictext",[20,60,70,80], "タテが");
dialog.hSize = dialog.add("edittext",[70,60,150,80],"366");
dialog.add ("statictext",[20,80,250,100], "より大きい場合は、タテを基準にする");

dialog.bot1 = dialog.add("button",[20,140,100,170],"実行", { name:"ok"});
dialog.center();
dialog.show();

selObj = app.activeDocument.selection;
var objH = selObj[0].height;
var objW = selObj[0].width;
var kijunH = (dialog.hSize.text/objH)*100;
var kijunW = (dialog.wSize.text/objW)*100;

if (objH > dialog.hSize.text){
  selObj[0].resize(kijunH, kijunH,true,true,true,true,kijunH,Transformation.CENTER);
} else {
  selObj[0].resize(kijunW, kijunW,true,true,true,true,kijunW,Transformation.CENTER);
}

スクリプトの作成から実行

Illustrator 2021・MacOSの場合、次の手順で簡単に自分で作成したスクリプト実行できます。

前提条件

• 選択された画像が1つであること
• ドキュメントの設定でピクセルが選択されている状態でスクリプトを実行すること

手順

1. 上記スクリプトを記述したjsxを サイズ変更.jsx など適当なファイル名で作成
2. Adobe Illustrator 2021 > Presets > jp_JP > スクリプトに1で作成したファイルを追加
   
3. 1つの画像ファイルをIllustratorを開く
4. 画像を選択した状態でファイル > スクリプトを選択
   
5. タテ・ヨコの値を指定するダイアログが表示されるので値を設定し、実行をクリック
   
   
   タテ・ヨコにデフォルトの値を設定していますが、変更して実行できます。

参考にしたサイト

英語で書かれているドキュメントが多く、スクリプトの作成に時間がかかりました。メソッドやプロパティの情報は下記のサイトをサイトを参考にしました。

• Adobe Illustrator Scripting Guide
  https://ai-scripting.docsforadobe.dev/

その他特に参考になったのは、以下のようにスクリプトを作成し、公開されている個人サイトです。pxの単位でサイズを変更する際の処理を参考にしました。

• サイズを指定してオブジェクトの大きさを揃えるスクリプト（縦横固定）Script to align the size of object[Fixed]
  https://sun-nya.com/?p=19

• イラレで縦横固定の一括リサイズmemo
  https://y-hmd.com/blog/ai-resizescript

さいごに

スクリプトは今回紹介したように自分で作成できますが、ネットではダウンロードして利用できるスクリプトも公開されています。検索してみると意外と自分の要望に近いスクリプトが見つかるかもしれません。

今回作成したスクリプトは1つのアクティブな（選択されている）画像のサイズを変更するというちょっとした処理でしたが、いずれは編集した画像を書き出すまでを自動化して作業がもっと楽になるようなスクリプトを作成したいと思っています！