ベテランほど知らずに損してるIllustratorの新常識（3）メリットいっぱい、使ってこなかったことを後悔するシンボルの活用

連載

ベテランほど知らずに損してるIllustratorの新常識

「直しに強いデータ」の続編として、今回、取り上げるのは「シンボル」です。

Illustratorにシンボル機能が搭載されたのは、さかのぼること16年前の2001年リリースのIllustrator 10から。

その後、9スライス（Illustrator CS5）、ダイナミックシンボル（Illustrator CC 2015）といった機能強化が行われています。

https://blogs.adobe.com/creativestation/files/2017/01/ss-1610-20170123-101550.png

多くの方がいずれか（すべて）の恩恵を受ける必須の機能といえますが、あまり使われていないのが現状のようです。

シンボル機能の使いどころやメリット、こんなときは？といった現場での使いこなしなど、集大成的に解説します。

シンボルを使う4つのメリット

シンボルには、次の大きく4つのメリットがあります。

軽くなる
保護できる
一括更新できる
置換できる

まずは、シンボルの基本からおさえていきましょう。

軽くなる

地図上にコンビニのアイコンを配置することを考えてみましょう。

https://blogs.adobe.com/creativestation/files/2017/01/ss-2062-20170123-122130.png

option+ドラッグ（Alt+ドラッグ）で複製していく場合、個数分の容量を喰ってしまいます。

シンボルに登録してから複製すると、ドキュメント上にはシンボルを配置したという情報のみとなり、1つ分のみの容量しか必要としません。“塵も積もれば…”で、使い回しのパーツが増えるほど、その恩恵を得ることができます。

シンボルに登録するには

次の3つの方法があります。

登録したいアートワークを［シンボル］パネルにドラッグ&ドロップする（サムネール表示のときのみ）
登録したいアートワークを選択し、［シンボル］パネルの［新規シンボル］アイコンをクリックする
登録したいアートワークを選択し、F8キーを押す

https://blogs.adobe.com/creativestation/files/2017/01/ss-2500-20170123-120848.png

いずれの場合にも［シンボルオプション］ダイアログボックスが開きます。名前のみ設定し、そのほかはデフォルトのままでもOKです。

名前：面倒でもシンボル名は設定しておくとよい
書き出しタイプ：無視して結構です（Flashとのやりとりのオプションです）
シンボルの種類：大は小なりでデフォルトの「ダイナミックシンボル」にしておけばよい
基準点：デフォルトは中央。必要に応じて左上などに変更
［9スライスの拡大・縮小用ガイドを有効にする］：後述（シンボルの四隅の形状を保持したまま、拡大・縮小を行うときのオプション）

https://blogs.adobe.com/creativestation/files/2017/01/ss-2466-20170123-121527.png

なお、［シンボル］パネルの［新規シンボル］アイコンを、optionキー（Altキー）を押しながらクリックすると、［シンボルオプション］ダイアログボックスをスキップすることができます。

一括更新できる

シンボルに登録すると、ドキュメント上のアートワークは「シンボルインスタンス」と呼ばれます。シンボルとシンボルインスタンスは、シンク（連動）しています。

修正を行うと、修正結果がすべてのシンボルインスタンスに一括で更新されます。

面倒な作業には時間や手間がかかります。それだけでなく、ミスやモレを回避できるという点からも、一括更新できるメリットは大きいでしょう。

シンボルの編集

シンボルを編集するには、いくつかの方法があります。

［シンボル］パネルで変更したいシンボルをダブルクリックする
［シンボル］パネルで変更したいシンボルを選択し、パネルメニューから［シンボルを編集］をクリックする
ドキュメント上でシンボルインスタンスをダブルクリックする
ドキュメント上でシンボルインスタンスを選択し、コントロールパネルの［シンボルを編集］ボタンをクリックする

