Illustratorで文字のふちどりを作ったり、ボタン風の装飾を作ったりしていると、「これ、あとから色だけ変えたい」「同じ装飾を別の文字にも使い回したい」と思う場面が出てきますよね。そこで使うのがアピアランスです。
ただ、アピアランスは最初に触るとかなり分かりにくいです。見た目は変わっているのにパス自体は変わっていなかったり、「アピアランスを分割」が押せなかったり、そもそもパネルが見つからなかったりします。納品前や入稿前にこの状態になると、手が止まります。
イラレのアピアランスとは見た目だけを後から編集できる装飾機能

Illustratorのアピアランスは、オブジェクトの元の形を保ったまま「見た目だけ」を変える機能です。たとえば、四角形に影を付けても、四角形そのもののパスは変わりません。文字にふちどりを付けても、文字は文字のまま編集できます。
ここが最初のつまずきポイントです。画面上では線が太くなっているのに、ダイレクト選択ツールで見てもパスは元のままなので、「あれ、実体化されていない?」と混乱します。これは不具合ではなく、アピアランスが非破壊編集の仕組みだからです。
| 項目 | 通常の編集 | アピアランス編集 |
|---|---|---|
| 文字のふちどり | アウトライン化して線を付けることが多い | 文字のまま線を追加できる |
| 修正のしやすさ | 形を変えると戻しにくい | あとから数値を変えやすい |
| 複数装飾 | 複製や重ね作業が増える | 1つのオブジェクト内で管理できる |
| 納品前の扱い | 実体化済みなら安全 | 分割・拡張が必要な場合がある |
| 作業効率 | 同じ装飾を作り直しやすい | グラフィックスタイルで再利用できる |
ただし、入稿や他人への納品では注意が必要です。相手が同じ環境で開くとは限らないため、必要に応じてアピアランスを分割・拡張して、見た目をパスとして確定させる必要があります。
アピアランスパネルが見つからないときはウィンドウメニューから表示する

作業中に「アピアランスが見つからない」となると、そこで一気に集中が切れます。特にチュートリアルを見ながら進めていると、画面にあるはずのパネルが自分のIllustratorに出ていなくて、何か設定を間違えたように感じますよね。
アピアランスパネルを表示する手順
操作はシンプルです。Illustrator上部の「ウィンドウ」をクリックし、その中にある「アピアランス」を選びます。ショートカットを使うなら、Shift+F6で開ける環境もあります。
パネルが出てきたら、まず何かオブジェクトを選択してください。何も選んでいない状態だと、アピアランスパネルに表示される内容が少なく、「開いたけど何もできない」と感じることがあります。
パネルが画面外にあるときの直し方
モニターをつないだり外したりしたあと、パネルが画面外に行ってしまうことがあります。昨日まで表示されていたのに、今日開いたら見えない、というケースです。
その場合は、「ウィンドウ」から「ワークスペース」を開き、「初期設定」や「リセット」を選びます。ワークスペースとは、パネル配置のセットのことです。これをリセットすると、散らばったパネルを標準状態に戻せます。
アピアランスの基本操作は塗り・線・効果の順番を理解すると一気に使いやすくなる

アピアランスで最初に混乱するのは、「同じオブジェクトに塗りや線がいくつもある」状態です。普通に考えると、図形の塗りは1つ、線も1つに見えます。でもアピアランスでは、1つのオブジェクトに複数の塗りや線を追加できます。
新規塗りと新規線を追加する方法
アピアランスパネルの下部には、新しい塗りや線を追加するボタンがあります。オブジェクトを選択した状態で「新規線を追加」や「新規塗りを追加」を押すと、アピアランス内に項目が増えます。
線を追加したら、色と太さを設定します。複数の線を重ねたいときは、下にある線ほど外側に見えるように太くするのが基本です。
たとえば文字に二重ふちを作るなら、上の線を白で4px、下の線を黒で8pxにします。すると、文字の周りに白いふち、その外側に黒いふちが出て、バナーで使いやすい視認性の高い文字になります。
アピアランスは上から順番に重なって見える
アピアランスの順番は、レイヤーの重なりに近いです。上にある項目ほど前面に表示され、下にある項目ほど背面に回ります。
線が文字の上に乗って読みにくくなるときは、アピアランスパネル内で「線」を「文字」や「塗り」の下に移動します。これだけで、文字の内側が潰れずにふちだけ外側へ出たように見せられます。
文字にふちどりを付けるならアピアランスで線を下に重ねる

