Illustratorでのオブジェクトとアートボードの並び替え

DTP Transit 別館

2023年8月28日 20:10

先日、次のようなアートワークを作成する機会がありました。

その際、次のような点で困ることがありました。

見た目の並びとアートボードの並びが一致しないため、［アートボードの再配置］を行うと、ナンバリングが狂ってしまう
選択したテキストをナンバリングするスクリプト「Add Texts」を実行すると、願うとおりにナンバリングされない

タイトな進行だったため、その場ではチカラ技でやっつけましたが、改めて調べてみた。

アートボードを見た目どおりにソートする

Adobe Support Communityのillustrator script to Renumber/Reorder the Artboards with there positionというスレッドにて話題になっていました。

Correct answer by m1bのスクリプトを実行すると、次のダイアログボックスが開きますので、望むオプションを選択して実行します。

しかし、多くの場合、「左上から」を選択します。そこで、25行目からを次のように変更するとダイアログボックスをスキップして実行されます。

var settings = {
    action: sortArtboards,
    sortMethod: SortMethod.POSITION_TOP_LEFT,
    decimalPlaces: 3,
    showUI: false
};

ありがたい。

オブジェクトの重ね順をソートする

Adobe Support CommunityにてAuto-arrange per Y value (position)というスレッドが立っていました。

Correct answer、および別案のスクリプトともに自分の環境では動きませんでした。

《自分の環境》
・Illustrator 2023（27.8.1）
・macOS Monterey（12.6.8）
・M1

ChatGPTに聞いてみたところ、動くスクリプトを書いてくれました。

現在アクティブなアートボードのアイテムを見た目の順番通りに再配置するためのJavaScript

// ドキュメントとアクティブなアートボードを取得
var doc = app.activeDocument;
var artboard = doc.artboards[doc.artboards.getActiveArtboardIndex()];

// アクティブなアートボード上の全てのアイテムを取得
var items = [];
for (var i = 0; i < doc.pageItems.length; i++) {
    var item = doc.pageItems[i];
    if (artboard.artboardRect[0] <= item.position[0] &&
        artboard.artboardRect[1] >= item.position[1] &&
        artboard.artboardRect[2] >= item.position[0] + item.width &&
        artboard.artboardRect[3] <= item.position[1] - item.height) {
        items.push(item);
    }
}

// アイテムをy座標の降順にソート
items.sort(function(a, b) {
    return b.position[1] - a.position[1];
});

// アイテムの重ね順を更新
for (var i = 0; i < items.length; i++) {
    items[i].zOrder(ZOrderMethod.BRINGTOFRONT);
}

alert("アイテムの重ね順が更新されました。");

複数のアートボードにまたがるオブジェクト全てを対象する場合

// ドキュメントを取得
var doc = app.activeDocument;

// 全てのアイテムを取得
var items = [];
for (var i = 0; i < doc.pageItems.length; i++) {
    items.push(doc.pageItems[i]);
}

// アイテムをy座標の降順にソート
items.sort(function(a, b) {
    return b.position[1] - a.position[1];
});

// アイテムの重ね順を更新
for (var i = 0; i < items.length; i++) {
    items[i].zOrder(ZOrderMethod.BRINGTOFRONT);
}

alert("アイテムの重ね順が更新されました。");

アイテムのx座標を基にソートして再配置：アイテムをx座標の昇順（左から右）にソート

// ドキュメントを取得
var doc = app.activeDocument;

// 全てのアイテムを取得
var items = [];
for (var i = 0; i < doc.pageItems.length; i++) {
    items.push(doc.pageItems[i]);
}

// アイテムをx座標の昇順にソート
items.sort(function(a, b) {
    return a.position[0] - b.position[0];
});

// アイテムの重ね順を更新
for (var i = 0; i < items.length; i++) {
    items[i].zOrder(ZOrderMethod.BRINGTOFRONT);
}

alert("アイテムの重ね順が更新されました。");