イラストレーターのハセガワ(@h_hasegawa8)です。
Vectornatorでネオンのように発光している文字を描く方法をご紹介します。
タップできる目次
Vectornatorでネオンのように発光している文字を描く方法
Vectornatorでネオンのように発光している文字を描く場合は、次のような流れで作業を行います。
- 背景として黒塗りのオブジェクトを描く
- 発光させたい文字をテキストツールで書く
- 文字に発光のエフェクトをつける
実際に作りながらご説明します。
背景として黒塗りのオブジェクトを描く
ツールバーから図形ツールを選択して、アートボードを覆うように四角形のオブジェクトを描きます。
![四角形の図形ツール](https://h-hasegawa8.com/wp/wp-content/uploads/2022/04/vec_neon_text.jpeg)
背景が暗いほうがテキストにつけるネオンの発光エフェクトが際立つので、スタイルタブから黒色で塗りつぶします。
![黒色で塗りつぶしした四角形オブジェクト](https://h-hasegawa8.com/wp/wp-content/uploads/2022/04/vec_neon_text2-1024x750.jpeg)
発光させたい文字をテキストツールで書く
次にネオンのように発光させたい文字をテキストツールで書きます。
フォントは何でも良いですが、個人的に細目のフォントがよりネオンぽく仕上がるような気がします。
![細めのフォントでテキストを書く](https://h-hasegawa8.com/wp/wp-content/uploads/2022/04/vec_neon_text9-1024x745.jpeg)
書いたテキストをピンク色で塗りつぶします。
塗りつぶしは、対象のオブジェクトを選択した状態で「スタイルタブ」の「①塗りつぶしの設定」をタップして設定します。
![塗りつぶしの設定](https://h-hasegawa8.com/wp/wp-content/uploads/2022/04/vec_neon_text10-1024x750.jpeg)
文字に発光のエフェクトをつける
次に発光のエフェクトをつくります。
まずは発光させたい文字を複製して、その背面に配置します。
複製は2つしておきます。
![オブジェクトを複製(コピー)](https://h-hasegawa8.com/wp/wp-content/uploads/2022/04/vec_neon_text11-1024x750.jpeg)
複製した文字に発光のエフェクトをつけます。
複製した文字の1つに、スタイルタブから発光エフェクトとして次の通り文字のスタイルを設定します。
- 塗り:ピンク
- 線:塗りより濃いピンク
- 軽めのぼかし
![ぼかし設定](https://h-hasegawa8.com/wp/wp-content/uploads/2022/04/vec_neon_text12-1024x750.jpeg)
もう1つの複製した文字には、次の通りスタイルを設定します。
- 塗り:ピンク
- 線:塗りより濃いピンク
- すこし強めのぼかし
![ぼかし設定](https://h-hasegawa8.com/wp/wp-content/uploads/2022/04/vec_neon_text13-1024x750.jpeg)
以上でネオンのように発光したエフェクトの設定は完了です。
![発光のエフェクト](https://h-hasegawa8.com/wp/wp-content/uploads/2022/04/vec_neon_text14-1024x767.jpeg)
同じような作業を繰り返すと次のようなデザインを作ることができます。
![ネオンのように発光する文字](https://h-hasegawa8.com/wp/wp-content/uploads/2022/04/vec_neon_text15-1024x767.jpeg)
まとめ
以上がVectornatorでネオンのように発光している文字を描く方法です。
ぜひ試してみてください。