ホラーチックな文字とネオン管のような文字（イラレ初心者用入門編）【文字の装飾part2】

イラレでホラーチックな文字とネオン管風の文字を作る

完成形　今回できる文字の装飾

文字装飾のパート２もAdobeのIllustrator（イラストレーター）を使ってます。使用する Illustrator は体験版も用意されていて、AdobeCC の コンプリートプラン にも含まれている。

AdobeCCを安く購入するには？

１つめ「ホラーっぽい文字」を作る

前回同様、新規ドキュメントを作成したら、今回は明朝体で文字を打ちます（例ではヒラギノ明朝を使用。フォントサイズ50 pt）。
ホラー文字にはあまりポップっぽさが出ないフォントを選ぶのがポイント。フリーフォントで色々探してみよう。

スンとたたずむきゅうり

つぎに、①のアピアランスの オプションから新規線を追加。②のように線の色を赤（CMYKならC0M100Y100K0）に、線幅を2ptに設定。

参考記事 アピアランス上でのカラーの変更方法はこちらを参照。
アピアランスでの色設定・色変更&スウォッチ作成【入門編】

作成した線がこのままだと一番上に存在してるので、文字の下に移動。

念の為、線：をクリックし、角の形状を「ラウンド結合」にしておきます。（ラウンド結合の効果は こちらの記事を参照）

塗りの色も変更しましょう。今回は黄色を選択（CMYKならYのみ100）。

ここまでの途中経過。塗りが黄色、線色赤、線幅2ptの「きゅうり」。

ここにもう一つ新規の線を追加。今度は左下の□をクリックして新規の線を作ってみた。出来た線の色に黒（CMYKでKのみ100）、線幅は10ptに設定。

先程、一つ目に作った赤色の線の下に移動しよう。

一番下に移動した10ptのアピアランスの線を 選択し、下図のようにアクティブにしたら、線にぼかし効果を入れいく。

メニューの 効果 ＞ ぼかし ＞ ぼかし（ガウス）の順に選択。

ぼかし（ガウス）の設定画面で、半径を18pixelに設定。最後にOKをクリック。

最終的なアピアランスがこちら。線にぼかし（ガウス）の効果が追加された。

ちょっとホラーなきゅうりの完成！

２つめ「ネオン管」のような文字を作る

① アピアランスの オプションから新規線を追加を選択。追加した線の色を黄色（CMYKならY100）、線幅を5ptに設定。

アピアランス上でのカラーの変更方法はこちらを参照。
アピアランスでの色設定・色変更&スウォッチ作成【入門編】

追加した線を文字の下に移動。

塗りは白にしておきます。

さらにもうひとつ、新規の線を追加していく。
今度は下図①左下の□で「新規の線を追加」しよう。追加した線は、②線の色を黄色（CMYKのY100）、線幅を10ptに設定。

このままだと他の線や塗りの上に来てしまうので、ひとつめに作った線の下に移動する。

一番下に移動した10ptのアピアランスの線を 選択し、下図のようにアクティブにしたら、線にぼかし効果を入れいく。

効果のぼかしを設定。（メニューの 効果 ＞ ぼかし ＞ ぼかし（ガウス）の順に選択）

ぼかし（ガウス）の設定画面で、今回は半径を10pixelに設定。最後にOKをクリック。

最終的なアピアランスは下図の通り。10ptの線の下にぼかし（ガウス）の効果が追加された。

これで、ぼかしの入ったふんわり浮き上がったようなきゅうりが完成！
…が、しかし！
もう少しネオンっぽさを出すために、今回は黒背景をしいてみる。

図① 長方形ツールを選択
図② マウスで左上の始点をクリックしたら、右端の下までドラッグ&ドロップ。アートボードいっぱいに長方形を作成します。

図①

図②

背景の塗りは黒、線は なしに設定。

選択した背景上で右クリック。重ね順 ＞ 最背面へ を選択。

黒地の背景が最も後ろの背面に移動し、ネオン管風文字が手前にきた。
よりネオンっぽい文字の出来上がり〜

何度も同じ作業は面倒なのでグラフィックスタイルに追加しておこう

一度作成したアピアランスを、他の文字にも反映させたい場合は、グラフィックスタイルに追加しておくとボタン一発で効果が効かせられるので超便利。

グラフィックスタイルの忘備録記事はこちら↓

まとめと次回予告

こんなのとか

こんなもの

文字装飾Part３の記事
文字にワープの効果や３Dの効果をつける

本日もご清覧ありがとうございました。