スプレッドシートを開きます。
Adobe Illustrator でデータソースファイルを設定し、デザインのパーソナライズを自動化および効率化する方法について説明します。
データソースファイルの準備
データソースファイルは、コンマ区切りファイル(.csv)、または XML(Extensible Markup Language)(.xml)形式で保存する必要があります。
CSV ソースファイルの設定
コンマ区切りファイル(.csv)では、レコードは改段で区切り、フィールドはコンマまたはタブで区切ります。データソースファイルには、テキストやディスク上の画像へのパスを含めることもできます。CSV ファイルを読み込む前に、次の手順に従って Illustrator に変数タイプを識別させます。
スプレッドシートの最初の行に、データフィールド名を指定します。 次に、以下の操作を実行します。
- データフィールド名の先頭にアットマーク(@)を入力すると、画像ファイルを参照するテキストまたはパス名が認識されるようになります。@ シンボルは、最初の行にだけ必要です。それ以降の行には、画像のパス名を入力します。
- 同様に、データフィールド名の先頭に、グラフの場合はパーセンテージ記号(%)を、表示の場合はハッシュタグ記号(#)を入力します。
- オブジェクトの表示を定義するには、各データフィールドに true または false を指定します。
スプレッドシートのデータフィールド名には、空白を含めないでください。 例えば、Company Name ではなく Company_Name のようにデータフィールドを指定できます。
(Windows)データソースファイル内の画像およびグラフ参照の例
名前 |
Age |
@写真 |
%Graphs |
#表示 / 非表示 |
Bill Tucker |
36 |
C:¥Photos¥BillTucker.jpg |
C:¥Photos¥BillTucker.csv |
True |
Dat Nguyen |
53 |
C:¥MyDocuments¥dat.jpg |
C:¥MyDocuments¥dat.csv |
True |
Maria Ruiz |
26 |
C:¥Photos¥Ruiz.jpg |
C:¥Photos¥Ruiz.csv |
False |
(macOS)データソースファイル内の画像およびグラフ参照の例
名前 |
Age |
@写真 |
%Graphs |
#表示 / 非表示 |
Bill Tucker |
36 |
/Users/photos/BillTucker.jpg |
/Users/photos/BillTucker.csv |
True |
Dat Nguyen |
53 |
/Users/family/photos/dat.jpg |
/Users/family/photos/dat.csv |
True |
Maria Ruiz |
26 |
/Users/alpha/photos/Ruiz.jpg |
/Users/alpha/photos/Ruiz.csv |
False |
スプレッドシートにデータを入力します。
次のいずれかの操作を行います。
- 最新バージョンの Microsoft Excel(2016 リリース)を使用して作成したスプレッドシートを、次のファイル形式で保存します。
- CSV(カンマ区切り)(*.csv)
- CSV(MS-DOS)(*.csv)
- Apple Numbers を使用して作成したスプレッドシートを、Unicode(UTF-8)エンコーディングを使用した CSV 形式で保存します。
現在、Illustrator では、上記の形式で書き出された CSV ファイルがサポートされます。Mac コンマ区切り(.csv)などの CSV ファイル形式は、データ結合に対応していません。
XML ファイルの準備
ドキュメントの変数を定義します。
データセット ボタンを変数パネルで選択します。
必要な数のデータセットを作成した後、変数パネルのメニューから「変数ライブラリを保存」を選択して XML ファイルとして保存します。ファイル名と場所を指定し、「保存」を選択します。
ここで、Notepad++(Windows)や TextWrangler(macOS)などのテキスト編集アプリケーションで XML ファイルを編集し、このファイルにデータセットを含めます。
XML ファイルを Illustrator に読み込むには、「変数ライブラリの読み込み」を変数パネルメニューから選択します。XML ファイルを選択して、「開く」を選択します。