「史上最強の魔法剣士、Fランク冒険者に転生する」シリーズ累計155万部突破しました!

【クリスタ】ネオン風加工でイラストや文字をオシャレに光らせよう!

【クリスタ】ネオン風加工でイラストや文字をオシャレに光らせよう!
  • URLをコピーしました!
本記事の内容

クリスタで素材を使わずに手動でネオン加工をする方法を紹介します。素材を使わず1から自分でネオン加工をすることで、細部までとことんこだわって作ることができます。

クリスタとは、プロも愛用する人気No.1のイラスト・マンガ制作ソフトです。
本気で絵を描くならクリスタをオススメする5つの理由
【CPIP STUDIO PAINT 公式サイト】

1番売れてるグラフィックスソフト【CLIP STUDIO PAINT】

独特な大人の雰囲気をかもし出すネオン。
レトロから近未来まで、特徴的でありながらも幅広く使われています

ネオン加工が使えるシーン
  • レトロな歓楽街系
  • サイバーパンク系
  • プリクラやSNOWの加工&落書き風
  • バーやナイトプールなど夜のお店風
ネオン風加工サンプル

ネオン加工の素材はわりと配布されているのですが、本記事では素材を使わずに、1から自分でネオン加工をする方法を紹介します。

亀山大河
手作りでレトロ加工をすることで、細部までとことんこだわり抜くことができます!
プロフィール
亀山大河

現役の漫画家です!
「史上最強の魔法剣士、Fランク冒険者に転生する(原作:柑橘ゆすら)」のコミカライズを担当していて累計発行部数155万部突破しました!現在も連載中です。

【作品一覧】

↓ 僕が連載中の漫画はこちら ↓

史上最強の魔法剣士、Fランク冒険者に転生する
史上最強の魔法剣士、Fランク冒険者に転生する
目次

クリスタでネオン加工用のイラストや文字を描く方法

ネオン加工をする前に、ネオンに適したイラストや文字を用意する必要があります。
まずはネオンの特徴をふまえながら、イラストや文字を描くポイントを紹介します。

本物のネオン管

ちなみに僕たちが普段ネオンと呼んでいるものは正式にはネオンサインというもので、ネオンサインは「ネオン管」というガラス管で作られています

ネオン用のイラストを描くポイント
  • 暗い背景に白めの線で描く
  • 線の太さは均一にする
  • 角は丸くする
  • あまり複雑にしすぎない
  • 時々切れ目を入れる

ラスターレイヤーより、ベクターレイヤーのほうが調整がしやすいのでオススメです!

あわせて読みたい
【クリスタ】線画を自由自在に操るベクターレイヤーの使い方 クリスタにおいてベクターレイヤーは、描画後の線を自由に修正することができる、線画に特化したレイヤーです。ベクターレイヤーを使いこなすことでクオリティや作業時間が大幅にアップします!本気記事では、クリスタでベクターレイヤーを余すことなく活用する方法を紹介します。

① 暗い背景に白めの線で描く

光らせる加工をするので、背景は暗くし描きましょう。
自分が作りたいネオンの色を限りなく白に近くした色の線でイラストを描いていきます。

亀山大河
色の調整がしやすいようレイヤーカラーで色を変更してもOK

またフチを使って線を太くしていくので、線は気持ち細めにしておいてください

② 線の太さは均一にする

1本のガラス管から作られているので、線の太さが均一のペンを使います。

③ 角は丸くする

ガラス管を曲げているので、角を描くときはすこし丸みを帯びさせます。

④ あまり複雑にしすぎない

こまかな線はできるだけ省いて、極力シンプルなイラストにします。
感覚としては、アイコンのイラストに近いです。

亀山大河
すこし違和感はありますが、手っ取り早く作りたいときはアイコンのフリー素材を使ってもOK!
桜のアイコンをネオン加工

⑤ 時々切れ目を入れる

適度に線を切ることで ”なんとなく” ネオン感がアップします。
切れ目を入れるときは、線の端も丸くしておきましょう。

ネオン管のイラストや文字を描くときのポイントまとめ

今回僕は5つのポイントを踏まえて、クリスタのロゴを描いてみました。

ネオン加工用素材を描くポイントまとめ

僕は今回このクリスタのロゴをネオン加工していきます。

文字をネオンにするならフリーフォントがオススメ!

テキストの場合、ネットで調べるといろんな種類のネオン風フリーフォントが配布されています。

上:加工前 下:加工後

上のテキストは「Neonderthaw」というフリーフォントを使っています。

Google Fonts
Neonderthaw - Google Fonts Neonderthaw is a single weight script that simulates neon. Throw it in an application that can use blurs, add some glow and viola, you have neon signage. It com
亀山大河
手軽にネオン加工の素材を量産できるのでとっても便利です!

クリスタでネオン加工ができる仕組み

ネオン加工の手順を紹介する前に、どのようにしてネオン加工をしているか先に説明します。
今回僕が紹介する方法では、ネオンサインは 4つのレイヤーが重なってできています

ネオン加工のレイヤー構造
  • 1層目
    準備したイラストにネオンカラーのフチをつけたもの
  • 2層目
    1層目のフチより、もうひと回り大きく暗いフチ
  • 3層目
    ネオンカラーの強い発光
  • 4層目
    広範囲にほんのりと弱い発光
