Illustratorのアピアランス機能を使い、文字に立体的なエンボス加工をかける設定をご紹介します。
1.新規アートボードを用意。背景色を敷く
新規ドキュメントを作成。今回は 左右150mm × 天地100mm のサイズで作成しました。
![](http://watanabedesign511.info/wp-content/uploads/2018/12/181218_1-1024x607.png)
アートボード全体に背景となる色を敷きます。
![](http://watanabedesign511.info/wp-content/uploads/2018/12/181218_2-1-1024x683.png)
今回は[C:0% M:30% Y:100% K:0%]のオレンジ色で作成。作った色はグローバルスウォッチとして登録しておきます。
![](http://watanabedesign511.info/wp-content/uploads/2018/12/181218_4.png)
2.エンボス加工をかけたい文字をタイプする
![](http://watanabedesign511.info/wp-content/uploads/2018/12/181218_5-1024x684.png)
文字の設定はこちらです。[Avenir Next Heavy 60Q オプティカル トラッキング+50]
![](http://watanabedesign511.info/wp-content/uploads/2018/12/181218_6.png)
3.アピアランス機能で文字に色を付ける
![](http://watanabedesign511.info/wp-content/uploads/2018/12/181218_7-1024x684.png)
テキストを選択し、アピアランスパネルの「塗り」で文字に色を付けます。
![](http://watanabedesign511.info/wp-content/uploads/2018/12/181218_8.png)
背景色と同系統で薄い色だと効果的なので、背景色の50%にします。
4.文字をコピーし、太らせ、ずらす
アピアランスパネルで、塗りを選択した状態で、パネル左下の「新規塗りを追加」をクリック。
![](http://watanabedesign511.info/wp-content/uploads/2018/12/181218_9.png)
背景に新しい塗りがコピーされる。
![](http://watanabedesign511.info/wp-content/uploads/2018/12/181218_10.png)
背景にある塗りは、メインの文字の塗りよりも色を濃くします。[C:0% M:30% Y:100% K:20%]と設定しました。
![](http://watanabedesign511.info/wp-content/uploads/2018/12/181218_11.png)
パスのオフセットを使用し、背景の文字の塗りを太らせます。
濃い方の塗りを選択し、左下の[fx]ボタンより、[パス>パスのオフセット]
![](http://watanabedesign511.info/wp-content/uploads/2018/12/181218_12.png)
[オフセット:1mm 角の形状:ラウンド]に設定。
![](http://watanabedesign511.info/wp-content/uploads/2018/12/181218_13.png)
これで、濃い色のフチが付きました。
![](http://watanabedesign511.info/wp-content/uploads/2018/12/181218_14-1024x683.png)
濃い色の塗りを変形でズラします。
濃い色の塗りを選択肢、[fx]>[パスの変形>変形]
![](http://watanabedesign511.info/wp-content/uploads/2018/12/1812181312.png)
変形効果パネルで、移動の値を[水平方向:0.25mm 垂直方向:0.25mm]の値を入力。
![](http://watanabedesign511.info/wp-content/uploads/2018/12/1812181311.png)
すると、背景の色の濃い文字が右下にズレて、このようになります。
![](http://watanabedesign511.info/wp-content/uploads/2018/12/1812181318-1024x683.png)
この時点で少し立体感がありますが、さらに、仕上げをします。
5.ハイライトを入れる
オリジナル(薄い方)の文字の塗りをコピーします。
![](http://watanabedesign511.info/wp-content/uploads/2018/12/1812181321.png)
下にある文字の塗りをハイライト用として、色を白に設定します。
![](http://watanabedesign511.info/wp-content/uploads/2018/12/1812181323.png)
白い塗りを選択し、[fx]>[パスの変形>変形]
![](http://watanabedesign511.info/wp-content/uploads/2018/12/1812181326.png)
水平方向:-0.25mm 垂直方向:-0.25mm
![](http://watanabedesign511.info/wp-content/uploads/2018/12/1812181327.png)
これで、ハイライトが入って、立体的になりました。
![](http://watanabedesign511.info/wp-content/uploads/2018/12/1812181329-1024x683.png)
6.ハイライトの角を調整
このままでも良いのですが、拡大して見るとハイライトの角が段になっているのが気になります。
![](http://watanabedesign511.info/wp-content/uploads/2018/12/1812181334-1024x692.png)
ハイライトのコピーの設定を以下のように変更します。
水平方向:-0.01mm 垂直方向:-0.01mm コピー:25回
![](http://watanabedesign511.info/wp-content/uploads/2018/12/1812181337.png)
-0.01というコピー値の求め方は、
[ハイライトのサイズ(mm)]÷[ コピーを繰り返す回数]
こちらの計算式で求めています。
そうすると。。。。
![](http://watanabedesign511.info/wp-content/uploads/2018/12/1812181340-1024x536.png)
角が自然になりました。これで完成です。
![](http://watanabedesign511.info/wp-content/uploads/2018/12/1812181342-1024x684.png)
バリエーション
アピアランスで作成しているので、文字や色の変更が簡単に出来ます。
![](http://watanabedesign511.info/wp-content/uploads/2018/12/1812181347-1024x683.png)
素材配布
今回作成した作例ファイルを、以下のページから無料配布しています。加工などをしてご自由にお使いください。
[無料DL素材]Illustrator、テキストにエンボス加工をかけるアピアランス
[作業環境]
Mac OSX 10.12.6
Adobe Illustrator CC 2018
関連書籍:オススメのIllustrator参考書
2019年3月20日追記
こちらの記事をAdobe Students JapanさんのTwitterにて紹介して頂きました。多くの学生さんのお役に立てれば幸いです。
平らな紙に凹凸を付けて立体的に見せる加工方法「 #エンボス 」。デザインに #エンボス加工 をする時は、こちらの方法を参考にしてみてください。 #Illustrator の機能を使った方法をこちらで解説😎⇒https://t.co/qv3ag0VjN9 pic.twitter.com/gRgeX4U2mJ
— Adobe Students Japan (@AdobeStudentsJP) March 19, 2019