12 620 174

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

【クリスタ】ネオンの描き方簡単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日間の無料お試しで体験できます!

詳細はこちら >

まとめ

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

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



関連講座

初心者から絵師デビュー!

【初心者歓迎】自宅でイラストが学べるオンライン教室
わかりやすい動画授業+質問相談サポートで、あなたの上達を更に加速! \ 7日間の無料お試し実施中 /

詳細はこちら >

初めてでも描ける!背景入門講座

「キャラを描けるようになってきたので背景のついた一枚絵を描きたい!でも、背景なんて描いたことが無い……」 そんな方でも安心して第一歩を踏み出せるように設計された背景講座!
7日間の無料お試しで体験できます!

詳細はこちら >

ゼロからはじめるキャライラスト入門講座

ペンの選び方・線の引き方・紙の使い方からスタートして、効果的な練習の仕方、顔や身体の描き方まで、絵を描くための基本の基本を解説!

詳細はこちら >

パルミーは3,000名以上の利用実績!今なら無料お試し実施中

初心者からプロ志望まで大歓迎。
神絵師・プロ講師がゼロからわかるイラストの描き方&練習法を公開しており、様々なポーズ・構図も自由自在に。
今なら無料お試し実施中です。

詳細はこちら >

この記事に関連するページ

記事の先頭に
もどる
記事の先頭にもどる
22 620 174

×