ネオン加工の構造

クリスタでネオン加工をしてイラストや文字を光らせる方法

ネオン加工の手順は下のようになります。

ネオン加工の手順
  • ネオン加工用のイラストを描く
  • フチをとる(1層目作成)
  • ②を複製して、もう1回り大きく濃いフチをとる(2層目作成)
  • ②を複製して、もう3回り大きくフチをとってぼかす(3層目作成)
  • ②を複製して、どでかく白めのフチをとってぼかす(4層目作成)

それでは一緒にやっていきましょう!

① ネオン加工用のイラストを描く

まずはネオン加工をするためのイラストを用意します。

ネオン加工前の素材

今回僕はシアンカラーのネオンを作りたいので、若干シアン寄りの白で描いています。

線の色
亀山大河
フォントの文字を使う場合ラスタライズしておきましょう!

② フチをとる(1層目作成)

イラストのレイヤーにフチを作ることで、ちょっとネオン感が出ます。

左:Step1 右:Step2

[レイヤープロパティ]パレットの[境界効果]をONにすることでフチをつけることができます。

左:レイヤープロパティ 右:フチの色

色はネオンのメインとなるカラーにします。
色や太さはあとからいつでも変更できるのでザックリでOKです。

③ ②を複製して、もう1回り大きく濃いフチをとる(2層目作成)

よりネオン管に近づけるためフチを追加します。
※暗いフチをつけるので見やすいよう背景を白くしています

左:Step2 右:Step3

先ほどのレイヤーを背面に複製し、フチの色と太さを変更します。

左:レイヤー 右:レイヤープロパティ

フチの太さが同じだと見えないので、さっきより少しフチを太くします。
色はガラス管のフチをイメージして、メインカラーより暗い色にします。

フチの色

ここもあとから好きに太さや色を変更できます。

これでネオン管の部分は完成!
ここから光っている部分を作っていきます。

④ ②を複製して、もう3回り大きくフチをとってぼかす(3層目作成)

作ったネオン管を発光させます。

左:Step3 右:Step4

②(1層目)を③(2層目)より背面に複製し、色はそのままでもっと大きなフチをとります。

亀山大河
フチの太さはガラス管と同じくらいが目安です!

このフチをぼかしたいので、ぼかしを入れられるようラスタライズをします。

ラスタライズの方法

レイヤーを右クリックし[ラスタライズ]をクリック

ラスタライズの方法

ラスタライズをしたら、ぼかしを入れます。

ぼかしの方法

[フィルター]メニューの[ぼかし]から[ガウスぼかし]をクリック

いい感じに発光してる感があったらOK
※ ぼかし具合をあとから変更することはできません

ガウスぼかし設定画面とプレビュー

このままだと少し明るすぎるので、不透明度は30〜50程度に下げておきます。

亀山大河
完成が見えてきましたね!

⑤ ②を複製して、どでかく白めのフチをとってぼかす(4層目作成)

最後に、広範囲に広がる弱い光を追加して完成です。

左:Step4 右:Step5(完成)

②(1層目)を④(3層目)の背面に複製し、白めのかなりデカいフチにします。

先ほどと同じようにラスタライズし、かなり大きなガウスぼかしを入れます。

最後にほんのり周囲に光が届いている感じを出したいので、不透明度を20〜40程度まで下げます。

ネオン風加工の完成!

これでネオンサインが完成しました!

クリスタで細部までこだわったネオン加工を使用!

以上、クリスタでネオン加工をする方法の紹介でした!

ネオン風加工サンプル

今回は4層でネオンを作りましたが、もう少し層を増やしたりずらしたり微調整をしていけば、より厚みのある素敵なネオンができあがります。

亀山大河
壁にできるネオンサインの影なんかもあるとカッコいいです!

僕の調整もあくまで目安なので、色々自分で試して好みの調整を見つけてください!

あわせて読みたい
【クリスタ】グリッチ加工でイラストを乱れた映像風にする方法 グリッチ加工とは「映像が乱れた風」の加工のことで、今回はクリスタでグリッチ加工をする方法を紹介します。いくつかの加工を組み合わせて作るのでちょっと大変ですが、一緒にがんばって作りましょう!
あわせて読みたい
【クリスタ】ラメ加工でどんなイラストもキラキラにする方法 クリスタを使ってイラストやテキストにラメ加工を施す方法を紹介します。イラスト全体に使うとかなりやかましくなってしまうラメ加工ですが、ちょっとしたワンポイントやテキストにするととってもかわいくなります。
あわせて読みたい
【クリスタ】イラストをホログラム加工してレア度を上げる方法 イラストをアプリゲームのSR(スーパーレア)のような、トレーディングカードゲームのキラカードのような、ちょっとレアリティを上げる加工方法を紹介します。背景は描いてあっても無地でもどちらでもOK!いつものイラストをちょっとだけ「あたり」っぽくしてみませんか?

それでは、楽しいお絵描きライフを!

↓ 無料で読んでみる ↓

史上最強の魔法剣士、Fランク冒険者に転生する
史上最強の魔法剣士、Fランク冒険者に転生する

↑↑↑↑↑↑↑↑↑↑↑↑

【クリスタ】ネオン風加工でイラストや文字をオシャレに光らせよう!

この記事が気に入ったら
フォローしてね!

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!
目次