デザインとAIの、試してわかったこと。 
この記事は、Illustratorで背景パターンのアウトライン化を実際に操作して確認したときの記録をもとにしています。操作の目的や、変換後に確認するポイントを補足して整理しました。
パターンで塗った背景から、模様の一部を選んで編集したいときは、パターンの塗りを「拡張」して、個別の要素として扱える状態にします。
ここで扱うのは、ベクターのパターンスウォッチを塗りに設定したオブジェクトです。配置したPNGやJPEGの模様を、自動でベクターに変換する手順ではありません。
📑 この記事の目次
🧩 パターンの拡張と線のアウトライン化の違い
「アウトライン化」と呼ばれる操作でも、対象によって使う機能が異なります。
| やりたいこと | 主に使う操作 |
|---|---|
| パターンの塗りを構成する要素に分けたい | オブジェクトの拡張（Expand） |
| 線の太さを持ったパスを塗りの形にしたい | パスのアウトライン、または拡張の「線」 |
| 文字を図形に変えたい | 文字のアウトラインを作成 |
背景パターンの構成要素を編集したい場合、最後に必ず「パスのアウトライン」を実行するわけではありません。塗りを拡張した後、線も形に変える必要がある場合だけ、線の変換を検討します。Adobe公式：オブジェクトの分割・拡張
📋 作業前に元データを残す
対象のオブジェクトを複製し、元のパターンが設定されたものを別のレイヤーなどに残します。複製の一方を非表示・ロックし、作業するほうだけを選ぶと、比較しやすくなります。
背景全体の模様を後からまとめて変えたい場合は、パターンの塗りのまま編集するほうが扱いやすいこともあります。「一部の模様を動かす必要があるか」を考えてから拡張すると、不要な変換を避けられます。
🛠️ 背景パターンを拡張する手順
- パターンの塗りが設定されたオブジェクトを選択します。 スウォッチ一覧の模様だけでなく、アートボード上の対象を選びます。
- 「オブジェクト ＞ 拡張」を開きます。 使用環境では「分割・拡張」と表示される場合があります。英語名は「Expand」です。
- ダイアログで「塗り」を対象にします。 線も変換したい場合だけ「線」を含め、OKで確定します。
- レイヤーパネルで結果を確認します。 グループの中に要素が入っている場合は、中身をたどるかダイレクト選択ツールで、編集したい部分を選びます。
Adobeの公式手順で示される選択肢は「オブジェクト」「塗り」「線」です。パターンは塗りとして設定されているので、ここでは「塗り」を確認します。
拡張後にグループ化されていても、変換に失敗したとは限りません。グループ解除は要素をまとめて扱う関係を解く操作で、塗りや線を拡張する操作とは別です。中の要素を編集できるなら、むやみに拡張を繰り返す必要はありません。Adobe公式：グループ化と解除
🔍 拡張が選べない・模様を選べないとき
拡張がグレーになっている場合は、まず対象が選択されているか、ロックされていないかを確認します。アピアランスの効果が付いている場合、先に「アピアランスを分割」（Expand Appearance。表記は環境によって異なります）を行ってから拡張する必要があります。作業用の複製で試してください。
見た目は変わらず、まとめて選択される場合は、レイヤーパネルのグループを開いて構造を見ます。背景全体が一つのグループとして選ばれているだけかもしれません。
クリッピングマスクがある場合は、その役割を確認してから編集します。マスクは表示範囲を制限するもので、範囲外の図形が消えているとは限りません。不用意に解除すると、隠れていた模様が背景の外まで見えることがあります。見た目を維持したいときは、マスクを残したまま中の要素を選びます。Adobe公式：クリッピングマスク
対象が画像やシンボルなどの場合は、ここで説明した「パターンの塗り」とデータの種類が異なります。繰り返し拡張する前に、何を選んでいるかを確認してください。
✅ 変換後の確認ポイント
作業後は、残しておいた元の背景と見比べます。
- 模様の位置・大きさ・色が変わっていないか。
- 背景の端から余分な模様が出ていないか。
- 変更したい要素を個別に選べるか。
- 線を残したい部分まで塗りに変えていないか。
例えば、繰り返し模様のうち一つだけ色を変えたいなら、その要素を選んで変更できるかが確認ポイントです。これは用途を説明する例で、元記事で実施した作業の記録ではありません。
元のパターンを残すデータと、個別編集のために拡張したデータを分けておくと、その後の修正内容に合わせて選べます。