バナーやサムネイルを作るとき、文字のふちどりはかなり使います。背景写真の上に文字を置いたら読みにくくて、白ふちや黒ふちを付けたくなる場面ですね。
このとき、文字をアウトライン化して線を付けると、あとから文章を直せません。誤字を見つけた瞬間、装飾を作り直すことになります。納期前にこれをやると、地味にきついです。
文字を編集できるままふちどりする手順
まず文字ツールでテキストを入力し、選択ツールで文字オブジェクトを選択します。次にアピアランスパネルを開き、「新規線を追加」を押します。
追加した線の色を白や黒にし、線幅を設定します。そのままだと線が文字の内側にもかかって読みにくいので、アピアランスパネル内で線を文字の塗りより下に移動してください。
これで文字の編集性を残したまま、ふちどりを付けられます。あとから文字を打ち替えても、同じふちどりが維持されるので、広告バナーやSNS画像の量産でかなり助かります。
二重ふち文字を作るときの実務設定
二重ふち文字は、アピアランスの強さが一番分かりやすい使い方です。文字を複製して背面に重ねる方法でも作れますが、修正時にズレたり、片方だけ変え忘れたりします。
アピアランスで作る場合は、線を2つ追加します。上の線を白で4px、下の線を黒で8pxにすると、白ふちの外側に黒ふちが出ます。
背景が明るい画像なら、外側の線を濃くする。背景が暗い画像なら、内側を白くして視認性を確保する。この判断ができるようになると、ただの装飾ではなく「読ませるためのふちどり」になります。
アピアランスで影やぼかしを使うときは効果のかけすぎに注意する

アピアランスでは、ドロップシャドウ、ぼかし、変形、パスのオフセットなどの効果も重ねられます。見た目を作り込めるので、デザイン作業ではかなり便利です。
ドロップシャドウを追加する手順
影を付けたいオブジェクトを選択し、アピアランスパネルから「新規効果を追加」を選びます。そこから「スタイライズ」内の「ドロップシャドウ」を選択します。
影の設定では、不透明度、ぼかし、X軸、Y軸を調整します。実務では、影を強くしすぎると古いデザインに見えやすいので、薄く入れるくらいが使いやすいです。
効果が重いときの整理方法
動作が重いと感じたら、まずアピアランスパネルを見て不要な効果が重なっていないか確認します。試しに入れたぼかしや影が残っていることがあります。
不要な効果は、アピアランスパネル内で選択して削除できます。目のアイコンで一時的に非表示にし、必要かどうか確認してから消すと安全です。
アピアランスを分割・拡張する意味は見た目を実体化すること

「アピアランスを分割って何のためにやるの?」という疑問はかなり自然です。画面では完成しているように見えるので、わざわざ分割する必要が分かりにくいんですよね。
分割・拡張が必要になる場面
入稿、カッティング、レーザー加工、他社へのデータ納品では、アピアランスのままだと不安が残ります。相手の環境や処理ソフトによって見え方が変わる可能性があるためです。
特に印刷会社や加工業者へ渡すデータでは、アピアランスを分割しておいたほうが安全なケースがあります。見た目をそのままパスにして渡せるため、環境差による崩れを防ぎやすくなります。
アピアランスを分割する手順
分割したいオブジェクトを選択し、上部メニューの「オブジェクト」から「アピアランスを分割」を選びます。これで、アピアランスで作っていた見た目が実体化されます。
分割後は、パスやグループが増えることがあります。見た目は同じでも中身の構造は変わるので、レイヤーパネルで確認しておきましょう。
アピアランスを分割できない原因は選択状態と対象オブジェクトにある

