第1回さいたまデザインDTP勉強会のセッション、Illustratorアピアランス学①基本と仕事に使えるアピアランスのスライドです。

2. セッション5 口泰行
Illustratorアピアランス学①
基本と仕事に使える
アピアランス

3. 日本各地に広がるイラレアピアランス魔神達

4. Illustratorのアピアランスにおける効果の順番
@gautt
http://graphicartsunit.tumblr.com/post/80979581305/illustrator

5. イラレのアピアランスってなんなの
© CAPCOM U.S.A., INC. 2010 ALL RIGHTS RESERVED.
キーコマンドをいくつか打ち込むと飛び出す
必殺技みたいなもの
順番通りにコマンドを打たないと必殺技が出ない
覚えれば誰でも繰り返し出せる

6. イラレのアピアランスってなんなの
© CAPCOM U.S.A., INC. 2010 ALL RIGHTS RESERVED.
キーコマンドをいくつか打ち込むと飛び出す
必殺技みたいなもの
順番通りにコマンドを打たないと必殺技が出ない
覚えれば誰でも繰り返し出せる

7. 本日のお題
できるとこまでやります!
変形コピーこそアピアランスが活躍する場
フチ文字+さらなる表現を加える
変形を組み合わせることで斜体表現も可
リンク画像にアピアランスを加えるには
テキストに合わせて追随するボックス
レイヤーアピアランスを使った万華鏡
パスファインダーで角丸を別々に指定する
段落文字に合わせて縦の帯を加える

8. 変形コピーこそアピアランスが活躍する場

9. フチ文字+さらなる表現を加える
文字の周りにフチをつけたいとき、線を太くすると内側に入ってしまい、塗りの下に持って行く
ことができません。そのためコピーして２つのオブジェクトを重ねる手法がありますが、修正が
入った場合に別々に直す必要があります。
アピアランスで塗りや線を追加すると、上下位置が変えられるので線を太くしても塗りが上にあ
るため文字が細くなりません。また「文字」の内容が上にあれば、塗りの上に文字単位で塗り色
を変えることもできます。

10. フチ文字+さらなる表現を加える

11. 変形を組み合わせることで斜体表現も可
①回転-10度
幅を50%変形
②回転+5度
幅を200%変形

12. リンク画像にアピアランスを加えるには
3Dを加えると塗り
や線を追加できる
（3Dでは回転を0
度にして奥行きを
出さない）
白の塗りを下に置
いて変形で拡大さ
せることでポラの
ような表現が作成
できる
さらに内容の上に
オレンジの塗りを
追加して、オーバ
ーレイを加えるこ
とで写真を退色し
たような効果にも
できる

13. テキストに合わせて追随するボックス
文字に対して塗りを追加し、形状を長方形
に。幅と高さに追加は0mmに設定してお
き、変形で相対的に拡大させる。
さらにワープのでこぼこを垂直方向に適用
することで左右が円形表現に変わる。
上の図形にさらにジグザグを加えると角が
尖った表現が作成できる。

14. レイヤーアピアランスを使った万華鏡
大きい正方形（200mm）を
作成し中央にガイドを作
成。四角形は塗りと線を無
しにしてロックしておく
次に二等辺三角形を作成し
角が中央に来るように配置
する
レ イヤー の ○ の
部分をクリック
して◎状態にして
おく
アピ ア ランス の
対 象 が レ イヤー
になる。

15. レイヤーアピアランスを使った万華鏡
レイヤーへのアピランスでは３つの
変形をかけます。それぞれコピーを1
回、1番目は水平軸にリフレクト、2
番目は垂直軸にリフレクトさせる。
基準点に注意。3つめは90度回転さ
せます。
１つの三角形が3回
コピーされることで
万華鏡のような表現
ができあがります。
図形を消して新しい
図形を描いてもレイ
ヤーに対してかかっ
ているので、自動的
にコピーされます。

16. パスファインダーで角丸を別々に指定する
効果の「角を丸くする」は長方形
の角をすべて同じ数値で角丸にし
てしまう。そのため下図のように
両端の角丸の大きさが違う表現を
作ることができない。
そこで上のように、長方形を1/4の大きさにカットして
右上のみ表示されるようにすれば、４つの角を別々に
指定できるのでは？というところが出発点。
角丸長方形を右角だけ表示されるようにするには変形と
パスファインダーを組み合わせる。

17. パスファインダーで角丸を別々に指定する
角丸長方形を、幅50%、高さを200%の変形でコピー1
回の変形を行う。その際に基準点を右中央にする。
ここが
交差部分
パスファインダーの交差を変形の
下に加える。すると元の図形と変
形コピーした図形の交差している
部分のみが残る。

18. パスファインダーで角丸を別々に指定する
半分になった角丸長方形をさらに変形コピ
ーで上に重ねるようにする。
ここが
交差部分
先ほどと同様に交差のパス
ファインダーを追加する
右上の角丸だ
けが残るよう
になる。
４つの塗りを
作成して変形
の基準点の方
向を変えるこ
とで、残りの
３辺を作成す
る。

19. 段落文字に合わせて縦の帯を加える
テキストボックスの大きさに合わせて表示される罫線。説明時間が足りないた
めこのお題は次回に持ち越し。