アピアランスパネルは、オブジェクトの実体は同じままで、見た目を変えるものです。修正に強く流用しやすいパーツを作るのに欠かせない機能を提供します。 同じ見た目を他のオブジェクトに展開して効率的にデザインの統一感を出すことができます。イラストレーターの数ある機能の中で押さえておくべアピアランス機能について深堀りします。


アピアランスパネルとは見た目を変えるためのパネル

アピアランスパネルは、ウインドウ→アピアランスで出現します。

通常、一つのオブジェクトに対して 「塗り」「線」 の設定をひとつずつ行うことができます。 アピアランスパネルを使うと、この一対の塗りと線の設定を複数設定し編集することができます。

アピアランスとは英語で外見とか見た目と訳されます。 すなわち、オブジェクトの実体(内面)は同じままで、見た目を変えるためのパネルということです。

イラストレーターでのアピアランスは「塗り」「線」「効果」「不透明度」 の4つの属性から構成されています。アピアランスパネルでは4つすべての属性を操作できます。

以下の図では、

アピアランスパネル

この図では、3層のアピアランスの構造になっています。上からパス、「線」「塗」 りの順に重なっています。

  1. パス=オブジェクトに対してのアピアランスです。実際のオブジェクトは左の円です。
  2. 線には、イエロー(#FFFF00)で太さは3pt のアピアランスがあたっています。 この部分だけ色が変わっていますが、線のアピアランスを選択しています。
  3. 塗りは、オレンジ(#C1272D)のアピアランスがかかっています

アピアランスは、パス、線、塗それぞれにかけることが可能です。さらにグループ、サブレイヤー、レイヤのレベルまでアピアランスの 対象になることができます。

最も一般的なパス、線、塗に対するアピアランスについて研究します。


見た目が違うだけで、図形は元のままだから修正に強い

「塗り」「線」「効果」の各属性は追加して複数の属性を持つことができます。 特に、効果を使うとオブジェクトの形状を変えることなく効果があたり、見た目の形状を変えることができます。 以下の動画では、パス、線、塗りにそれぞれ、ジグザグの効果をあてて、円からばくだん に見た目の形状を変えています。 パス、線、塗り、それぞれのジグザグの あたり方で効果がパス、線、塗りのそれぞれにあたる、そしてそれらが合わさるとはどういうことか、このサンプリで理解できると思います。

アピアランスをかける

見た目が複雑になっても、オブジェクトは元の図形のままです。試しに「表示」メニューで「アウトライン」をすれば一目瞭然です。 このことが、アピアランスパネルの活用は修正に強く、流用しやすいパーツ作成のための必須ツールと言われる理由です。

アピアランスの当たり方はそれぞれの重なり順で決まります

新規線の追加とは実態となる線に対して、効果を重ねることです。 例えば、動画のケースで新規線を追加すると、線のアピアランスが複製され、黄色で2ptのアピアランスを2つ持つ線です。 複製されたアピアランスは一番上に追加されます。

二つアピアランスがあるこの線の下側のアピアランスの色を黄から青に変えても、 上のアピアランス(このケースでは黄色)が有効となり、青色とするアピアランスは見えません。

試しに、動画のように黄色のアピアランスの太さを2pt から 1pt に変えてみます。すると下の青色の線の半分が見えてきます。 重なりの半分が無くなり、下側のアピアランスが見えてきたということですね。

このように、アピアランスをかけた結果、どのように見えるかはアピアランスの重なり順で決まります。 したがって、アピアランスの順序によって同じ種類のアピアランスの集まりでも、見た目が変わります。

アピアランスの順番

グラフィックスタイルに登録すれば、アピアランスを別のオブジェクトに簡単に反映できます

アピアランスをコピーする場合には「ウィンドウ」メニューから「グラフィックスタイル」のパネルを開きます。 そしてアピアランスパネルから作成したこのアピアランスをグラフィックスタイルのパネルにドラッグしていきます。
そうすることで、ここで設定したこのアピアランスを登録することができます。

選択されている図形に対して再度、アピアランスを1から設定するのではなく 「グラフィックスタイル」から選択することで同じアピアランスを別のオブジェクトに反映することができます。

アピアランスの順番

アピアランスの分割でオブジェクトの中身にも反映させます

「オブジェクト」メニューから「アピアランスを分割」を選択します。 すると、「アウトライン」で見ると これまで、見た目だけのアピアランスが実際の図形として認識されています。 ダイレクト選択ツールなどでこのオブジェクトを部分的に編集が可能になります。

アピアランスの順番

アピアランス分割前は、実体の図形への編集には限度がありました。 アピアランスを分割後には 今までのアピアランスは認識さないので、色を変える等のアピアランスの編集作業が簡単にできなくなってしまいます。