「アピアランスを分割」がグレーアウトして押せないと、かなり困ります。入稿前にこの状態になると、「何か壊したかも」と不安になりますよね。
原因の多くは、対象を正しく選択できていないか、分割するアピアランスが存在しない状態です。見た目に変化があっても、それが通常の塗りや線だけなら「アピアランスを分割」が必要ないこともあります。
分割できないときに最初に確認すること
まず、対象オブジェクトを選択してアピアランスパネルを確認します。そこに効果、複数の塗り、複数の線、変形などが入っているかを見ます。
単純な塗りと線だけの場合は、「アピアランスを分割」ではなく「分割・拡張」や「アウトライン化」が必要になることがあります。たとえば線を塗りの形にしたいなら、「オブジェクト」から「分割・拡張」を使う場面です。
また、テキストに対して作業している場合は、文字そのものの扱いにも注意します。文字をアウトライン化する必要がある場合は、「書式」から「アウトラインを作成」を使います。
グループやレイヤーに効果がかかっている場合の注意点
アピアランスは、オブジェクト単体だけでなく、グループやレイヤーにも適用できます。ここが地味にややこしいポイントです。
この場合は、グループ全体を選択してから「アピアランスを分割」を試してください。レイヤーに効果がかかっているなら、レイヤーパネルで対象の階層を確認する必要があります。
アピアランスと分割・拡張の違いを理解すると入稿トラブルを減らせる

Illustratorには「アピアランスを分割」と「分割・拡張」があります。名前が似ているので、最初はどちらを使えばいいのか迷います。
この2つの違いをざっくり言うと、アピアランスを分割は「効果や見た目の装飾を実体化する操作」、分割・拡張は「線や塗りなどをオブジェクトとして展開する操作」です。かなり近いですが、対象が少し違います。
| 操作名 | 主な対象 | 使う場面 | 注意点 |
|---|---|---|---|
| アピアランスを分割 | 効果、複数線、変形、影など | 見た目の効果をパス化したい | 編集性が下がる |
| 分割・拡張 | 線、塗り、パターン、グラデーションなど | 線をアウトライン化したい | 形状が細かく分かれる |
| アウトラインを作成 | 文字 | フォント依存をなくしたい | 文字修正できなくなる |
| ラスタライズ | ベクターや効果全体 | 画像として固定したい | 拡大に弱くなる |
入稿前にありがちなのが、「文字はアウトライン化したけど、アピアランスの影やふちどりが残っている」状態です。見た目は問題なさそうでも、相手側で再解釈される可能性があります。
グラフィックスタイルに登録するとアピアランスを使い回せる

アピアランスを覚えたら、次に使いたいのがグラフィックスタイルです。グラフィックスタイルとは、アピアランスで作った装飾セットを保存して、別のオブジェクトにも一発で適用できる機能です。
バナーを何枚も作るとき、毎回ふちどり、影、塗り、線幅を設定するのはかなり面倒です。しかも手作業だと、1枚だけ線幅が違ったり、影の角度がズレたりします。
グラフィックスタイルに登録する手順
まず、アピアランスで装飾したオブジェクトを選択します。次に「ウィンドウ」から「グラフィックスタイル」を開きます。
別の文字や図形に同じ装飾を適用したいときは、そのオブジェクトを選択して、登録したグラフィックスタイルをクリックするだけです。ロロメディア編集部でも、サムネイルやアイキャッチのラベル装飾はこの方法で使い回すことが多いです。
登録したスタイルを修正するときの注意点
グラフィックスタイルを適用したあと、元のスタイルを変えたつもりでも、すべてのオブジェクトに自動反映されるとは限りません。スタイルの管理方法によって、個別に修正が必要になることがあります。
大量のバナーや資料で使う場合は、最初に装飾ルールを決めてから登録しましょう。途中で「やっぱり線幅を変えたい」となると、修正範囲が広がります。
デザインの現場では、グラフィックスタイルは時短ツールでありながら、ルール統一の道具でもあります。見た目のブレを減らせるので、チーム作業でもかなり便利です。
アピアランスのコピーはスポイトよりグラフィックスタイルのほうが安定する

