【Illustrator】光沢/溶ける文字の作り方

Adobe Illustratorを使用して、光沢文字の作成方法を2種類解説します。
1つ目はアピアランス、2つ目は3Dで作成しますが、どちらもテキストの変更や色の修正などが可能です。
さらに、「アピアランスで光沢文字」にひと手間加えて「ぷっくり文字・溶ける文字」の解説もします！
難易度は低いので、是非挑戦してみてください。

「ぷっくり文字・溶ける文字」を作成する場合も、まずはこちらを作成する必要があります。

パスファインダーパネルはメニューバー→[ウィンドウ]→[パスファインダー]で表示できます。

アピアランスパネルで、線を白に設定します。太さは6ptにしました。
アピアランスパネルはメニューバー→[ウィンドウ]→[アピアランス]で表示できます。

ここでは-9ptにしています。 角の形状はラウンドにします。

パスのオフセットの効果の下に置きます。ドラッグで順番を変えることができます。

ここでは2pxにしています。コピー：1にします。

変形の効果の下に置きます。

ハイライトの端が尖っている状態です。

なぜ上記の手順でハイライトが作れるのか、わかりやすく画像を作成しました。
青い線が背面オブジェクトで、変形でコピー：1したものです。この青い線で赤い線を型抜きしています。
パスが交差し、青い線のパスより内側にある赤い線のパスが消えます。

下画像の右のようになるのではないか？と思うかもしれませんが、線をアウトライン化した場合は右のような状態になります。

線パネルで、線端：丸形、角の形状：ラウンドにします。

アピアランスで作成しているので、後からハイライトの太さやテキストを変更することができます。

ぷっくり文字は文字の打ち換え可能ですが、溶ける文字は文字の打ち換えができません。

アピアランスパネルで線を選択した状態で、新規効果を追加アイコン→[ぼかし]→[ぼかし（ガウス）]を選択します。

ハイライトにぼかしがかかりました。ぼかすと線幅が広がって見えるので、線の太さを6px→4pxに変更しています。

以下のように設定します。

描画モード：スクリーン
カラー：白
不透明度：100%
ぼかし：95px（サイズによって変わるので各自調整してください）
中心にチェックを入れます。

選択した項目が複製されました。

以下のように設定します。

描画モード：乗算
カラー：文字の色
不透明度：50%
ぼかし：15px（サイズによって変わるので各自調整してください）
境界線にチェックを入れます。

描画モード：乗算
不透明度：75%
X軸オフセット：4px
Y軸オフセット：4px
ぼかし：3px
カラー：黒

「ぷっくり文字」をまずは作成します。

ツールが見当たらないときは、左のツールバーの・・・をクリックすると、全てのツールが表示されます。ツールを、ツールバーへドラッグ＆ドロップすることで追加できます。

円の大きさは、Altキーを押しながらキャンバスをドラッグすることで変更できます。

文字の打ち換えが可能です。

位置：自由回転
X軸：15°
Y軸：20°
Z軸：0°
押し出しの奥行き：好きな厚みに調整
表面：陰影（艶あり）
詳細オプションをクリックします。

ベベル：曲面にし、高さは好みの数値に調整します。ここでは10ptにしています。
球体の図がありますが、○をドラッグすると光源の位置を変えることができます。
細かい数値はプレビューを見ながら調整します。デフォルトのままの数値もありますが、参考までに今回の設定を記載します。

照度：100%
環境光：50%
ハイライトの強さ：100%
ハイライトのサイズ：100%
ブレンドの階調：25
陰影のカラー：ブラック

後からテキストを変更することができます。

いかがでしたか？
ペンツールでハイライトを描くこともできますが、後から修正したいという方にはおすすめの作成方法です。
溶ける文字はアウトライン化しているので、テキスト修正はできませんが色の修正などは可能です。チョコレートみたいでバレンタインのデザインに使えそうですね。
もう少し難易度を上げたい方は、こちらの「ネオン文字と背景の作り方」もおすすめです☆