イラレでホラーチックな文字とネオン管風の文字を作る
完成形 今回できる文字の装飾
![](https://enkame.com/wp-content/uploads/2021/07/210716mojihora-kansei-1.png)
![ネオン管文字完成図](https://enkame.com/wp-content/uploads/2021/07/210716mojineon-kansei-800x249.jpg)
![えんかめ](https://enkame.com/wp-content/uploads/2020/08/siteicon2.png)
今回は、文字の装飾続編です
![いっぺい](https://enkame.com/wp-content/uploads/2020/09/ippe-uhuhu.png)
ひとまずやってみて慣れちゃおう!
という趣旨の元お送りしてるのョ
文字装飾のパート2もAdobeのIllustrator(イラストレーター)を使ってます。使用する Illustrator は体験版も用意されていて、AdobeCC の コンプリートプラン にも含まれている。
1つめ「ホラーっぽい文字」を作る
前回同様、新規ドキュメントを作成したら、今回は明朝体で文字を打ちます(例ではヒラギノ明朝を使用。フォントサイズ50 pt)。
ホラー文字にはあまりポップっぽさが出ないフォントを選ぶのがポイント。フリーフォントで色々探してみよう。
![えんかめ](https://enkame.com/wp-content/uploads/2020/08/siteicon2.png)
角ゴシックや丸ゴシックより、明朝体はホラーっぽさが増しますね
![いっぺい](https://enkame.com/wp-content/uploads/2020/09/ippei-bikubiku.png)
スンとした感じがなんとも
スンとたたずむきゅうり
![明朝体で打った未装飾文字](https://enkame.com/wp-content/uploads/2021/07/210716mojihora-1.png)
つぎに、①のアピアランスの オプションから新規線を追加。②のように線の色を赤(CMYKならC0M100Y100K0)に、線幅を2ptに設定。
参考記事 アピアランス上でのカラーの変更方法はこちらを参照。
アピアランスでの色設定・色変更&スウォッチ作成【入門編】
![ホラー文字用アピアランス設定1](https://enkame.com/wp-content/uploads/2021/07/210716mojihora-2.png)
作成した線がこのままだと一番上に存在してるので、文字の下に移動。
![作成した線を移動](https://enkame.com/wp-content/uploads/2021/07/210716mojihora-3.png)
念の為、線:をクリックし、角の形状を「ラウンド結合」にしておきます。(ラウンド結合の効果は こちらの記事を参照)
![角の形状をラウンド結合に設定](https://enkame.com/wp-content/uploads/2021/07/210716mojihora-4.png)
塗りの色も変更しましょう。今回は黄色を選択(CMYKならYのみ100)。
![塗りに黄色を選択](https://enkame.com/wp-content/uploads/2021/07/210716mojihora-5.png)
ここまでの途中経過。塗りが黄色、線色赤、線幅2ptの「きゅうり」。
![赤で縁取られた黄色文字](https://enkame.com/wp-content/uploads/2021/07/210716mojihora-7.png)
ここにもう一つ新規の線を追加。今度は左下の□をクリックして新規の線を作ってみた。出来た線の色に黒(CMYKでKのみ100)、線幅は10ptに設定。
![2つ目の新規線の作成と設定](https://enkame.com/wp-content/uploads/2021/07/210716mojihora-8.png)
先程、一つ目に作った赤色の線の下に移動しよう。
![線を一番下に移動](https://enkame.com/wp-content/uploads/2021/07/210716mojihora-9.png)
一番下に移動した10ptのアピアランスの線を 選択し、下図のようにアクティブにしたら、線にぼかし効果を入れいく。
![アクティブになった線](https://enkame.com/wp-content/uploads/2021/07/210716mojihora-10.png)
メニューの 効果 > ぼかし > ぼかし(ガウス)の順に選択。
![メニューのぼかし効果の場所](https://enkame.com/wp-content/uploads/2021/07/210716mojihora-11.png)
ぼかし(ガウス)の設定画面で、半径を18pixelに設定。最後にOKをクリック。
![ぼかしガウスの設定画面](https://enkame.com/wp-content/uploads/2021/07/210716mojihora-12.png)
最終的なアピアランスがこちら。線にぼかし(ガウス)の効果が追加された。
![ホラー文字最終アピアランス](https://enkame.com/wp-content/uploads/2021/07/210716mojihora-13.png)
ちょっとホラーなきゅうりの完成!
![ぼかしの効いた完成文字](https://enkame.com/wp-content/uploads/2021/07/210716mojihora-kansei.png)
2つめ「ネオン管」のような文字を作る
![えんかめ](https://enkame.com/wp-content/uploads/2020/08/siteicon2.png)
ネオン管の文字は、ホラー文字と違って、ポップなものにしてみましょうか
![いっぺい](https://enkame.com/wp-content/uploads/2020/09/ippei-banzai.png)
どちらかというと丸びを帯びたフォントがおすすめね
![ウェイト細めのヒラギノ丸ゴ使用文字](https://enkame.com/wp-content/uploads/2021/07/210716mojineon-1.png)
![えんかめ](https://enkame.com/wp-content/uploads/2020/08/siteicon2.png)
それではホラー文字と同様に線の追加や塗りの設定をしていきましょう
① アピアランスの オプションから新規線を追加を選択。追加した線の色を黄色(CMYKならY100)、線幅を5ptに設定。
アピアランス上でのカラーの変更方法はこちらを参照。
アピアランスでの色設定・色変更&スウォッチ作成【入門編】
![ネオン管用1つ目の新規線を追加](https://enkame.com/wp-content/uploads/2021/07/210716mojineon-2.png)
追加した線を文字の下に移動。
![線を文字の下に移動した図](https://enkame.com/wp-content/uploads/2021/07/210716mojineon-3.png)
塗りは白にしておきます。
![塗りの設定(白)](https://enkame.com/wp-content/uploads/2021/07/210716mojineon-4.png)
![](https://enkame.com/wp-content/uploads/2021/07/210716mojineon-5.png)
さらにもうひとつ、新規の線を追加していく。
今度は下図①左下の□で「新規の線を追加」しよう。追加した線は、②線の色を黄色(CMYKのY100)、線幅を10ptに設定。
![さらに新しい線を追加する](https://enkame.com/wp-content/uploads/2021/07/210716mojineon-6.png)
このままだと他の線や塗りの上に来てしまうので、ひとつめに作った線の下に移動する。
![10ptの線は一番下に移動](https://enkame.com/wp-content/uploads/2021/07/210716mojineon-7.png)
![10ptの線を追加した文字](https://enkame.com/wp-content/uploads/2021/07/210716mojineon-8.png)
一番下に移動した10ptのアピアランスの線を 選択し、下図のようにアクティブにしたら、線にぼかし効果を入れいく。
![アクティブになっているか確認](https://enkame.com/wp-content/uploads/2021/07/210716mojineon-9.png)
効果のぼかしを設定。(メニューの 効果 > ぼかし > ぼかし(ガウス)の順に選択)
![メニューのぼかし効果の場所](https://enkame.com/wp-content/uploads/2021/07/210716mojihora-11.png)
ぼかし(ガウス)の設定画面で、今回は半径を10pixelに設定。最後にOKをクリック。
![](https://enkame.com/wp-content/uploads/2021/07/210716mojineon-10.png)
最終的なアピアランスは下図の通り。10ptの線の下にぼかし(ガウス)の効果が追加された。
![ネオン管最終的アピアランス](https://enkame.com/wp-content/uploads/2021/07/210716mojineon-11-1.png)
![完成の一歩手前](https://enkame.com/wp-content/uploads/2021/07/210716mojineon-11.png)
これで、ぼかしの入ったふんわり浮き上がったようなきゅうりが完成!
…が、しかし!
もう少しネオンっぽさを出すために、今回は黒背景をしいてみる。
![えんかめ](https://enkame.com/wp-content/uploads/2020/08/siteicon2.png)
今回は、あえて新規のレイヤーは追加せず、重ね順の変更で、背景を作ってみます
図① 長方形ツールを選択
図② マウスで左上の始点をクリックしたら、右端の下までドラッグ&ドロップ。アートボードいっぱいに長方形を作成します。
図①
![](https://enkame.com/wp-content/uploads/2021/07/210716mojineon-12.png)
図②
![ドラッグ&ドロップで長方形作成](https://enkame.com/wp-content/uploads/2021/07/210716mojineon-13.png)
背景の塗りは黒、線は なしに設定。
![背景の塗りと線設定](https://enkame.com/wp-content/uploads/2021/07/210716mojineon-14.png)
![黒背景](https://enkame.com/wp-content/uploads/2021/07/210716mojineon-15.png)
![いっぺい](https://enkame.com/wp-content/uploads/2021/07/ippei-katateage.png)
これじゃあ、せっかく作った文字が下にあって見えないから、重ね順を変えてみるど〜
選択した背景上で右クリック。重ね順 > 最背面へ を選択。
![重ね順で最背面を選択](https://enkame.com/wp-content/uploads/2021/07/210716mojineon-16.png)
黒地の背景が最も後ろの背面に移動し、ネオン管風文字が手前にきた。
よりネオンっぽい文字の出来上がり〜
![ネオン管文字完成図](https://enkame.com/wp-content/uploads/2021/07/210716mojineon-kansei-800x249.jpg)
![いっぺい](https://enkame.com/wp-content/uploads/2021/06/ippe-kyaaa.png)
きゅうり氏マビィぜ!
何度も同じ作業は面倒なのでグラフィックスタイルに追加しておこう
一度作成したアピアランスを、他の文字にも反映させたい場合は、グラフィックスタイルに追加しておくとボタン一発で効果が効かせられるので超便利。
![グラフィックスタイル作成手順動画](https://enkame.com/wp-content/uploads/2021/07/210714graphicstyle.gif)
グラフィックスタイルの忘備録記事はこちら↓
![えんかめ](https://enkame.com/wp-content/uploads/2020/08/enkame-uemigi.png)
設定が多ければ多いほど、2度も3度もやっていられませんので、一度お試しあれ
![いっぺい](https://enkame.com/wp-content/uploads/2020/09/ippei-banzai.png)
時短時短〜♪
まとめと次回予告
![えんかめ](https://enkame.com/wp-content/uploads/2020/08/siteicon2.png)
以上で、文字装飾Part2 終了です。おつかれさまでした
![いっぺい](https://enkame.com/wp-content/uploads/2021/07/ippei-pc-hukidasi.png)
ホラー風文字も、ネオン管風文字も、色を変えるとまた違った印象ね
![色別ホラー文字印象比較](https://enkame.com/wp-content/uploads/2021/07/210716mojihora-patternx3.png)
![色を変更したネオン巻文字比較](https://enkame.com/wp-content/uploads/2021/07/210716mojineon-patternx3.png)
![えんかめ](https://enkame.com/wp-content/uploads/2020/08/siteicon2.png)
そうですねぇ〜。
文字はフォントや太さ・装飾だけではなく、文字色や、背景色、背景画像(写真)等どう組み合わせるかによって全然印象が違いますね。
![いっぺい](https://enkame.com/wp-content/uploads/2021/07/ippei-and-kyuuri.png)
元は同じ「きゅうり」ですのに
![えんかめ](https://enkame.com/wp-content/uploads/2020/08/siteicon2.png)
次回はきゅうりの文字にワープの効果を使ってみようと思います
![いっぺい](https://enkame.com/wp-content/uploads/2020/11/ippe-tuburaUP.png)
とうとう超常現象の力も手に入れるのか、きゅうりよ…
![えんかめ](https://enkame.com/wp-content/uploads/2020/08/siteicon2.png)
多分、いっぺいさんが想像するようなワープじゃありませんよ
こんなのとか
![次回ワープ1](https://enkame.com/wp-content/uploads/2021/07/210716konnnano1.png)
こんなもの
![次回ワープ2](https://enkame.com/wp-content/uploads/2021/07/210716konnnano2.png)
![えんかめ](https://enkame.com/wp-content/uploads/2020/08/siteicon2.png)
を、やろうと思います。
![いっぺい](https://enkame.com/wp-content/uploads/2020/11/ippe-tubura.png)
なんだ、SFの回ではないのね
![えんかめ](https://enkame.com/wp-content/uploads/2020/08/siteicon2.png)
違いますね。今回よりサクッと出来ますのでビビらずやってみましょう
![いっぺい](https://enkame.com/wp-content/uploads/2021/07/ippei-katateage.png)
は〜い
- 今回使用したIllustratorはAdobeCCのコンプリートプランに含まれる
- » Adobe 公式サイト (初回7日無料トライアル)
- » Amazon
(Adobe製品ページ)
- イラストレーター単体はこちら
- » Illustrator(Adobe公式サイト)
- » Amazon
(イラストレーター単体商品ページ)
文字装飾Part3の記事
文字にワープの効果や3Dの効果をつける
本日もご清覧ありがとうございました。
コメント