【Photoshop】ネオンテキストの作り方
![](https://www.beginavi.net/wp-content/uploads/2023/09/7889015355e2324ac5cb9af743538f5c-6.png)
今回はPhotoshopでこのようなネオン風テキストを作ります。
新規作成
今回はLINEスタンプ用に作成したので
幅370px、高さ320pxと小さめに作成しました。
![](https://www.beginavi.net/wp-content/uploads/2023/09/1-6.png)
テキストを入力
![](https://www.beginavi.net/wp-content/uploads/2023/09/2-6-640x360.png)
横書き文字ツールで、テキストを入力します。
![](https://www.beginavi.net/wp-content/uploads/2023/09/8d7b69d3195938afe5832818c7b49137-640x360.png)
フォント:Moniker Basic
weit:Regular
フォントサイズ:90
行送り:95
カラー:#D87AFF
効果かける
![](https://www.beginavi.net/wp-content/uploads/2023/09/11-5-640x360.png)
レイヤーパネルの『Fx』からレイヤー効果を選択します。
ベベルとエンボス
![](https://www.beginavi.net/wp-content/uploads/2023/09/3-7.png)
輪郭
![](https://www.beginavi.net/wp-content/uploads/2023/09/4-6.png)
シャドウ(内側)
![](https://www.beginavi.net/wp-content/uploads/2023/10/33.png)
![](https://www.beginavi.net/wp-content/uploads/2023/09/12-5-640x360.png)
カラー:#ebd5f3
光彩(内側)
![](https://www.beginavi.net/wp-content/uploads/2023/09/6-7.png)
![](https://www.beginavi.net/wp-content/uploads/2023/09/13-8-640x360.png)
カラー:#f7ecfb
サテン
![](https://www.beginavi.net/wp-content/uploads/2023/09/7-7.png)
![](https://www.beginavi.net/wp-content/uploads/2023/09/14-8-640x360.png)
カラー:#e6a2ee
光彩(外側)
![](https://www.beginavi.net/wp-content/uploads/2023/09/15-7.png)
![](https://www.beginavi.net/wp-content/uploads/2023/09/16-5-640x360.png)
カラー:#c689ff
ドロップシャドウ
【1つ目のドロップシャドウ】
![](https://www.beginavi.net/wp-content/uploads/2023/10/34.png)
![](https://www.beginavi.net/wp-content/uploads/2023/09/22-3-640x360.png)
カラー:#f227ff
【2つ目のドロップシャドウ】
ドロップシャドウの横のプラスマークを押してドロップシャドウを追加します。
![](https://www.beginavi.net/wp-content/uploads/2023/10/35.png)
![](https://www.beginavi.net/wp-content/uploads/2023/09/22-4-640x360.png)
カラー:#f227ff
【3つ目のドロップシャドウ】
ドロップシャドウの横のプラスマークを押してドロップシャドウを追加します。
![](https://www.beginavi.net/wp-content/uploads/2023/09/20-5.png)
![](https://www.beginavi.net/wp-content/uploads/2023/09/23-5-640x360.png)
カラー:#010101
テキストが完成しました。
王冠のアイコン
今回は『ICOON MONO』から王冠の素材をダウンロードしました。
SVGでダウンロードします。
今回のファイルは小さいので大きさは48pxでダウンロードします。
Photoshopに戻ります
『ファイル』から『リンクを配置』ダウンロードしたSVGを選択して挿入します。
![](https://www.beginavi.net/wp-content/uploads/2023/09/27-3-640x360.png)
少しサイズが大きいのでバウンディングボックスをドラッグしてサイズを小さくします。
(※この時『Shiftキー』を押しながらドラッグしません。『Shiftキー』を押しながらドラッグすると縦横比が崩れます。Illustratorとは逆になっているので注意)
バウンディングボックスが出ていないときは『Ctrl+T』で自由変形。
![](https://www.beginavi.net/wp-content/uploads/2023/09/28-3-640x360.png)
このように配置しました。
王冠に効果をかける
![](https://www.beginavi.net/wp-content/uploads/2023/09/25-3-640x360.png)
テキストレイヤーを右クリック
『レイヤースタイルをコピー』
![](https://www.beginavi.net/wp-content/uploads/2023/09/26-2-640x360.png)
王冠レイヤーを右クリック
『レイヤースタイルをペースト』
![](https://www.beginavi.net/wp-content/uploads/2023/09/29-3-640x360.png)
完成しました。
![](https://www.beginavi.net/wp-content/uploads/2023/09/30-2-640x360.png)
ファイルから『書き出し』
『PNGとしてクイック書き出し』
![](https://www.beginavi.net/wp-content/uploads/2023/09/769d88e425e03120b83ee4ed6b9d588e.png)
出来上がり
8個/16個/24個/32個/40個
作るとLINEスタンプを販売できます。
スタンプ作ってアップロードしたい方はLINEクリエーターズマーケットで詳細は確認してください。