こんにちは、つしまです。
今週はDMハガキやチラシなどで、タイトルの文字をいくつかデザインしました。そのフィードバックの中で、アピアランスパネルを使ったtipsをいくつか学んだのでまとめていこうと思います。
ハイライトを加える文字加工
アピアランスで作成することで、後からハイライトの太さやテキストを変更することができます。
複合シェイプを使用すると追加、型抜き、交差、除外を編集可能なまま適用することができます。テキストツールで文字を作成した後、文字全てにアピアランスを適用させるために、複合シェイプを使用します。
ハイライトになる部分を作成します。今回は太さを1mmに設定しました。
オフセットをマイナス値にします。今回は-3ptに設定しました。角の形状はラウンドにします。
ドラッグで順番を変えることができるので、パスのオフセット効果の下に置きます。
コピー:1にして水平垂直方向に移動します。ここでは0.5pxにしています。
変形効果の下に置きます。先ほど変形でコピー:1したオブジェクトで型抜きされました。パスが交差し、背面オブジェクトより内側にある線のパスが消えている状態になります。
ハイライトの端が尖っているので、丸文字のときは線パネルで線端:丸形、角の形状:ラウンドにして、線の端を丸くしたら完成です。
フチ文字の隙間を埋める
フチをつけた時にできる隙間や文字の中マドを埋めたい時は、アピアランスで処理することができます。
テキストを用意して字間や行間を調整したら、テキストの塗りを無しにし、アピアランスパネルで新規塗り追加を2回クリックします。それぞれ上の塗り・下の塗りを適用します。
ここでは、オフセット:10、角の形状:ラウンドにしておきます。
アルファベットの中マドや文字同士がくっついてできる隙間を埋めます。アピアランスパネルで適用した分割をクリックし、パスファインダーオプションダイアログを表示させます。[分割およびアウトライン適用時に塗りのないアートワークを削除]のチェックを外します。
フチと隙間埋めの部分を結合して、完成です。追加を適用しておくことで、アピアランスを分割した時に整理されたオブジェクトになります。
文字に合わせて伸縮する帯
繰り返し登場する見出しパーツなどに使うと、長さ調整の手間がかからないので便利に使えます。
テキストを用意したらテキストの文字属性を無しにします。アピアランスパネルで新規塗りを2つ追加して、それぞれに好きなカラーを設定しておきます。(上側の塗りが文字、下側の塗りの項目がオビ部分になります)
下側の塗りに対して効果をかけていきます。ここでは、幅10px、高さ10pxに設定しています。
「オブジェクトのアウトライン」効果が「長方形」効果の上になるようにドラッグして、帯と文字が中央に揃うようにしたら完成です。効果により文字が内部的にアウトライン化されるので、オブジェクト化した文字列に対して水平垂直な長方形が描画されるという仕組みです。これで帯と文字が常に中央で揃うようになります。
さいごに
他の人が作ったデータを編集するときやフリーのグラフィックスタイルを使う場合であっても、一度アピアランスパネルに目を通してどんな処理が行われているのかきちんと考える癖をつけておきたいなと思いました。