最初の2つの方法では、ドキュメント上にシンボルのみが表示されます。最後の2つの方法では、編集するシンボルインスタンスのみがアクティブになります。それ以外のアートワークは薄く表示され、選択すらできなくなります。

https://blogs.adobe.com/creativestation/files/2017/01/ss-2166-20170123-123906.png

なお、カラーの変更には、グローバルカラーを併用する方法もあります（次回以降に紹介予定）。

置換できる

ドキュメント上のシンボルインスタンスは、ほかのシンボルに置換できます。

ドキュメント上でシンボルインスタンスを選択し、コントロールパネルの［置換］をポップアップする（［シンボル］パネルの中味と同じものが表示される）。
https://blogs.adobe.com/creativestation/files/2017/01/ss-1596-20170123-134847.png
ほかのシンボルをクリックすると置換される
https://blogs.adobe.com/creativestation/files/2017/01/ss-1480-20170123-134823.png

この際、シンボルオプションの［基準点］が、文字通り基準になり配置されます。

地図のように「同じ座標に、異なるアートワークを配置したい」ときに重宝します。

シンボルインスタンスの選択

シンボルインスタンスを選択し、［選択］メニューの［共通］→［シンボルインスタンス］をクリックすると、ドキュメント上の同じシンボルインスタンスをすべて選択できます。

https://blogs.adobe.com/creativestation/files/2017/01/ss-1152-20170123-124621.png

まとめて置換することが可能です。

https://blogs.adobe.com/creativestation/files/2017/01/ss-2280-20170123-135106.png

保護できる

シンボルに登録すると、シンボルインスタンスのアンカーポイントやハンドルなどのパス操作を行うことができなくなります。

https://blogs.adobe.com/creativestation/files/2017/01/ss-1451-20170123-135554.png

ロゴなど、改変しては困るものを誤って編集してしまう事態を回避できます。地味ながら、シンボル化の大きなメリットです。

使いこなしのテクニック

あとからシンボルに変換する

「シンボルのメリットはわかった！でも、今さら言われても…」という方は、スクリプトを利用するとよいでしょう。

「24時間Illustrator 「愛（Ai）はクリエイティブを救う」のAi-1グランプリ王者である高橋としゆきさんが、オブジェクトをシンボルに変換するスクリプトを公開されています。

Illustratorのオブジェクトをシンボルに置き換えるスクリプトを作りました（CS5以降対応） – saucer

https://blog.adobe.com/media_1fa4146527cf13ca869576e44f5b99d0e04ca90f.gif

下準備

スクリプトをダウンロードしておく
変換したいシンボルをドキュメント内に用意しておく

手順

変換したいオブジェクトを選択する
command+F12キー（Ctrl+F12キー）を押して、ダウンロードしたスクリプトを選択する
［シンボルに置き換え］ダイアログボックスが開くので、変更したいシンボルを選択し、［実行］ボタンをクリックするhttps://blog.adobe.com/media_a693234e2b5f92d53668ae267b1cb8c43a68ff1b.gif

ダイアログボックスではプレビューを確認できませんので、それとわかる名称にしておく必要があります。

なお、オブジェクトをシンボルに変換するアイデアは、鈴木メモさんが2012年に発表されています（2つのスクリプトを利用）。

複数のオブジェクトを後からシンボルに変換する | 鈴木メモ

スクリプトを使うと可能になること

そのほか、標準機能では不可能なことを実現できるスクリプトが公開されています。

重複したシンボルをひとつにまとめる（三階ラボ）
グループを一気にシンボルへ変換する（saucer）
選択したシンボルインスタンスを解除するとき、サブレイヤーを生成しない（三階ラボ）

個別に変更したい（1）ダイナミックシンボル

シンボル機能が搭載されてから15年。最大の難点は「個別に変更できないこと」でした。

もちろん、シンボルを解除（リンク解除）すれば可能ですが、「シンボルを使う4つのメリット」のすべてが無効になってしまいます。

