この記事は2分で読めます

【Photoshop】かんたんにできるネオン文字の作り方

  • 投稿日
  • 更新日

あとで読む

【Photoshop】かんたんにできるネオン文字の作り方

今回はPhotoshopを使ったネオン文字の作り方を解説します。

この記事で紹介するネオン文字はレイヤースタイルだけで簡単に作ることができるので、ぜひ試してみてください!

イッパイアッテナ

はじめまして、イッパイアッテナです。

ITと教養で、優秀なネコの手となり、あなたのあらゆる問題を解決します。あなたの相談役だったり、デザイナーだったり、広報だったり、わたしたちは”イッパイ”の顔をあなたに見せることができます。

文字を入力する

横書き文字ツールで任意の文字を入力します。このとき、文字の色は白にしておきます。

レイヤースタイルで光彩をつける

STEP
レイヤースタイルを開く

次に文字のレイヤーをダブルクリックし、レイヤースタイルを開きます。

文字の上ではなく、右側の空いているスペースをダブルクリックしましょう!

STEP
光彩(内側)をつける

光彩(内側)をクリックし、色やサイズなどを設定します。

チェックボックスではなく、文字の部分をクリックしましょう!

サイズはフォントや文字サイズのバランスをみて調整しましょう。ここでは文字サイズを60px、光彩(内側)のサイズを4pxにしています。目安としては、白文字の境界に光彩の色がほんのりと見えているくらいがよいです。このあとも何度か同じような手順がありますが、最後に調整できるためざっくりとで大丈夫です。

STEP
光彩(外側)をつける

光彩(外側)をクリックし、色やサイズなどを設定します。

ここでは光彩(外側)のサイズを35pxにしています。サイズが小さくなるとはっきりした光、大きくなるとほわっとした光になります。こちらも、バランスをみて調整しましょう。

レイヤースタイルでドロップシャドウをつける

STEP
ドロップシャドウをつける

ドロップシャドウをクリックし、色やサイズなどを設定します。

ここではドロップシャドウのサイズを100pxにしています。

STEP
ドロップシャドウを足す

スタイル名の右の+ボタンでスタイルの追加をします。

ここではドロップシャドウのサイズを120pxにしています。先ほどよりも大きなサイズにします。

STEP
ドロップシャドウをさらに足す

ここではドロップシャドウのサイズを140pxにしています。今までの2つより大きなサイズにします。

内側が3層の中で一番濃く、外側になるにつれてほわっと広がっていくイメージです。

完成

それぞれのスタイルのサイズを自分好みになるよう調整すれば完成です!

おわりに

今回はPhotoshopのレイヤースタイルを用いた、簡単なネオン文字の作り方を解説しました。イベント等のデザインに使うと一気に雰囲気が出るので、ぜひ活用してみてください!

この記事で使用したデータの
ダウンロードはこちら

利用規約 ※必ずお読みください

この記事を書いた人

なこ
なこ

食べることが好き。最近はタコスにハマっています🌮

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

Web制作について相談してみませんか?

必須は必須項目です。弊社へお問い合わせいただく方は、下記の「個人情報の取り扱いについて」を必ずお読みください。

会社名

任意

お名前

必須

メールアドレス

必須

電話番号

任意

お問い合わせ内容

必須