アピアランスを別のオブジェクトにコピーしたいとき、スポイトツールを使う人も多いです。確かに早いのですが、設定によっては文字情報や不要な属性まで拾ってしまうことがあります。
スポイトでアピアランスをコピーする方法
スポイトツールを使う場合は、コピー先のオブジェクトを選択してから、コピー元のオブジェクトをクリックします。これで見た目の属性を移せます。
ただし、スポイトの設定によっては、文字スタイル、透明度、塗り、線など、拾う内容が変わります。スポイトツールをダブルクリックすると、コピー対象の設定を確認できます。
複数パーツへ同じ装飾を使うならグラフィックスタイルにする
同じ装飾を何度も使うなら、スポイトよりグラフィックスタイルのほうが安定します。クリックだけで適用でき、チーム内でもルール化しやすいからです。
たとえば、広告バナーで「無料」「限定」「人気」などのラベルを同じ装飾にしたい場合、最初にラベル用グラフィックスタイルを作っておきます。あとは文字を変えてスタイルを適用するだけです。
アピアランスが効かないときは選択対象と重なり順を確認する

多くの場合、原因は機能の不具合ではありません。選択している対象が違う、効果が下に隠れている、塗りや線の順番が合っていない、透明度が低い。このあたりを確認すると解決できます。
文字に線を追加してもふちどりにならない原因
アピアランスパネルで線を塗りの下に移動してください。すると、文字の内側を潰さずに外側へふちが出たように見せられます。
もう1つの原因は、文字全体ではなく一部の文字だけを選択しているケースです。文字ツールで文字の中にカーソルが入っている状態と、選択ツールで文字オブジェクト全体を選んでいる状態では、アピアランスのかかり方が変わります。
効果が見えないときの確認ポイント
ドロップシャドウやぼかしが見えないときは、効果の数値が小さすぎるか、背景と同化している可能性があります。白背景に薄い白影を入れても、当然ほとんど見えません。
また、アピアランスパネル内で効果が非表示になっている場合もあります。目のアイコンがオフになっていないか確認してください。
アピアランスを解除・削除する方法はパネル内の項目を消すだけでよい

装飾を試しているうちに、線や効果が増えすぎて何が何だか分からなくなることがあります。納品前にデータを整理しようとして、どれを消していいか迷う場面もあるでしょう。
アピアランスは、パネル内の項目ごとに削除できます。オブジェクト自体を消す必要はありません。
不要な線や効果を削除する手順
対象オブジェクトを選択し、アピアランスパネルを開きます。不要な線、塗り、効果を選び、ゴミ箱アイコンにドラッグするか、削除ボタンを押します。
一気に元へ戻したい場合は、「アピアランスを消去」を使う方法もあります。ただし、必要な塗りや線まで消えることがあるため、実行前に複製しておくと安心です。
基本アピアランスに戻すときの考え方
装飾を全部消して、普通の塗りと線だけに戻したい場合は、アピアランスパネルで余計な項目を削除します。文字や図形の基本色だけ残れば十分です。
もしデータが複雑で判断できない場合は、新しいオブジェクトを作り直して、必要な色だけ設定するほうが早いこともあります。無理に古いアピアランスを掃除するより、作り直したほうが事故が少ない場面もあります。
実務では、編集用データはアピアランスを残し、納品用データは整理する。この切り分けができると、作業スピードと安全性の両方を取りやすくなります。
入稿前のアピアランス確認はアウトライン化だけでは足りない

印刷会社にデータを出す前、「文字をアウトライン化したから大丈夫」と思ってしまうことがあります。ですが、アピアランスで作った効果や複数線が残っている場合、アウトライン化だけでは完全に実体化できていないことがあります。
提出直前にPDFを書き出したら、影の見え方が違う、ふちどりが微妙に太い、透明効果が変に重なる。こういうズレは、入稿前チェックで見つけたいところです。
入稿前に確認する項目
入稿前は、見た目だけでなく構造を確認します。アピアランス、フォント、リンク画像、カラーモード、透明効果、線のアウトライン化などを順に見る必要があります。
確認すべき項目は次の通りです。
- 文字は必要に応じてアウトライン化しているか
- アピアランス効果は分割・拡張が必要か
- 線幅が残っていて加工に影響しないか
- 透明効果や影がPDFで崩れていないか
- リンク画像が埋め込みまたは同梱されているか
- PDF書き出し後に見た目が変わっていないか
この確認は面倒に見えますが、やることは決まっています。特にアピアランスで作ったふちどり文字や影付きオブジェクトは、PDF化してから必ず拡大表示でチェックしてください。
印刷会社によって推奨設定は違うため、最終的には入稿先のルールに合わせます。アピアランスを残してよい場合もあれば、分割を求められる場合もあります。
編集用と入稿用を分ける理由
アピアランスを分割したあとに修正依頼が来ると、かなり面倒です。文字を直すだけだったはずなのに、分割済みのパスを触る必要が出てきます。
そのため、必ず編集用のaiデータを残してください。入稿用は別名保存して、そのコピーに対してアウトライン化や分割を行います。
アピアランスを使った実務デザイン例で作業の流れを理解する