満を持してというより、「今ごろ!?」というのが本音ですが（失礼…）、Illustrator CC 2015で搭載された「ダイナミックシンボル」によって可能になりました。

「ダイナミックシンボル」オプションをオンにすると、アンカーポイントの編集こそできないものの、シンボルを構成するオブジェクトごとに、［ダイレクト選択ツール］で選択し、次の変更が可能になります。

塗り
線のカラー
線幅
不透明度
効果

シンボルとのシンクを保持したままですので、シンボルの編集を行うと、一括更新されます。ただし、シンボルインスタンスでの変更は保持されます。

https://blogs.adobe.com/creativestation/files/2017/01/ss-1962-20170123-094325.png

個別に変更したい（2）9スライス

実は、個別に変更する機能として、Illustrator CS5以降、「9スライス」というオプションが用意されています（正確には、Illustrator CS4からあるのですが、Flashとの互換性のために搭載されているだけで、Illustrator内で9スライスによる変形を行うことはできません）。

シンボル登録時、［シンボルオプション］ダイアログボックスで［9スライスの拡大・縮小用ガイドを有効にする］オプションをオンにします。

https://blog.adobe.com/media_7b7b772d8dbbb44cba0028b71c918b8d71ac8643.gif

［9スライスの拡大・縮小用ガイドを有効にする］オプションが適用されたシンボルインスタンスの編集画面を開くと、4本のガイドラインが表示されます。

4本のガイドラインによって、9つの領域に分割されます（9スライスの由来はここから）。中央の行、中央の列のみが伸縮することを想定してガイドを調整します。

https://blogs.adobe.com/creativestation/files/2017/01/ss-1026-20170123-111659.png

バウンディングボックスによる変形を行うと、シンボルインスタンスごとに、9スライスの四隅は固定したまま、伸縮できるようになります。

https://player.vimeo.com/video/200608876

ほかのドキュメントで作成したシンボルを再利用する（シンボルライブラリ）

新規ドキュメントを作成すると、ほかのドキュメントで作成したシンボルは表示されません。

ほかのドキュメントで作成したシンボルを再利用するには、次の方法があります。

コピー&ペースト
その他のライブラリ
シンボルライブラリ
ドキュメントプロファイル

（1）コピー&ペースト

シンボルを作成したドキュメントを開き、シンボルをコピー、再利用したいドキュメント内でペーストすると、［シンボル］パネル内に追加されます。

（2）その他のライブラリ

［シンボル］パネルメニューの［シンボルライブラリを開く］→［その他のライブラリ］をクリックし、シンボルを作成したドキュメントを選択すると、ファイル名＝パネル名の新しいパネルが開きます。

https://blogs.adobe.com/creativestation/files/2017/01/ss-1618-20170123-110311.png

（3）シンボルライブラリ

「/Users/(username)/Library/Application Support/Adobe/Adobe Illustrator 21/ja_JP/シンボル」内にグラフィックスタイルを作り込んだドキュメント（.ai）を入れておくと、［シンボル］パネルメニューの［シンボルライブラリを開く］→［ユーザー定義］のサブメニューの一覧に出てきます。

https://blogs.adobe.com/creativestation/files/2017/01/ss-20170123-110902.png

「/Applications/Adobe Illustrator CC 2017/Presets.localized/ja_JP/シンボル」内にシンボルを作り込んだドキュメント（.ai）を入れておけば、［シンボル］パネルメニューの［シンボルライブラリを開く］のサブメニューの一覧に出てきます。

https://blogs.adobe.com/creativestation/files/2017/01/ss-20170123-110818.png

（4）ドキュメントプロファイル

「/Users/(username)/Library/Application Support/Adobe/Adobe Illustrator 21/ja_JP/New Document Profiles/」内の「プリント.ai」のIllustratorドキュメントを開き、シンボルを追加すると、その結果が新規ドキュメントを作成する際に反映されます。

本当によく使うものは、この方法でカスタマイズするのがベストです。