イラストレーターのアピアランスって使っていますか?使っていないって人はだいぶ損していますよ。アピアランスを使えると使えないでは作業効率がかなり違ってきます。
初心者の方も基本を理解すれば今まで面倒な効果も簡単に効率よく作ることができます。
この記事ではアピアランスの基本的な操作方法と仕組みや意味を説明します。初心者の方や今までアピアランスをあまり使ったことのない方にぜひ使い方を覚えて欲しいです。
アピアランスとは
![](https://clip-blog.com/wp-content/uploads/2022/12/57a653ed94b01291068777aba6243043.jpg)
アピアランスとはオブジェクトやテキストに装飾や変形・加工をすることができる機能です。また、元のオブジェクトやテキスト自体に装飾・変形をしないのでやり直しや修正・解除が簡単にできることも特徴があります。
アピアランスで指定した色や効果などの装飾を他のオブジェクトにコピーすることもでき、同じ装飾のものをいくつも作ることが簡単にできます。
アピアランス属性
下記4つの属性をアピアランスパネルで操作できます。
![](https://clip-blog.com/wp-content/uploads/2019/07/790b3a4fb2d8fca56a2e3f697d79a95c.jpg)
アピアランス属性
- 塗り(色・パターンを塗る)
- 線 (色をつける、線の太さを変える)
- 透明度 (透明度を調整する)
- 効果 (影をつける、ぼかす、変形など)
これらの属性を「アピアランスパネル」で編集します。
![](https://clip-blog.com/wp-content/uploads/2022/12/57a653ed94b01291068777aba6243043.jpg)
4つの属性を組み合わせて上の画像の様な複雑な表現が可能になります。
アピアランスを使わずに変形などをすると、修正したい時、最初からやり直さなければなりませんが、アピアランスの効果で変形していれば、何度も調整が可能になります。
効果とは
![](https://clip-blog.com/wp-content/uploads/2019/07/aad02f801de5073e9607c3be753e2c14-1.jpg)
塗り、線、透明度はわかりやすいですが、効果とは変形、影をつける、ぼかす、テクスチャを加えるなど様々な装飾を加えることができます。
上の画像の「効果」の一覧を実行すると、アピアランスパネルに「効果」表示され、何度でも「効果」の調整ややり直しが可能になります。
アピアランスのさまざまな効果
![](https://clip-blog.com/wp-content/uploads/2022/06/a9b04cdd955f20ab4eb47195240ad615.jpg)
効果の一例です。
アピアランスの効果について詳しく書いた記事も参考にどうぞ。
![](https://clip-blog.com/wp-content/uploads/2022/02/248bbca86d348c0959fb9c68c40744fc-300x180.jpg)
アピアランスを使うメリット
アピアランスを使うメリットを紹介します。
- アピアランスを使うとオブジェクトはそのままで設定を変えるだけで見た目を変更できる
- 修正もアピアランスパネルから設定を変えるだけで簡単にできる
- アピアランスはレイヤー・グループしたオブジェクト・単体のオブジェクトに設定できる。(後程解説します)
- アピアランスは「塗り」、「線」の設定もできる
- アピアランスは複製ができて、簡単に他のオブジェクトに同じ効果をつけることができる
- アピアランスの効果はグラフィックスタイルに登録ができ、欲しい時に簡単に適用できる
以上のように作業を効率よく進めるにはアピアランスは大変便利な機能です。
アピアランスパネルの解説
![](https://clip-blog.com/wp-content/uploads/2022/08/05cb775d720d502ac78256b4756c34e6.jpg)
アピアランスパネルで4つの属性(塗り・線・透明度・効果)を設定します。
アピアランスの単位は「パス」・「グループ」・「レイヤー」に効果を適用することができます。
それぞれレイヤーの構造になっていて、オブジェクト・グループ・レイヤーにそれぞれ以下の指定をすることができます。
- 塗り:面の色指定(パターンの指定も可能です)
- 線:線の色指定(パターンの指定も可能です)
- 透明度:塗り、線、効果のそれぞれにの不透明度の調整が可能です
- 効果:塗り・線に影をつける、ぼかす、変形、テクスチャなど様々な効果を付けることができます。
初期設定でのアピアランスでは「塗り」と「線」の項目がひとつずつ用意されています。属性を追加したり、特定の属性のみに効果を設定することができます。
塗り・線・効果の追加
アピアランスパネル下のアイコンをクリックすると、塗り・線・効果の追加が可能になります。
![](https://clip-blog.com/wp-content/uploads/2022/08/fc9c4da7ec9b7b025186d0e6418cfd6e.jpg)
アピアランスはレイヤー構造
アピアランスパネルはレイヤー構造になっています。
線、塗りなどの項目をドラッグ&ドロップで上下に移動できます。詳しくは後ほど解説します。
上下の項目を移動することで見え方も変わってきます。
アピアランスは複数の塗り・線・効果が同時に複数の指定ができる
![](https://clip-blog.com/wp-content/uploads/2019/07/a01-2.jpg)
上の画像の様に文字に影を付けたり、縁取りする場合、アピアランスを使わないと、塗り、線、ぼかしの文字を何層もオブジェクトを重ねて作らなければなりません。
アピアランスを使えば、一つのオブジェクトに複数の指定が可能になり、複雑な指定が簡単に作ることができます。また、修正も可能です。
アピアランスの設定
![](https://clip-blog.com/wp-content/uploads/2019/07/a001-1-scaled.jpg)
- 塗り:面の色指定
- 線:線の色指定
- 透明度:塗り、線、効果の不透明度の調整
- 効果:影をつける、ぼかす、変形、テクスチャなど様々な効果があります。
それぞれの設定を解説します。
塗りの設定
![](https://clip-blog.com/wp-content/uploads/2019/07/a007.jpg)
- オブジェクトを選択した状態でアピアランスパネルの「塗り」のレイヤーを選択します。
- カラーパネルやスウォッチから色を指定します。(パターンの指定もできます)
- オブジェクトの塗りの色が変わりました。
新規「塗り」を追加
アピアランスパネル左下の真ん中のアイコンをクリックすると、新規の塗りがアピアランスパネルに追加されます。
![](https://clip-blog.com/wp-content/uploads/2022/08/6074998cbdfef9e9d4e84bb3cb551a8b.jpg)
線の設定
![](https://clip-blog.com/wp-content/uploads/2019/07/a0003_1.jpg)
先程指定した塗りの設定に「線」を設定してみます。
- オブジェクトを選択した状態でアピアランスパネルの「線」のレイヤーを選択します。
- 塗りと同様にカラーパネルやスウォッチから色を指定します。また線の太さの指定もできます。
- オブジェクトの線の色が設定できました。
新規「線」を追加
アピアランスパネル左下の左のアイコンをクリックすると、新規の線がアピアランスパネルに追加されます。
![](https://clip-blog.com/wp-content/uploads/2022/08/f0e228de7f3fc36d6e4e589c37dd76c1.jpg)
効果の設定
効果は線・面・全体にそれぞれ適用できます。効果をつけるものによって見え方も変わってきます。
線のみに効果を適用した場合
線にドロップシャドウの効果を加えました。線のみにドロップシャドウが適用されています。
![](https://clip-blog.com/wp-content/uploads/2022/08/a2070387924e44bd36e71a74a3f86bd0.jpg)
面のみに効果を適用した場合
面のみにドロップシャドウの効果を適用しました。面のみに効果が適用されています。
![](https://clip-blog.com/wp-content/uploads/2022/08/26e859f07510dda647a915c3fa97419d.jpg)
全体に効果を適用した場合
オブジェクト全体にドロップシャドウの効果を適用しました。
![](https://clip-blog.com/wp-content/uploads/2022/08/414cbb8d945fc666cfc2aa562bc659d8.jpg)
それぞれの効果のやり方を紹介します。
線・塗りに効果をつけるやり方
![](https://clip-blog.com/wp-content/uploads/2019/07/a008.jpg)
先程指定した線の設定に「効果」を追加する設定です。
- アピアランスを設定するオブジェクトを選択します。
- アピアランスパネルから「線」を選択します。(ここでは線を選択しましたが、塗りを選択したり、オブジェクト全体に効果をつけることもできます。
- アピアランスパネルの下の「fx.」アイコンをクリックすると、効果の一覧が表示されます。ここではよく使う「ドロップシャドウ」を選択します。
- 「ドロップシャドウ」のダイアログボックスが表示されるので、ここで効果の細かい設定ができます。
- 「ドロップシャドウ」のダイアログボックス「OK」をクリックすると完成です。
新規「効果」を追加
アピアランスパネル左下の右のアイコンをクリックすると、新規の塗りがアピアランスパネルに追加されます。
![](https://clip-blog.com/wp-content/uploads/2022/08/c356990d1746cafdff0eeadd9723e2ef.jpg)
アピアランスでいろんな効果ができる
![](https://clip-blog.com/wp-content/uploads/2022/02/248bbca86d348c0959fb9c68c40744fc-300x180.jpg)
「効果」を付ける場所を指定する
![](https://clip-blog.com/wp-content/uploads/2019/07/a009.jpg)
上ではアピアランスパネルの「線」選択して効果を付けましたが、レイヤーを選択せずに効果をつけると、オブジェクト全体に効果かつけることができます。
オブジェクト全体に効果をつける
![](https://clip-blog.com/wp-content/uploads/2022/06/f2fbc66ce60821ff1e96741c49900893.jpg)
レイヤーの選択解除は、アピアランスパネル内の上部にある「パス」をクリックするか、アピアランスパネル内の下部の空いている部分をクリックします。レイヤーの選択がない状態で効果を追加するとオブジェクト全体に効果が適用されます。
- オブジェクトを選択した後、アピアランスパネルの下の「fx.」アイコンをクリックして効果を選択します。
- 線や塗りが選択されている場合は、パネル内の下のスペースでクリックをすると、選択が解除されます。
- 「新規効果の追加」をクリックします。
- オブジェクト全体に「効果」が適用される。
先程アピアランスはレイヤー構造でできていると解説しましたが、線、塗り、効果などドラッグ&ドロップで、順番を変更すると、見え方も変わってきます。
アピアランスの効果について詳しく解説した記事も参考にどうぞ。
≫【イラレ】アピアランスのいろいろな「効果」まとめ
不透明度の設定
![](https://clip-blog.com/wp-content/uploads/2019/07/a10_1-1024x399.jpg)
アプアランスパネルの線、塗り、全体にある「不透明度」をクリックすると調整ができます。
![](https://clip-blog.com/wp-content/uploads/2019/07/a11-2.jpg)
ここでは全体に不透明度50%に指定しました。
アピアランスのレイヤーの順番を変える
アピアランスパネルで「線」「塗り」の順番を変更することができます。
「線」・「塗り」の順番を変える
![](https://clip-blog.com/wp-content/uploads/2019/07/a0001_1-1024x936.jpg)
アピアランスの「線」「塗り」はレイヤー構造になっています。
レイヤーの順番を変える要領で、「線」「塗り」の順番をドラッグ&ドロップで変えられます。
「線」や「塗り」につけた効果は「線」や「塗り」とセットになって、一緒に移動されます。
「効果」単体での移動はできません。
上の画像のように「線」と「塗り」の順番を変えることで見え方も変わってきます。
文字の縁取りをする場合の注意点
![](https://clip-blog.com/wp-content/uploads/2019/07/a0002.jpg)
線が上にあると文字の縁取りをした時に、文字が細くなります。
線はオブジェクトのパスの内側と外側に均等に線幅が描かれるので、線幅の内側分、文字に塗る重なるので塗りの黒が細く見えてしまいます。
塗りを上に移動すると、塗りが前面になって、通常の縁取りができあがります。
これは、線幅の内側分、文字に隠れている状態です。なので、仮に線幅が10ptの場合表示される線幅は半分の5ptになります。
文字にアピアランス効果をつける場合の注意点
![](https://clip-blog.com/wp-content/uploads/2019/07/daec560b6856b9f93b1cbeebb4847884.jpg)
通常文字を入力すると黒で表示されます。これはすでに黒の色がついている状態です。
このままアピアランスで色指定をすると黒い文字の上に色を乗せた状態になります。
よく見ると分かりますが文字の周りにうっすらと黒が見えます。この状態で印刷すると黒が出る可能性があります。
![](https://clip-blog.com/wp-content/uploads/2019/07/c5e4d2ca95b119de2f5647a7dc8991a4.jpg)
なので文字にアピアランスの指定をするときは、色の指定を最初に「塗りなし」「線なし」にしてから、アピアランスパネルで設定しましょう。
線・塗りの追加して重ね合わせる
![](https://clip-blog.com/wp-content/uploads/2019/07/005_2.jpg)
アピアランスパネルの下にある「新規線の追加」、「新規塗りの追加」からそれぞれ追加が可能です。
もちろん、追加した「線」、「塗り」の順番も変えられます。
アピアランスの解除
オブジェクトに付けたアピアランスの効果を解除する方法を紹介します。
![](https://clip-blog.com/wp-content/uploads/2019/07/9ff59e127416ebff6ce821f1adbee7ed.jpg)
アピアランスの解除は「アピアランスパネル」から解除します。
- 解除したい「効果」を選択して、下の「ゴミ箱」アイコンをクリックします。
- 「効果」が解除されます。
アピアランスの単位の解説
アピアランスを指定できるのはオブジェクトだけではありません。
![](https://clip-blog.com/wp-content/uploads/2019/07/a04-1-e1563630058596.jpg)
アピアランスパネルのもう一つの特徴は「グループ」「レイヤー」にもアピアランス属性の4つ(塗り、線、透明度、効果)を適用できることです。
アピアランスを適用できる単位
- パス(オブジェクト)
- グループ
- レイヤー
ちょっとわかりにくいかもしれませんが、これから一つずつ解説します。
パス(オブジェクト)にアピアランスを適用
例えばオブジェクトを選択してアピアランスで色の指定をします。
![](https://clip-blog.com/wp-content/uploads/2019/07/a01-1-e1563630169185.jpg)
これは今まで解説してきたオブジェクトに対してアピアランスを適用する場合です。
アピアランスパネルの一番上に[パス]と表示されています。これは1つもしくは複数のオブジェクトを指定した時に表示されます。
[パス](オブジェクト)のアピアランスということです。
グループにアピアランスの適用
[パス]で使用したオブジェクトにもう一つオブジェクトを追加してをグループ化します。そうするとアピアランスの先程の[パス]が[グループ]になります。
![](https://clip-blog.com/wp-content/uploads/2019/07/a05-1-e1563630888622.jpg)
グループ化についての詳しい記事も参考にどうぞ。
![](https://clip-blog.com/wp-content/uploads/2020/06/84789dc0c1c3168a457d30f228634121-300x180.jpg)
[パス]で指定した塗りの指定は表示されていませんが、なくなったわけではありません。「グループ」の下にある[内容]をダブルクリックすると先程の指定を確認できます。
今度はこの1つのグループには[新規線を追加]で線を追加しました。グループ化された2つのオブジェクトに線が適用されました。
![](https://clip-blog.com/wp-content/uploads/2019/07/a03-1-e1563630424659.jpg)
つまり、アプアランスパネルがグループになっている時は、そのグループ全体に対して効果が付けられるということです。
ここではグループ全体に紺色の線を指定しました。
レイヤーにアピアランスを適用
次はレイヤーにアピアランスを適用します。
![](https://clip-blog.com/wp-content/uploads/2019/07/a06-1-e1563631241931.jpg)
レイヤーパネルの名前の横に◯のアイコンがあります。これをクリックします。するとアピアランスパネルの先程[グループ]だったのが[レイヤー]になります。
![](https://clip-blog.com/wp-content/uploads/2019/07/a02-1-e1563630315845.jpg)
レイヤーには[新規効果の追加]をクリックしてスタイライズ→ドロップシャドウを選択してみます。
![](https://clip-blog.com/wp-content/uploads/2019/07/a08-1.jpg)
![](https://clip-blog.com/wp-content/uploads/2019/07/a09-1-e1563631665108.jpg)
全てのオブジェクトにドロップシャドウが適用されました。
レイヤー全体に「ドロップシャドウ」のアピアランス属性を適用したことになります。
試しにこのレイヤーに別のオブジェクトを追加するとドロップシャドウのみが適用されます。レイヤーに追加する全てのオブジェクトにドロップシャドウの効果が適用されます。
![](https://clip-blog.com/wp-content/uploads/2019/07/a10-1.jpg)
レイヤーについての参考記事
![](https://clip-blog.com/wp-content/uploads/2019/07/4ef517c2826484a55ad21a8901db07d3-300x180.jpg)
グラフィックスタイルでアピアランスの指定を登録する
アピアランスで作った効果をコピーしてグラフィックスタイルに保存にすることができ、保存した効果は他のオブジェクトに簡単に適用することができます。
![](https://clip-blog.com/wp-content/uploads/2019/07/2696ab551e28eda137c084426f4a1946.jpg)
グラフィックスタイルの詳しい記事はこちら
![](https://clip-blog.com/wp-content/uploads/2022/02/fca9da4eeb44e1cafb915c027446c4cf-300x180.jpg)
アピアランスの応用
通常の塗りや線の指定ではそれぞれ1つしか指定できませんが、アピアランスパネルを使うと線や塗りなどを複数指定できることです。またその塗り・線の指定の順番を変えられます。
どのような時に使うかというと、フクロ文字や地図の作成の時に大変便利です。
![](https://clip-blog.com/wp-content/uploads/2019/07/a11-1.jpg)
アピアランスを使った袋文字の記事も合わせてどうぞ。
まとめ
どうだったでしょうか?理解してしまえばそんなに難しくはないと思います。
アピアランスには3つの単位(パス、グループ、レイヤー)があることを知れば使い方は色々と広がりますし、作業の効率的になります。
まだまだアピアランスパネルには便利な使い方があるので別の記事で紹介します。
お役に立てれば幸いです。
参考書紹介
イラストレーターを独学で学びたい方に。レベルに合わせた参考本の紹介をしています。参考までに
![](https://clip-blog.com/wp-content/uploads/2022/01/ee6d6af26cfe6499df7c620b1029f1b6-300x180.png)
Adobe CCを半額以下で買う方法 【フリーランス・社会人・主婦OK!】
デザインワークにはイラストレーターやフォトショップは必須のアプリです。
イラストレーターやフォトショップなど20以上のアプリがセットになったAdobe CCが半額以下の価格で購入できる方法があります。
![Adobe CC安く買う](https://clip-blog.com/wp-content/uploads/2024/03/4e7d32d5379dd7a439d3ee9d906e8428.jpg)
まだイラストレーターをお持ちでない方や期限がもうすぐ切れそうな方は下の記事を参考にしてください。
![](https://clip-blog.com/wp-content/uploads/2022/03/fa80d2ef576545ee55bf95f4b2dcfb5f-300x158.jpg)
独学でデザインを勉強することはもちろん可能ですが、やはり時間がかかってしまうのも事実です。スクールで学ぶことが一番最短で確実な方法です。
コメント