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

ノンブルを楽々作成

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

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

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

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

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

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

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

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

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

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

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

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

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

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

スクリプトのポイント

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

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

スクリプトの入手方法

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

ダウンロード:noble_management.jsx

スクリプトの使い方

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

STEP1.ファイルメニューからスクリプトを選択
STEP2.スクリプトを起動
STEP3.アートボードに追加されていることを確認
 

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

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

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



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

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

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

なお下記の記事では、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;
}
    




3.注意事項と免責事項

注意している女性
本記事に記載してあるスクリプトを実行した結果生じるトラブルに関しては一切の責任を負いません。ご利用は自己責任にてお願いいたします。

またIllustratorのアップデートにより動作が変わってしまう可能性もあります。アップデートによる動作の不具合に関しては、対処しかねるので予めご理解ください。

最後に本記事で配布しているスクリプトを無断で転送・販売・配布することは禁止いたします。

動作チェック

動作チェックは

・IllustratorCS6【Win】
・Illustrator2024【mac】

で、おこないました。



4.【ノンブル入力が楽になる】スクリプトのまとめ

SUMMARY
今回は、【アートボードの枚数をカウントして自動でノンブルを入力してくれる】スクリプトをポイントを交えながら紹介しました。
ポイントをおさらいすると

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

Illustratorで冊子デザインにノンブルを入力する際は役立つので、ぜひこのスクリプトを活用していただければと思います。

なお、Illustratorスクリプトについて学んでみたいと思った方は、次の記事でおすすめの書籍とWEBサイトについて紹介しているので良ければ参考にしてください。

というわけで今回は以上です。
『ノンブル入力の新境地!スクリプトで広がるIllustrator活用術』を最後までお読みいただきありがとうございました。

ブログランキング・にほんブログ村へにほんブログ村 人気ブログランキング


ガネメ現役サラリーマン

投稿者の過去記事

◇このブログでは、15年以上DTPデザイナーとして、学んできたデザインやパソコンのセキュリティ知識・参考になった書籍などを紹介しています。
たまに、脇道にそれることもあります。

◇このブログはアフィリエイト広告を利用しています

◇取得資格
・情報セキュリティマネジメント
・ITパスポート
・色彩検定 2級
・色彩検定 UC級
・屋外広告士
・第2種電気工事士
その他・・・・

プロフィール

face

ガネメ
鹿児島県在住
現役サラリーマン

◇このブログでは、15年以上DTPデザイナーとして、学んできたデザインやセキュリティ知識、参考になった書籍などを紹介しています。
たまに、脇道にそれることもあります

◇取得資格
・情報セキュリティマネジメント
・ITパスポート
・色彩検定 2級
・色彩検定 UC級
・屋外広告士
・第2種電気工事士
その他・・・・

詳しいプロフィールはこちら

アーカイブ

カテゴリー

使用中のレンタルサーバー

ピックアップ記事

  1. Illustratorscriptでガイドパターンを自動作成
    レイアウトのガイドラインをテンプレート化したい ガイドラインを作成する手間をなくしたい…
  2. ドキュメント操る10の基本コード
    Illustratorスクリプトについて学習したい ドキュメントを操るサンプルコードを知…
  3. Illustratorスクリプトで図形を描きたい 図形のサンプルコードを学習した…




PAGE TOP