Photoshop:ネオン文字の作りかた

ネオン
所要時間
10分
難易度
★★☆☆☆
製作者
コニー

目次

1_ アートボードを用意しよう

2_ 背景を準備しよう

3_ 文字を打とう

4_ 手順説明

5_光彩をつけよう

6_ ドロップシャドウをつけよう

7_ 参考にさせていただいたサイト

制作

1_ アートボードを用意しよう

フォトショ0

Photoshopを開き、新規アートボードを作成します。サイズはA4の横向きにしました。このとき名前をつけて保存しておくのがおすすめです。

2_ 背景を準備しよう

ネオン1

わかりやすいよう背景をつけていきます。自分のデザインの上に作るよという人はやらなくて大丈夫です。

レイヤーの下の円が半分色のついているマークを押すと、一番上に「べた塗り」というのが出てくるのでそれを押します。
カラーピッカーという背景色を選択するパネルが出てくるので、色を決めて「ok」を押します。
とりあえず暗い色なら大丈夫です。私は真っ黒は苦手なので「#021022」という色にしました。
最後にレイヤーにロックをかけて準備完了です。

3_ 文字を打とう

ネオン2

テキストツールで文字を打ち整えます。
私はフォントは「Snell Roundhand」、サイズは「150 pt」、カラーは「#ffffff」にしました。

4_ 手順説明

ネオン3-1

全体の動画が重くて入れられなかったので、手順だけ先に載せます。具体的な数値は下に載ってるので参考にしてください。
まず、レイヤーパネルの中の「Hello」のレイヤーを選択し、ダブルクリックで「レイヤースタイル」パネルを出します。

5_ 光彩

ネオン3-2
ネオン3-3

光彩の内側と外側の設定をします。赤枠のところが調整したところになります。
内側と外側でエレメントのところだけ数値が違くて、残りは同じ設定です。カラーは「#3ae7ed」にしました。

5_ ドロップシャドウ

ネオン3-4
ネオン3-5
ネオン3-6
ネオン0

最後にドロップシャドウをつけて完成です。通常モードで不透明度「100%」、サイズを「100、120、140」と大きくしてます。

6_ その他のデザイン

ネオン

フォントやカラー、文字の大きさで組み合わせがたくさんで楽しいのでぜひ遊んでみてください。
絵文字や普通のイラストにもつけられるのでおすすめです。

7_ 参考にさせていただいたサイト

https://design-baum.jp/design/2225
簡単でわかりやすいのでおすすめです。


コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

CAPTCHA