【Photoshop】ネオンテキストの作り方

2023年9月30日

今回はPhotoshopでこのようなネオン風テキストを作ります。

スポンサーリンク

新規作成

今回はLINEスタンプ用に作成したので

幅370px、高さ320pxと小さめに作成しました。

新規作成

幅:370px
高さ:320px
カラーモード:RGBカラー
カンバスカラー:透明

テキストを入力

横書き文字ツールで、テキストを入力します。

フォント:Moniker Basic
weit:Regular
フォントサイズ:90
行送り:95
カラー:#D87AFF

効果かける

レイヤーパネルの『Fx』からレイヤー効果を選択します。

ベベルとエンボス

ベベルとエンボス

スタイル:ベベル内側
テクニック:滑らかに
深さ:250%
方向:上へ
サイズ:5px
ソフト:2px
角度:60
高度:0
光沢輪郭:リング二重
ハイライトのモード:覆い焼きカラー
#FFFFFF:不透明度:50%
シャドウのモード:ビビッドライト
#FFFFFF:不透明度:10%

輪郭

輪郭

輪郭:円錐:反転
範囲:50

シャドウ(内側)

シャドウ内側

描画モード:スクリーン
カラー:#ebd5f3
不透明度:100%
角度:90
包括光源を使用:オン
距離:0px
チョーク:0%
サイズ:5px
輪郭:線形

カラー:#ebd5f3

光彩(内側)

光彩(内側)

描画モード:覆い焼き(リニア)加算
不透明度:100%
ノイズ:0
カラー:#f7ecfb
テクニック:さらにソフト
チョーク:0
サイズ:5
輪郭:線形
範囲:50
適用度:0

カラー:#f7ecfb

サテン

サテン

描画モード:ビビッドライト
カラー:#e6a2ee
不透明度:50%
角度:90
距離:10px
サイズ:35px
輪郭:線形

カラー:#e6a2ee

光彩(外側)

カラー:#c689ff

光彩(外側)

描画モード:覆い焼き(リニア)加算
不透明度:100%
ノイズ:0
カラー:#c689ff
テクニック:さらにソフト
チョーク:0
サイズ:15
輪郭:線形
範囲:85
適用度:0

ドロップシャドウ

【1つ目のドロップシャドウ】

カラー:#f227ff

ドロップシャドウ

描画モード:スクリーン
カラー:#f227ff
不透明度:85%
角度:90
距離:0
スプレッド:0
サイズ:50
輪郭:線形
ノイズ:0

【2つ目のドロップシャドウ】

ドロップシャドウの横のプラスマークを押してドロップシャドウを追加します。

カラー:#f227ff

ドロップシャドウ

描画モード:スクリーン
カラー:#f227ff
不透明度:100%
角度:90
距離:0
スプレッド:0
サイズ:60
輪郭:線形
ノイズ:0

【3つ目のドロップシャドウ】

ドロップシャドウの横のプラスマークを押してドロップシャドウを追加します。

カラー:#010101

ドロップシャドウ

描画モード:乗算
カラー:#010101
不透明度:50%
角度:120
距離:30
スプレッド:0
サイズ:7
輪郭:線形
ノイズ:0

テキストが完成しました。

王冠のアイコン

今回は『ICOON MONO』から王冠の素材をダウンロードしました。

SVGでダウンロードします。

今回のファイルは小さいので大きさは48pxでダウンロードします。

Photoshopに戻ります

『ファイル』から『リンクを配置』ダウンロードしたSVGを選択して挿入します。

少しサイズが大きいのでバウンディングボックスをドラッグしてサイズを小さくします。

(※この時『Shiftキー』を押しながらドラッグしません。『Shiftキー』を押しながらドラッグすると縦横比が崩れます。Illustratorとは逆になっているので注意)

バウンディングボックスが出ていないときは『Ctrl+T』で自由変形。

このように配置しました。

王冠に効果をかける

テキストレイヤーを右クリック

『レイヤースタイルをコピー』

王冠レイヤーを右クリック

『レイヤースタイルをペースト』

完成しました。

ファイルから『書き出し』

『PNGとしてクイック書き出し』

出来上がり

8個/16個/24個/32個/40個

作るとLINEスタンプを販売できます。

Premiere Pro

同じカテゴリー一覧へ

スタンプ作ってアップロードしたい方はLINEクリエーターズマーケットで詳細は確認してください。

Photoshop

Posted by sweetchilli