セッション5　樋口泰行

Illustratorアピアランス学①基本と仕事に使えるアピアランス

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

Illustratorのアピアランスにおける効果の順番

@gautt

http://graphicartsunit.tumblr.com/post/80979581305/illustrator

イラレのアピアランスってなんなの

© CAPCOM U.S.A., INC. 2010 ALL RIGHTS RESERVED.

キーコマンドをいくつか打ち込むと飛び出す必殺技みたいなもの順番通りにコマンドを打たないと必殺技が出ない覚えれば誰でも繰り返し出せる

イラレのアピアランスってなんなの

© CAPCOM U.S.A., INC. 2010 ALL RIGHTS RESERVED.

キーコマンドをいくつか打ち込むと飛び出す必殺技みたいなもの順番通りにコマンドを打たないと必殺技が出ない覚えれば誰でも繰り返し出せる

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

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

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

文字の周りにフチをつけたいとき、線を太くすると内側に入ってしまい、塗りの下に持って行くことができません。そのためコピーして２つのオブジェクトを重ねる手法がありますが、修正が入った場合に別々に直す必要があります。

アピアランスで塗りや線を追加すると、上下位置が変えられるので線を太くしても塗りが上にあるため文字が細くなりません。また「文字」の内容が上にあれば、塗りの上に文字単位で塗り色を変えることもできます。

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

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

②回転+5度幅を200%変形

リンク画像にアピアランスを加えるには3Dを加えると塗りや線を追加できる（3Dでは回転を0度にして奥行きを出さない）

白の塗りを下に置いて変形で拡大させることでポラのような表現が作成できる

さらに内容の上にオレンジの塗りを追加して、オーバーレイを加えることで写真を退色したような効果にもできる

テキストに合わせて追随するボックス

文字に対して塗りを追加し、形状を長方形に。幅と高さに追加は0mmに設定しておき、変形で相対的に拡大させる。

さらにワープのでこぼこを垂直方向に適用することで左右が円形表現に変わる。

上の図形にさらにジグザグを加えると角が尖った表現が作成できる。

レイヤーアピアランスを使った万華鏡

大きい正方形（200mm）を作成し中央にガイドを作成。四角形は塗りと線を無しにしてロックしておく

次に二等辺三角形を作成し角が中央に来るように配置する

レイヤーの○の部分をクリックして◎状態にしておく

アピアランスの対象がレイヤーになる。

レイヤーアピアランスを使った万華鏡

レイヤーへのアピランスでは３つの変形をかけます。それぞれコピーを1回、1番目は水平軸にリフレクト、2番目は垂直軸にリフレクトさせる。基準点に注意。3つめは90度回転させます。

１つの三角形が3回コピーされることで万華鏡のような表現ができあがります。図形を消して新しい図形を描いてもレイヤーに対してかかっているので、自動的にコピーされます。

パスファインダーで角丸を別々に指定する

効果の「角を丸くする」は長方形の角をすべて同じ数値で角丸にしてしまう。そのため下図のように両端の角丸の大きさが違う表現を作ることができない。

そこで上のように、長方形を1/4の大きさにカットして右上のみ表示されるようにすれば、４つの角を別々に指定できるのでは？というところが出発点。

角丸長方形を右角だけ表示されるようにするには変形とパスファインダーを組み合わせる。

パスファインダーで角丸を別々に指定する

角丸長方形を、幅50%、高さを200%の変形でコピー1回の変形を行う。その際に基準点を右中央にする。

ここが交差部分

パスファインダーの交差を変形の下に加える。すると元の図形と変形コピーした図形の交差している部分のみが残る。

パスファインダーで角丸を別々に指定する

半分になった角丸長方形をさらに変形コピーで上に重ねるようにする。

ここが交差部分

先ほどと同様に交差のパスファインダーを追加する

右上の角丸だけが残るようになる。

４つの塗りを作成して変形の基準点の方向を変えることで、残りの３辺を作成する。

段落文字に合わせて縦の帯を加える

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