【Photoshop】ぷるぷるした文字を作るアプローチ方法【新人デザイナー向け】
Photoshopでぷるぷるした文字を作るにはどうしたらいいんだろう…?
レイヤースタイルで上手くぷるぷるした文字が作れない。
こういった疑問に答えるよ!
デザイナーの@Naoyaです。
Youtube
目次
- Photoshopでぷるぷるした文字を作るアプローチ方法
![](https://nexout.blog/wp-content/uploads/2024/02/1280x360_1-1024x288.jpg)
Photoshopでぷるぷるした文字を作るアプローチ方法
![](https://nexout.blog/wp-content/uploads/2021/09/210916_h2_01_01.jpg)
今回はこの文字を使って進めていくよ、文字は何でもいいので用意しておいてね!
文字の入力方法が分からない人は下の記事を参考にしてみてね!
- ぷるぷるしたい文字を選択する
- レイヤースタイルを適用する
- 調整する
ぷるぷるした文字を作る流れはこんな感じ。
順番に見て行こう!
ぷるぷるしたい文字を選択する
![](https://nexout.blog/wp-content/uploads/2021/09/210916_h2_01_h3_01_01.jpg)
レイヤーからぷるぷるにしたい文字を選択!
レイヤーが表示されていない人はメニューバーの「ウィンドウ」から「レイヤー」を選択!
レイヤースタイルを適用する
![](https://nexout.blog/wp-content/uploads/2021/09/210916_h2_01_h3_01_02.jpg)
レイヤーをダブルクリック!
レイヤー名の所でダブルクリックするとレイヤー名の変更になってしまうので、レイヤー名以外の場所をダブルクリック!
下にレイヤースタイルのボタンがあるので、ボタンから「レイヤー効果」でもOK!
![](https://nexout.blog/wp-content/uploads/2021/02/210207_h2_02_03.jpg)
レイヤースタイルのパネルが開いたね!
調整する
ベベルとエンボス
![](https://nexout.blog/wp-content/uploads/2021/09/210916_h2_01_h3_03_01.jpg)
ここでは、「ベベルとエンボス」を選択後、スタイル=「ベベル(内側)」、テクニック=「滑らかに」、深さ=「100」、サイズ=「6」、ソフト=「0」、角度=「120」、包括光源を使用、高度=「48」、光沢輪郭=画像の通り、ハイライトのモード=「スクリーン」不透明度=「20」、シャドウのモード=「覆い焼き(リニア)加算」不透明度=「90」を選択!
プレビューもチェック!
![](https://nexout.blog/wp-content/uploads/2021/09/210916_h2_01_h3_03_02.jpg)
こんな感じになったね!
境界線
![](https://nexout.blog/wp-content/uploads/2021/09/210916_h2_01_h3_03_03.jpg)
「境界線」を選択後、サイズ=「10」、位置=「外側」、カラーを選択!
![](https://nexout.blog/wp-content/uploads/2021/09/210916_h2_01_h3_03_04.jpg)
「#001011」としてOK!
![](https://nexout.blog/wp-content/uploads/2021/09/210916_h2_01_h3_03_05.jpg)
こんな感じになったね!
光彩(内側)
![](https://nexout.blog/wp-content/uploads/2021/09/210916_h2_01_h3_03_06.jpg)
「光彩(内側)」を選択後、カラーを選択!
![](https://nexout.blog/wp-content/uploads/2021/09/210916_h2_01_h3_03_07.jpg)
「#ffffff」としてOK!
![](https://nexout.blog/wp-content/uploads/2021/09/210916_h2_01_h3_03_08.jpg)
続いて、チョーク=「0」、サイズ=「10」、範囲=「50」を選択!
![](https://nexout.blog/wp-content/uploads/2021/09/210916_h2_01_h3_03_09.jpg)
こんな感じになったね!
グラデーションオーバーレイ
![](https://nexout.blog/wp-content/uploads/2021/09/210916_h2_01_h3_03_10.jpg)
「グラデーションオーバーレイ」を選択後、描写モード=「オーバーレイ」、グラデーションを選択!
![](https://nexout.blog/wp-content/uploads/2021/09/210916_h2_01_h3_03_11.jpg)
プリセットから基本の白黒のグラデーションを選択!
![](https://nexout.blog/wp-content/uploads/2021/09/210916_h2_01_h3_03_12.jpg)
続けて、角度=「90」、比率=「150」としてOK!
![](https://nexout.blog/wp-content/uploads/2021/09/210916_h2_01_h3_03_13.jpg)
こんな感じになったね!
グループ化
![](https://nexout.blog/wp-content/uploads/2021/09/210916_h2_01_h3_03_14.jpg)
先ほどまで調整していた文字を選択!
![](https://nexout.blog/wp-content/uploads/2021/09/210916_h2_01_h3_03_15.jpg)
メニューバーの「レイヤー」から「レイヤーをグループ化」を選択!
![](https://nexout.blog/wp-content/uploads/2021/09/210916_h2_01_h3_03_16.jpg)
グループ化のショートカット
- Mac=Command+G
- Windows=Ctrl+G
境界線
![](https://nexout.blog/wp-content/uploads/2021/09/210916_h2_01_h3_03_17.jpg)
グループをダブルクリック!
![](https://nexout.blog/wp-content/uploads/2021/09/210916_h2_01_h3_03_18.jpg)
「境界線」を選択後、サイズ=「8」位置=「外側」、カラーを選択!
![](https://nexout.blog/wp-content/uploads/2021/09/210916_h2_01_h3_03_19.jpg)
ここでは「#ffffff」としてOK!
![](https://nexout.blog/wp-content/uploads/2021/09/210916_h2_01_h3_03_20.jpg)
こんな感じになったね!
グループ化
![](https://nexout.blog/wp-content/uploads/2021/09/210916_h2_01_h3_03_20-1.jpg)
グループを選択!
![](https://nexout.blog/wp-content/uploads/2021/09/210916_h2_01_h3_03_15.jpg)
メニューバーの「レイヤー」から「レイヤーをグループ化」を選択!
![](https://nexout.blog/wp-content/uploads/2021/09/210916_h2_01_h3_03_21.jpg)
グループ化のショートカット
- Mac=Command+G
- Windows=Ctrl+G
ドロップシャドウ
![](https://nexout.blog/wp-content/uploads/2021/09/210916_h2_01_h3_03_22.jpg)
グループをダブルクリック!
![](https://nexout.blog/wp-content/uploads/2021/09/210916_h2_01_h3_03_23.jpg)
「ドロップシャドウ」を選択後、描画モード=「通常」、カラーを選択!
![](https://nexout.blog/wp-content/uploads/2021/09/210916_h2_01_h3_03_24.jpg)
ここでは「#0ddcff」としてOK!
![](https://nexout.blog/wp-content/uploads/2021/09/210916_h2_01_h3_03_25.jpg)
不透明度=「100」、角度=「120」、包括光源を使用にチェック、距離=「6」、スプレッド=「100」、サイズ=「2」を選択!
![](https://nexout.blog/wp-content/uploads/2021/09/210916_h2_01_h3_03_33.jpg)
こんな感じになったね!
グループ化
![](https://nexout.blog/wp-content/uploads/2021/09/210916_h2_01_h3_03_26.jpg)
グループを選択!
![](https://nexout.blog/wp-content/uploads/2021/09/210916_h2_01_h3_03_15.jpg)
メニューバーの「レイヤー」から「レイヤーをグループ化」を選択!
![](https://nexout.blog/wp-content/uploads/2021/09/210916_h2_01_h3_03_27.jpg)
グループ化のショートカット
- Mac=Command+G
- Windows=Ctrl+G
光彩(外側)
![](https://nexout.blog/wp-content/uploads/2021/09/210916_h2_01_h3_03_28.jpg)
グループをダブルクリック!
![](https://nexout.blog/wp-content/uploads/2021/09/210916_h2_01_h3_03_29.jpg)
光彩(外側)を選択後、描画モード=「覆い焼き(リニア)-加算」、不透明度=「100%」、カラーを選択!
![](https://nexout.blog/wp-content/uploads/2021/09/210916_h2_01_h3_03_30.jpg)
ここでは「00daff」を選択してOK!
![](https://nexout.blog/wp-content/uploads/2021/09/210916_h2_01_h3_03_31.jpg)
テクニック=「さらにソフトに」、スプレッド=「0」、サイズ=「20」、範囲=「100」、適用度=「0」としてOK!
![](https://nexout.blog/wp-content/uploads/2021/09/210916_h2_01_h3_03_32.jpg)
これで完成!
![](https://nexout.blog/wp-content/uploads/2024/02/1280x360_1-1024x288.jpg)