2024.06.14

【ChatGPT活用】初心者でも簡単！Illustratorのスクリプト生成で効率アップ

: ayaka

みなさんこんにちは！
Webデザイナーのayakaです。

前回はAIを活用してLP・Webサイト制作を効率化する事例をご紹介しました。
今回は、Adobe IllustratorでのAI活用術、ChatGPTを使ったスクリプト生成についてお話しします！

Illustratorには作業を自動化する「スクリプト」機能がありますが、知識ゼロでスクリプトを作るのは難しいですよね。

なんと、ChatGPTなら、どんなスクリプトを作りたいか指示を出すだけでコードを自動生成してくれます！

本記事では、ChatGPTでスクリプトを生成する方法から使い方、知識ゼロの私が実際に作ってみたスクリプトをご紹介していきます。

INDEX

スクリプト生成方法
- ①効率化したい作業を洗い出す
- ②プロンプトを入力してスクリプト生成
スクリプト使用方法
実際に作ってみたスクリプト紹介
- 使用していないスウォッチ、ブラシ等を削除するスクリプト
- あらかじめ必要なレイヤーを作成するスクリプト
まとめ

スクリプト生成方法

まずは、ChatGPTを使って
Illustratorのスクリプトを生成する方法をご紹介します。

①効率化したい作業を洗い出す

スクリプト生成の前に、まずは現在作業で時間がかかっている部分の洗い出しをおすすめします！
私の場合は、Notionで普段の業務を見える化し、現状時間がかかっている部分から優先的に短縮できそうなスクリプトを生成しました。

②プロンプトを入力してスクリプト生成

洗い出したものを元に、ChatGPTに「どんなスクリプトが欲しいか」を指示していきましょう。
例えば「Illustratorで指定のレイヤーを作るスクリプトを生成してください」などと入力します。

私が書いたプロンプトも参考にどうぞ！
ーーーーーー
以下で指定するIllustratorのスクリプトを生成してください。

#内容
・指定のレイヤーを新規作成するスクリプト

#レイヤー名
・tombo
・txt
・img
・bg

#デフォルトレイヤー
・デフォルトで入るレイヤーは削除
ーーーーーー

しばらくするとこのようなコードが生成されます。

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

// 新規レイヤーを作成する名前のリスト
var layerNames = ["bg", "img", "txt", "tombo"];

// 名前リストに基づいて新規レイヤーを作成
for (var i = 0; i < layerNames.length; i++) {
    var newLayer = doc.layers.add();
    newLayer.name = layerNames[i];
}

// デフォルトレイヤーを削除する
var defaultLayerName = "レイヤー 1"; // Illustrator日本語版のデフォルトレイヤー名
try {
    var defaultLayer = doc.layers.getByName(defaultLayerName);
    if (defaultLayer.pageItems.length === 0 && defaultLayer.layers.length === 0) {
        // レイヤーが空の場合のみ削除
        defaultLayer.remove();
    }
} catch (e) {
    // 「レイヤー」が見つからない、または既に削除されている場合は無視する
    // ここでエラーハンドリングを行う
}

alert('新規レイヤーを作成しました。');