ノンブル入力の新境地！スクリプトで広がるIllustrator活用術

ホーム
Illustratorスクリプト, デザイン
ノンブル入力の新境地！スクリプトで広がるIllustrator活用術

このサイトはアフィリエイト広告を利用してます

ノンブル入力の新境地！スクリプトで広がるIllustrator活用術

いつも訪問していただきありがとうごさいます。

ノンブルを入力する手間をなくしたい
ページの追加・変更があると修正が大変
ノンブルだけレイヤーを分けたい

Illustratorで冊子のデザインをする際、手間がかかるのはノンブルを入力する作業ではないでしょうか？アートボードごとにテキストツールを使って手動で一つ一つ入力する作業は、面倒くさいばかりでなく時間もかかります。

しかも、ページが増えたり順番が変わった場合、再度入力しなおさなければなりませんよね。

そこで、この記事では【アートボードの枚数をカウントして自動でノンブルを入力してくれる】スクリプトをご紹介します。

スクリプトの動作フローと処理条件を理解するためのソースコードも掲載していますので、ぜひ参考にしてください。

Profile
この記事を書いている私は、DTPデザイナーとしてIllustratorの操作経験が15年以上あり、スクリプトも自分の業務で必要になったものを自ら作成し、デザイン作業の効率化を図っています。
最近では、当ブログでも自作スクリプトを公開しています。

2023.12.15

「完全無料」で作業の効率化！Illustratorスクリプト特集！

いつも訪問していただきありがとうございます。もっと効率よくデザイン作業を進めたい単純作業を自動化したい不足している機能を追加したい Illustratorを使って仕事をしていると、単純な繰り返し作業をスクリプトで自動化したいと思う人は多いですよね。た...

今回、紹介するスクリプトを使うことで、ノンブル入力やレイヤー管理の手間が軽減されますよ
それではどうぞ

「クリエイティブ」がわかる転職エージェント

●「量より質」を重視した求人のご紹介
●「クリエイティブがわかっている」
●「求人企業を深く知る・密接な関係」

簡単30秒！予約
公式サイトをみる　▶

【ノンブル入力が楽になる】スクリプトの概要
【ノンブル入力が楽になる】スクリプトのソースコード
注意事項と免責事項
【ノンブル入力が楽になる】スクリプトのまとめ

１．【ノンブル入力が楽になる】スクリプトの概要

ノンブルスクリプトの概要

ここでは、スクリプトの概要について解説していきます。
まず、このスクリプト（スクリプト名: noble_management.jsx）は、私がJavaScriptベースで自作したIllustrator用のスクリプトです。

スクリプトのポイント

本スクリプトのポイントは３つあります。

・各アートボードに数字を連番で追加してくれる
・新規レイヤーを作成して管理してくれる
・追加・変更が合って対応してくれる

スクリプトの入手方法

本スクリプトは、以下からサンプルとしてダウンロードすることができます。
ダウンロードと使用については「注意事項と免責事項」に記載していますので、必ずお読みください

ダウンロード：noble_management.jsx

スクリプトの使い方

本スクリプトは、下記の３STEPで使うことができます。

STEP１．ファイルメニューからスクリプトを選択
STEP２．スクリプトを起動
STEP３．アートボードに追加されていることを確認
　

ノンブルスクリプトの動作レビュー
なお、次の記事ではそもそもIllustratorスクリプトってどう

やって使うのか、活用事例を交えて紹介しているので良ければ参考にしてください。

2023.11.28

スクリプトでデザイン革命！Illustratorを最大限に活かす使い方【Mac】

いつも訪問して頂きありがとうございます。スクリプトってどこにあるの？どうすれば、使えるの？なぜスクリプトを使うと、作業効率があがるの？ Illustratorスクリプトの存在は、知っているけど使い方がわからない人は多くいますよね。そこで、今回はIllu...

次のセクションでは、スクリプトのソースコードを公開します。

２．【ノンブル入力が楽になる】スクリプトのソースコード

ノンブルスクリプトのソースコード

ここからはスクリプトの動作フローと処理条件がわかるソースコードを紹介します。
説明用のコメントアウトも書いてありますので参考にしてください。

なお下記の記事では、Illustratorスクリプトを自作する方法についてソースコードの事例を交え解説しているのでよければ参考にしてください。

2023.01.24

デザインを自動化する！Illustratorスクリプトの作り方

いつも訪問して頂きありがとうございます。 Illustratorスクリプトを作るには、何を準備すればいいの？どのプログラム言語を学べばいいの？参考なる書籍はあるの？ Illustratorでの作業効率を改善するために「自分の業務に合ったスクリプト」を作りたいと...

var docObj = app.activeDocument
var lays = docObj.layers;
app.coordinateSystem = CoordinateSystem.ARTBOARDCOORDINATESYSTEM;   //アートボードを基準にする

//ノンブルの配置　ここから 
try {//ノンブルレイヤーが存在する場合   
    var newLay = lays.getByName('ノンブル');    //ノンブルレイヤーの確認
    try {
        var slays = lays['ノンブル'];   //レイヤーを指定する
        slays.locked = false;    //レイヤーのロック解除
    }catch(e){}
    slays.textFrames.removeAll();　    //テキストを全て削除    
    nonburu();  //ノンブル配置    
    slays.locked = true;   //レイヤーロック
     
} catch(e) {//表題欄レイヤーが存在しない場合 
    var layObj = lays.add();    //新しいレイヤーを作成する
    layObj.name = 'ノンブル' ;  //レイヤー名を指定する
    nonburu();  //ノンブル配置
};
//ノンブルの配置　ここまで


function nonburu(){
    for (var i = 0; i < docObj.artboards.length; i++){  //アートボードの数だけ繰り返す
        var rect = docObj.artboards[i].artboardRect;    //座標
        var left = rect[0];
        var top = rect[1];
        var right = rect[2];
        var bottom = rect[3];
    
        var txtObj = docObj.activeLayer.textFrames.add();   //新規テキスト
        txtObj.contents = ( i + 1 );    //ノンブル ※テキストを追加することも可能
        txtObj.paragraphs[0].justification = Justification.CENTER;  //paragraphs ：段落　Justification.CENTER：センター揃え
        txtObj.paragraphs[0].size = 14; //フォントサイズ
        txtObj.top = bottom + txtObj.height + 40;   //下側から
        txtObj.left = left + (right - left - txtObj.width)/2;   //左側から
     };
    return txtObj;
}