13 620 130 new

絵の描き方やペンタブ情報などをお届け

【クリスタ】ネオンの描き方簡単4ステップ。ネオンのイラストに効果的な配色も!

更新日:2020.11.10
ネオンの描き方アイキャッチ

イラストの背景や文字にキラキラと輝くネオンを使いたいけれど、描き方が分からない。ネオンの光をより良く見せる効果的な色を知りたい。そんな方に今回は、Twitterから、ネオンについて2つのご投稿をご紹介します。
レトロでポップなイラストにも、華やかでゴージャスなイラストにも使える色鮮やかなネオンの描き方をマスターして、作品をより素敵なものにしましょう!

※この記事で紹介している内容はご本人の許可を得て掲載しています。

業界最大手のお絵かき学習サイト!今なら無料お試し実施中

充実の講師・講座数!様々なプロのテクニックをものにして描ける自分になろう!
自宅で好きな時間に自分のペースで学習できるので空いた時間に学べる!
まずは7日間の無料お試しで体験しよう!

詳細はこちら >

業界最大手のお絵かき学習サイト!今なら無料お試し実施中

充実の講師・講座数!様々なプロのテクニックをものにして描ける自分になろう!
自宅で好きな時間に自分のペースで学習できるので空いた時間に学べる!
まずは7日間の無料お試しで体験しよう!

詳細はこちら >

クリスタでのネオンの描き方4ステップ

まずは、木村温さんのTwitterから、「CLIP STUDIO PAINT(クリスタ)」でネオンを描く方法をご紹介します。4ステップで簡単に描くことができるそうです。
レイヤーの順番を確認しながら描いていきましょう。

(1)ネオンにしたい絵・テキストを用意する

1_kimuraon-min 1_2-min

まずは通常レイヤーでネオンにしたい絵やテキストを用意します。
例のイラストではフラミンゴのくちばしの青い部分と身体のピンク色の部分など、線の色が違う部分は少し間をあけて描かれています。そうすることで、よりレトロでネオンらしく描くことができます。
フォントもレトロなものを使ったり、文字が重なる部分に空間をつくることで、よりネオン管・蛍光管のように見えるでしょう。

(2)白レイヤーを作成

2_kimuraon-min 2_2-min

(1)のレイヤーをコピーし、その上にペーストします。ペーストしたレイヤーの描写範囲を選択して、白一色に塗りつぶします。

(3)ガウスぼかしをかけるとネオンらしさが出てくる

3_kimuraon-min 3_2-min

(1)のレイヤーにガウスぼかしを「15」かけてコピーし、(2)で作成した白レイヤーの上にペーストします。ガウスぼかしの数値はキャンバスサイズや解像度によって変わりますので、イラストを見ながら適宜調節してください。

(4)さらにガウスぼかしをかけて各レイヤーの合成モードを変更

4_kimuraon-min 4_2-min

(2)の白レイヤーをコピーして一番上に配置し、弱めにガウスぼかしをかけます。今回は「5」かけているそうです。
次に、4つのレイヤーをフォルダに格納し、それぞれのレイヤーの合成モードを変更していきます。


合成モードは上から順に
・スクリーン
・加算[発光]
・オーバーレイ(イメージに合わせて適宜変更可能)
・スクリーン

となっています。
この合成モードの組み合わせだと、どんな色を使用しても見栄えが良いネオンが描けるそうです。

最後に、フォルダの合成モードと透明度を変更します。今回は「通常・透明度95%」にしました。通常モードは光の「色合い」を印象づけたいときにおすすめです。「光」を印象付けたい場合は「通過」にすると背景色によってはやや白っぽくなってしまいますが、輝きが増すので効果的とのことです。
イラストのイメージに合わせて試してみるとよいでしょう。

こちらもガウスぼかしの数値はお好みで調整してください。
白レイヤーをオーバーレイ以外にしても光り具合が変わるので、元絵の色などに合わせて調整してみてください。

最後に、木村温さんのTwittetとHPをご紹介します。素敵なスーツの男性の作品がたくさんご投稿されています。ぜひご覧下さい!

木村温さん「クリスタでネオンを描く」

木村温さんのTwitterはこちら

木村温さんのHPはこちら

効果的なネオンデザインの配色