アピアランスは、機能だけ覚えてもなかなか使いこなせません。実際の制作シーンに落とし込むと、一気に理解しやすくなります。
ここでは、ロロメディア編集部でよく使うような「バナー文字」「ボタン」「ラベル」の3つを例にします。どれもWeb広告や記事アイキャッチで使いやすいパターンです。
バナーの強調文字を作る流れ
背景写真の上に「今だけ無料」と置くと、そのままだと読みにくいことがあります。そこで、文字に白ふちと黒影を入れて視認性を上げます。
文字を入力し、塗りを濃い色にします。アピアランスで白い線を追加し、塗りの下に移動します。さらに外側に濃い線を追加すると、背景が明るくても暗くても読める文字になります。
ボタン風の角丸パーツを作る流れ
Web用の画像や資料で、ボタン風のパーツを作りたい場面があります。通常なら角丸四角形を作り、塗り、線、影を設定しますが、アピアランスを使うとあとから調整しやすくなります。
角丸四角形を作り、塗りを設定します。アピアランスで新しい塗りを追加し、下側に少し濃い色を入れて、変形効果で下方向にずらすと、立体感のあるボタンになります。
ラベル装飾を量産する流れ
「人気」「限定」「無料」などのラベルは、同じ装飾で複数作ることが多いです。1つずつ手作業で作ると、文字位置や線幅が微妙にズレます。
まず、基準になるラベルを1つ作ります。テキストに塗り、線、影をアピアランスで設定し、必要なら背景の角丸図形も一緒に整えます。
イラレのアピアランスでよくある質問

アピアランスは便利ですが、使い始めると細かい疑問がどんどん出てきます。ここでは検索されやすいトラブルを、実務で使う目線でまとめます。
アピアランスはどこにありますか?
上部メニューの「ウィンドウ」から「アピアランス」を選ぶと表示できます。ショートカットは環境によってShift+F6で開ける場合があります。
表示されても中身が少ない場合は、何も選択していない可能性があります。文字や図形を選んでから、もう一度パネルを見てください。
アピアランスを分割すると元に戻せますか?
基本的には、分割後に保存して閉じると元の編集状態には戻せません。分割は見た目を実体化する操作なので、文字や効果の編集性が落ちます。
作業前に必ず別名保存してください。編集用データを残しておけば、修正依頼が来ても落ち着いて対応できます。
アピアランスとグラフィックスタイルの違いは何ですか?
アピアランスは、オブジェクトに設定されている見た目そのものです。グラフィックスタイルは、そのアピアランス設定を保存して使い回す機能になります。
言い換えると、アピアランスは装飾の中身、グラフィックスタイルは装飾の保存箱です。何度も同じ装飾を使うなら、グラフィックスタイルに登録すると作業が早くなります。
アピアランスで作った文字はアウトライン化できますか?
できます。ただし、アウトライン化とアピアランス分割は別の操作です。文字をアウトライン化しても、効果や線の構造が残る場合があります。
イラレのアピアランスは編集用と納品用を分けて使うのが一番安全

Illustratorのアピアランスは、塗り、線、効果、透明度などを元の形を壊さずに重ねられる便利な機能です。文字を編集できるままふちどりを作れますし、影や複数線も1つのオブジェクト内で管理できます。
作業中はアピアランスを残しておくほうが圧倒的に楽です。誤字修正、色変更、線幅調整がすぐできます。バナーやアイキャッチを量産するなら、グラフィックスタイルに登録して使い回すと、デザインのブレも減らせます。
「アピアランスが見つからない」ときはウィンドウメニューから表示し、「分割できない」ときは選択対象、グループ、レイヤー、効果の有無を確認してください。ここを押さえれば、アピアランスは怖い機能ではなく、Illustrator作業をかなり楽にしてくれる味方になります。















