今回はアピアランスパネルを使って立体文字デザインを作る方法を紹介します。塗りや効果を重ねることで、シンプルな文字が奥行きのあるデザインに変化します。
お好きな文字を用意したら、アピアランスパネルから「新規塗りを追加」を2回クリックします。
上の塗りと下の塗りに好きなカラーを設定しましょう。今回は上を赤色、下を黒色に設定します。
⚠️アピアランスパネルが見当たらない場合は画面上部のウィンドウから表示することができます。
黒色の塗りを選択し、アピアランスパネル下部の「fx」マークからパス→パスのオフセットを追加します。
文字から少しはみ出すくらいの数値で調整してください。
オフセットを設定した塗りにさらにパスの変形 → 変形を適用。
水平方向「-1px」、垂直方向「1px」、コピー「6」に設定すると、ずれが生じて立体的に見えます。
これで1段目の立体が完成です。
効果を設定した塗りを選び、アピアランスパネル右下の「＋」で複製します。
複製した塗りを白色に変更し、step2の要領で再びパスのオフセットを設定します。
さらに塗りを複製し黒色に設定します。
step２と３の要領でパスのオフセットをした後に変形を適用すると、2段目の立体デザインが完成します。
以上で２段の立体文字が完成しました！
完成した立体文字をよく見ると、一部分に隙間が空いていることがあります。
その隙間を埋める方法については、別の記事で紹介していますので、あわせてご覧ください！
