takato（@n8takato）です！
Illustratorでサイズ変更を一括で行う方法を知りたい
この記事は上記の課題に向けて作成しています。
イラレで複数オブジェクトのサイズを一括で変更出来たら嬉しいですよね。
これ、実は出来ます。
この記事では一括でサイズ変更する方法を説明していきます。
この記事を読むメリット
- イラレで複数オブジェクトのサイズを一括で変更する方法がわかる
この記事を書いた人
この記事を書いた僕はこんな人です！
- 都内制作会社でwebデザイナー・webディレクターとして勤務
- webデザイナー3年、webディレクター1年目
- web制作現場で学んだことを発信している人
イラレでサイズ変更を一括で行う方法
早速イラレでサイズ変更を一括で行う方法を紹介していきます。
下記動画は実際に一括でサイズ変更している状態です。
イラレでサイズ変更を一括で行う手順は下記の通りです。
一括でサイズ変更する手順
- スクリプトを作成する
- Illustratorにスクリプトを読み込む
スクリプトの作成
始めにスクリプトを作成します。
※Illustratorには機能を追加することが出来ます。その際スクリプトというコードを作成する必要があります。
①コードエディターのインストール
スクリプトを作成するためにコードエディターが必要です。
「Visual Studio Code」は無料で使うことが出来ます。
「Visual Studio Codeサイト」よりダウンロードしてください。
まずは「今すぐダウンロード」をクリックします。
続いてOSを選択してダウンロードします。
ダウンロードが終わったらPCにインストールしてください。
②コードの作成
続いてコードを作成します。
エディター上で新規コードを開いて下記コードをコピペしてください。
pt=25.4/72
var dia = new Window("dialog", "オブジェクトの大きさを揃える", [0,0,250,180]);
dia.pane1 = dia.add("panel",[5,25,240,65],"サイズの基準");
dia.radi1 = dia.pane1.add("radiobutton",[10,5,60,20],"タテ", );
dia.radi2 = dia.pane1.add("radiobutton",[70,5,120,20],"ヨコ");
dia.pane2 = dia.add("panel",[5,75,240,125],"サイズは");
dia.tex1 = dia.pane2.add("edittext",[10,10,100,30]);
dia.add("statictext",[110,100,240,120],"mm");
dia.bot1 = dia.add("button",[10,140,100,170],"実行", { name:"ok"});
dia.radi1.value=true;
dia.center();
dia.show();
sel = activeDocument.selection;
for (i=0; i<sel.length; i++)
{
if(dia.radi1.value){
kijyun=sel[i].height;
}else{
kijyun=sel[i].width;
}
bairitu=dia.tex1.text/(kijyun*pt)*100;
sel[i].resize(bairitu, bairitu,true,true,true,true,bairitu,Transformation.CENTER);
}ファイル名は自由でファイル形式は「.jsx」にしてください。
僕は「サイズ一括変更.jsx」というファイル名にしました。
スクリプトの作成は以上です。
Illustratorにスクリプトを読み込ませる
作成したスクリプトをIllustratorに読み込ませます。
Macユーザーは下記の場所にスクリプト（ファイル）を配置してください。
- 「アプリケーション」>「Illustrator」>「Presets」>「ja_JP」>「スクリプト」
スクリプトの配置は以上です。
Illustratorで確認
Illustratorにスクリプトが読み込まれているか確認します。
一旦Illustratorを終了し再度開いてください。
メニューバーの「ファイル」から「スクリプト」を選択します。
すると先ほど作成したファイル名が表示されていると思います。
複数のオブジェクトを選択した状態でこれをクリックすると一括でサイズ変更出来るようになります。
※サイズ変更する際の単位は「mm」となっています。もしピクセルサイズで変更する場合は一旦「mm」に置き換えてから入力してください。
イラレの一括サイズ変換は簡単！
最後にまとめです。
イラレでサイズ変換を一括で行う方法
- スクリプトの作成
- Illustratorにスクリプトを配置する
スクリプトを記述することで機能を追加することが出来ます。
気になる方は他にも調べてみてください。