ネオンにどんな色を使えばいいかわからない。ネオンを描いてもいまいち色がぱっとしない……。
そんな方に、つだしんごさんがTwitterにご投稿されていた、ネオンデザインの配色の一覧をご紹介します。

6_tsuda1-min7_tsuda-min

「形の色」でモチーフを描いたあとに、「影の色」でぼかしを入れています。
色の組み合わせを参考にして、イメージにあったネオンを描いてみましょう!
カラーコードの数値はこちらです。


●赤系
形の色:RGB 252,97,95 CMYK # FC615F
影の色:FGB 196,1,0 CMYK # C40100

●ピンク系
形の色:RGB 255,106,203 CMYK # FF6ACB
影の色:RGB 202,0104 CMYK # CA0068

●青系
形の色:RGB 140,105,255 CMYK # 8C69FF
影の色:RGB 52,0,222 CMYK # 3400DE

●水色系
形の色:RGB 107,217,254 CMYK # 6BD9FE
影の色:RGB 1,161,209 CMYK # 01A1D1

●緑系 形の色:RGB 101,255,162 CMYK # 65FFA2 影の色:RGB 17,183,81 CMYK #11B751 ●黄色系
形の色:RGB 255,220,104 CMYK # FFDC68
影の色:RGB 173,136,0 CMYK # AD8800

●白系
形の色:RGB 255,255,255 CMYK # FFFFFF
影の色:RGB 255,255,255 CMYK # FFFFFF

つだしんごさん「ネオンデザインを多分1番魅せる配色の一覧」

最後に、つだしんごさんのプロフールをご紹介します。つだしんごさんはグラフィックデザイナーをしていらっしゃるそうです。TwitterやInstagramにてグラフィックデザインのtipsをたくさんご投稿されていますので、ぜひご覧ください!

つだしんごさんのTwitterはこちら
つだしんごさんのInstagramはこちら

キャライラスト背景講座 ー都市編ー

「キャラ絵に都市背景をつけたいけど、都市の描き方が分からない…」とお悩みの方へ!
背景の描き方を遠景・中景・近景に分けて、実演を交えながら解説します♪
7日間の無料お試しで体験できます!!

詳細はこちら >

キャライラスト背景講座 ー都市編ー

「キャラ絵に都市背景をつけたいけど、都市の描き方が分からない…」とお悩みの方へ!
背景の描き方を遠景・中景・近景に分けて、実演を交えながら解説します♪
7日間の無料お試しで体験できます!!

詳細はこちら >

まとめ

ネオンの描き方は、さまざまな系統のイラストに応用できそうです。たとえば、豪華な歓楽街での背景にあるネオン管が使われた看板や広告に。SF作品では、サイバーパンクなコンピューターの光の表現に。レトロでポップな作品には、派手な色の組み合わせを試してみても良いですし、ロゴの作成にもぴったりです。さらに、コンサートやライブで使われるサイリウムや、アイドルのサインを描くときなどにも使用できそうです。

また、ガウスぼかしといった光の描き方は、様々な表現の参考になりますね。
ネオンの描き方をマスターして、作品をより華やかにしましょう!



関連講座

パースのついた美しい背景イラストを描いてみよう!

【先生特製のブラシがDLできる!】
「ざっくりとそれっぽく見える」テクニックで、初心者でも安心して背景イラストへの第一歩を踏み出せます!
今なら無料お試し実施中!!

詳細はこちら >

意外と知らない!ラフの描き方講座

「ラフの時は良い絵に見えたのに、線画にしたら微妙……」
そんなふうに思ったことはありませんか? この講座では、そんなよくある問題を解決します!
7日間の無料お試しで体験できます!

詳細はこちら >

パースのついた美しい背景イラストを描いてみよう!

【先生特製のブラシがDLできる!】
「ざっくりとそれっぽく見える」テクニックで、初心者でも安心して背景イラストへの第一歩を踏み出せます!
今なら無料お試し実施中!!

詳細はこちら >

写真から骨格を理解して、全身イラストのレベルをアップさせよう!

写真さえあれば学べるので、全くの絵の初心者でも安心♪
体の側面、腕や足の向きなどを見つけて、「身体が描けない」を卒業しよう!
今なら無料お試し実施中です。

詳細はこちら >
記事の先頭に
もどる
記事の先頭にもどる
22 620 174

×