限定公開でまとめを作れば、相互フォローやフォロワー限定でまとめを共有できます!
59
イラレのアピアランスで段落装飾
樋口泰行 @higuchidesign
【イラレのアピアランスで段落装飾】アピアランスを使ってテキストボックスに装飾追加する方法を流します。dot-aiでの集中線と同じパスファインダーの切り抜きを使っていますが、構造わかれば簡単にできて応用範囲が広いので手順を解説します。 http://t.co/VNtG0DRFzu
 拡大
樋口泰行 @higuchidesign
【イラレのアピアランスで段落装飾】テキストは塗りを足さずにテキストへの黒を指定しておいてOKです。文字が黒ならオーバープリントで塗りを足して重ねておくのも吉。まず線を追加して分かりやすいように色をつけておきます。この色は後で消します。 http://t.co/HbUjB6bEM4
 拡大
樋口泰行 @higuchidesign
【イラレのアピアランスで段落装飾】線に対して形状に変換の長方形の効果を足します。値を追加で0mmで設定します。すると線がテキストボックスに合わせた長方形に変わります。 http://t.co/OOP8oLa1z0
 拡大
樋口泰行 @higuchidesign
【イラレのアピアランスで段落装飾】さらに変形を加えます。水平方向に120%拡大し基準点は左中央に設定。さらに移動で-4mm動かします。この青い線は最後に全体をクリッピングするためのマスクのための図形になります。 http://t.co/puV7LKNnVl
 拡大
樋口泰行 @higuchidesign
【イラレのアピアランスで段落装飾】次に下にある塗りを赤にし塗りに対して再び形状に変換の長方形を追加。ここでは幅を3.5mm追加します。さきほど変形の移動で4mmとしましたが、ここで-3.5mmにしたことで帯の幅が0.5mmになります。 http://t.co/8AJKQ4wpaj
 拡大
樋口泰行 @higuchidesign
【イラレのアピアランスで段落装飾】赤い塗りに変形を加えます。垂直軸にリフレクトのみチェックを入れ基準点を左端にします。すると赤いボックスが左側に反転します。青いラインと赤い塗りが少し重なっているのが分かると思います。この幅が0.5mm http://t.co/muCVBYt8Pf
 拡大
樋口泰行 @higuchidesign
【イラレのアピアランスで段落装飾】そして一番下にパスファインダーの切り抜きを追加します。メニューから選ぶと一番上に挿入されるのでドラッグし最下層に移動しましょう。すると線の表示が消えます。この線が切り抜き用のパスになっているからです。 http://t.co/QkOtoCdPi4
 拡大
樋口泰行 @higuchidesign
【イラレのアピアランスで段落装飾】塗りを後から変えてもオッケーですし、太さを変えたい場合には長方形や変形で指定した数値を変えてあげれば太さも自由に変えられます。 http://t.co/o3pPNur7pO
 拡大
樋口泰行 @higuchidesign
【イラレのアピアランスで段落装飾】一番の利点はテキストボックスの大きさに対して塗りを追加しているだけなので、文字サイズを変えたり幅や高さを変えたとしてもちゃんと追随してくれる事です。 http://t.co/5p6dW4mISn
 拡大
樋口泰行 @higuchidesign
【イラレのアピアランスで段落装飾】dot-aiのフォローアップで追加した角丸コラムも同じパスファインダーの切り抜きを使っています。グラフィックスタイルに登録しておけばバリエーションも増やせます。さぁあなたもアピアランスライフへ!おわり http://t.co/l1ZKVM56Zl
 拡大
樋口泰行 @higuchidesign
【イラレのアピアランスで段落装飾】ちなみにエリア内テキストオブジェクトに適用しているので文字がない部分まで表示されてしまいます。これを避けたい場合には一番上にオブジェクトのアウトラインを追加しときましょう。文字部分だけの帯になります。 http://t.co/vr4H9x7jSE
 拡大
樋口泰行 @higuchidesign
【イラレのアピアランスで段落装飾】CS5までしか起動できず確認できていませんが今日ご紹介したのは、アピアランスが搭載されたAi 9.0のころから効果メニューに入っていたもので最新verでなくとも作れることができると思います。http://t.co/zuK3x42jWX
樋口泰行 @higuchidesign
@_oya_oya_ ジグザグの角を直線にすると角がとがっちゃうので、両方とも滑らかにすると割と見栄えよくなるかと…あとうまくやらないと文字が欠けちゃうのでオフセットで広めにしてます。 http://t.co/nLppW1ONIt
 拡大
カプセル型長方形の作り方
樋口泰行 @higuchidesign
ここで紹介されてるのとは別手法で、アピアランスの塗り1つだけで簡単にできる方法みつけましたよ。 鈴木メモ:アピアランスでカプセル型の長方形 http://t.co/PLRVL1EWEE http://t.co/qa2kJqzQit
 拡大
樋口泰行 @higuchidesign
【カプセル型長方形】さて今日はカプセル型長方形の作り方を。まず文字色をスミにし下に塗り色をつけ形状に変換の四角形を追加。一番上にオブジェクトのアウトラインを入れておきます。こうすることでアウトライン化しても形がズレにくくなります。 http://t.co/hApEUEj5fR
 拡大
樋口泰行 @higuchidesign
【カプセル型長方形】長方形の下に変形を追加。水平を50%高さを150%にし、基準点を右端にします。すると半分サイズの長方形なります。なぜ半分サイズに縮めたのかは最後にわかります。 http://t.co/Cirtw1vm1p
 拡大
樋口泰行 @higuchidesign
【カプセル型長方形】変形の下にワープの下弦を追加。垂直方向を選び100%にします。これで右端が円形に変わります。これで右半分が出来上がりました。あとはこれの左半分をコピーするだけです。 http://t.co/xX4TXrWgcM
 拡大
樋口泰行 @higuchidesign
【カプセル型長方形】左半分をコピーするために変形を追加。垂直軸にリフレクトにチェックを入れ、基準点を左端にしコピー回数を1に。すると中央から左側に反転コピーが作成されます。 http://t.co/5K3tVJUcr1
 拡大
樋口泰行 @higuchidesign
【カプセル型長方形】最後にアピアランスを分割したときに左右が分かれないようにパスファインダーの追加を足しておきましょう。けっこう簡単でしょ? http://t.co/TRR55lneGg
 拡大
樋口泰行 @higuchidesign
【カプセル型長方形】1つに塗りだけで完結しているのでパスのオフセットで大きくしたり、複数の塗りを重ねて表現を作成するなど様々な応用が利きますし、文字のサイズを変えたりしても追随してくれるので使いやすいと思います。 http://t.co/AOXksQ328J
 拡大
奥行き感のある文字の作成
樋口泰行 @higuchidesign
最も簡単な奥行き感文字の作成。まず文字の塗りと線を設定。線は下側に。 http://t.co/5smTaBIWLd
 拡大
樋口泰行 @higuchidesign
新しいカリグラフィブラシを作る。斜め45°、真円率0%で直径は1pt。 http://t.co/Tj57f5aLhf
 拡大
残りを読む(5)

コメント

樋口泰行 @higuchidesign 2013-12-04 12:06:13
まとめを更新しました。
樋口泰行 @higuchidesign 2013-12-09 14:36:55
まとめを更新しました。奥行き感のある文字の作成方法を追加。
ログインして広告を非表示にする