Adobe Illustratorで立体的な文字の作り方

Adobe Illustratorで3D文字の作り方

イラストレーターでフチ付き(縁取り・枠つき)の立体的な文字の作り方を紹介しよう。
今回は3D効果は使わない方法だ。

f:id:higajoukun:20171104182648p:plain
まず立体的にしたい文字を選択してアピアランスの下の方にある「新規塗りを追加」をクリック。

f:id:higajoukun:20171104182809p:plain
そしてもう一度クリックして2つ塗りを作っておく。

f:id:higajoukun:20171104182840p:plain
一番上の塗りを白か好きな色にしておこう。

f:id:higajoukun:20171104182903p:plain
そして一番下の塗りを選択しておく。

f:id:higajoukun:20171104182948p:plain
「効果」→「パスの変形」→「変形」をクリック。

f:id:higajoukun:20171104183016p:plain
拡大縮小を画像のように99%にして、
コピーは15ぐらいにして、
移動の垂直方向は-0.03cmぐらいにしておこう。
コピーと移動の垂直方向の数値設定で立体度を変更可能なのでプレビューしながら調節しよう。
拡大縮小の数値は遠近感を変えられる。
設定したらOKをクリック。

f:id:higajoukun:20171104183211p:plain
これで立体的な文字にはなった。
次はこれにフチをつけていく。

f:id:higajoukun:20171104183251p:plain
一番下の塗りを選択して、
「効果」→「パス」→「パスのオフセット」をクリック。

f:id:higajoukun:20171104183352p:plain
好きなオフセットの数値を入力。
プレビューしながら調節しよう。
設定したらOKをクリック。

f:id:higajoukun:20171104183440p:plain
これでフチ付き(縁取り・枠つき)の立体的な文字になった。

f:id:higajoukun:20171104183542p:plain
さらにオフセットしたい場合は、オフセットした一番下の塗りを選択してアピアランスの下の方にある「選択した項目を複製」をクリック。

f:id:higajoukun:20171104183636p:plain
一番下の塗りのオフセットの数値を大きく変更しよう。
設定したらOKをクリック。

f:id:higajoukun:20171104183702p:plain
あとは一番下の塗りの色を好きな色に変えればOKだ。
他の塗りも好きな色にしよう。


一般的には以下の方法で作る方法があるので参考にどうぞ。
イラレで斜め45度の影付き文字の描き方 | 鈴木メモ
60L DESIGN / sixty-el design

f:id:higajoukun:20171104203446p:plain