【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/210921_h2_01_01.jpg)
今回はこの文字を使って進めていくよ、文字は何でもいいので用意しておいてね!
文字の入力方法がよく分からない人は下の記事を参考にしてみてね!
- 金属質にしたい文字を選択する
- レイヤースタイルを適用する
- 調整する
金属質の文字を作る流れはこんな感じ。
順番に見て行こう!
金属質にしたい文字を選択する
![](https://nexout.blog/wp-content/uploads/2021/09/210921_h2_01_h3_01_01.jpg)
レイヤーから金属質にしたい文字を選択!
レイヤーが表示されていない人はメニューバーの「ウィンドウ」から「レイヤー」を選択!
レイヤースタイルを適用する
![](https://nexout.blog/wp-content/uploads/2021/09/210921_h2_01_h3_02_01.jpg)
レイヤーをダブルクリック!
レイヤー名の所でダブルクリックするとレイヤー名の変更になってしまうので、レイヤー名以外の場所をダブルクリック!
下にレイヤースタイルのボタンがあるので、ボタンから「レイヤー効果」でもOK!
![](https://nexout.blog/wp-content/uploads/2021/02/210207_h2_02_03.jpg)
レイヤースタイルのパネルが開いたね!
調整する
パターンオーバーレイ
![](https://nexout.blog/wp-content/uploads/2021/09/img.jpg)
https://medialoot.com/item/free-seamless-concrete-textures/
まずは無料のパターンをダウンロード!
![](https://nexout.blog/wp-content/uploads/2021/09/210921_h2_01_h3_03_01.jpg)
「Free Download」をクリック!
![](https://nexout.blog/wp-content/uploads/2021/09/210921_h2_01_h3_03_02.jpg)
各種情報を入力!
![](https://nexout.blog/wp-content/uploads/2021/09/210921_h2_01_h3_03_03.jpg)
ダウンロードされたファイルをダブルクリック!
![](https://nexout.blog/wp-content/uploads/2021/09/210921_h2_01_h3_03_04.jpg)
ダブルクリック!
![](https://nexout.blog/wp-content/uploads/2021/09/210921_h2_01_h3_03_05.jpg)
「Seamless Concrete Textures.pat」をダブルクリック!
![](https://nexout.blog/wp-content/uploads/2021/09/210921_h2_01_h3_03_06.jpg)
「パターンオーバーレイ」を選択後、描画モード=「通常」、不透明度=「100」、パターンを選択!
![](https://nexout.blog/wp-content/uploads/2021/09/210921_h2_01_h3_03_07.jpg)
先ほどのパターンが追加されているので、最後から二番目のパターンを選択!
![](https://nexout.blog/wp-content/uploads/2021/09/210921_h2_01_h3_03_08.jpg)
角度=「0」、比率=「100」と入力!
![](https://nexout.blog/wp-content/uploads/2021/09/210921_h2_01_h3_03_09.jpg)
こんな感じになったね!
グラデーションオーバーレイ
![](https://nexout.blog/wp-content/uploads/2021/09/210921_h2_01_h3_03_10.jpg)
「グラデーションオーバーレイ」を選択後、描画モード=「オーバーレイ」、不透明度=「90」、グラデーションを選択!
![](https://nexout.blog/wp-content/uploads/2021/09/210921_h2_01_h3_03_11.jpg)
基本を選択後、白黒のグラデーションを選択し、左下のカラーをダブルクリック!
![](https://nexout.blog/wp-content/uploads/2021/09/210921_h2_01_h3_03_12.jpg)
ここでは「#ffffff」としてOK!
![](https://nexout.blog/wp-content/uploads/2021/09/210921_h2_01_h3_03_13.jpg)
色を追加する為に、下の段の好きな所をクリック!
![](https://nexout.blog/wp-content/uploads/2021/09/210921_h2_01_h3_03_14.jpg)
色が追加されたね!
![](https://nexout.blog/wp-content/uploads/2021/09/210921_h2_01_h3_03_15.jpg)
位置を48にして、カラーをダブルクリック!
![](https://nexout.blog/wp-content/uploads/2021/09/210921_h2_01_h3_03_16.jpg)
ここでは「#8a8a8a」としてOK!
![](https://nexout.blog/wp-content/uploads/2021/09/210921_h2_01_h3_03_17.jpg)
色を追加する為に、下の段の矢印で記してある、好きな所をクリック!
![](https://nexout.blog/wp-content/uploads/2021/09/210921_h2_01_h3_03_18.jpg)
色が追加されたね!
![](https://nexout.blog/wp-content/uploads/2021/09/210921_h2_01_h3_03_19.jpg)
位置を52にして、カラーをダブルクリック!
![](https://nexout.blog/wp-content/uploads/2021/09/210921_h2_01_h3_03_20.jpg)
ここでは「#dfdfdf」としてOK!
![](https://nexout.blog/wp-content/uploads/2021/09/210921_h2_01_h3_03_21.jpg)
右下のカラーをダブルクリック!
![](https://nexout.blog/wp-content/uploads/2021/09/210921_h2_01_h3_03_22.jpg)
ここでは「#ffffff」としてOK!
![](https://nexout.blog/wp-content/uploads/2021/09/210921_h2_01_h3_03_23.jpg)
OKを選択!
![](https://nexout.blog/wp-content/uploads/2021/09/210921_h2_01_h3_03_24.jpg)
スタイル=「線形」、シェイプ内で作成を選択、角度=「90」、比率=「150」と入力!
![](https://nexout.blog/wp-content/uploads/2021/09/210921_h2_01_h3_03_25.jpg)
こんな感じになったね!
光彩(内側)
![](https://nexout.blog/wp-content/uploads/2021/09/210921_h2_01_h3_03_26.jpg)
「光彩(内側)」を選択後、描画モード=「オーバーレイ」、不透明度=「100」、カラーを選択!
![](https://nexout.blog/wp-content/uploads/2021/09/210921_h2_01_h3_03_27.jpg)
ここでは「#ffffff」を選択してOK!
![](https://nexout.blog/wp-content/uploads/2021/09/210921_h2_01_h3_03_28.jpg)
テクニック=「さらにソフトに」、ソース=「エッジ」、チョーク=「25」、サイズ=「5」、範囲=「50」、適用度=「0」と入力!
![](https://nexout.blog/wp-content/uploads/2021/09/210921_h2_01_h3_03_29.jpg)
こんな感じになったね!
光彩(外側)
![](https://nexout.blog/wp-content/uploads/2021/09/210921_h2_01_h3_03_30.jpg)
「光彩(外側)」を選択後、描画モード=「覆い焼き(リニア)-加算」、不透明度=「30」、ノイズ=「0」、カラーを選択!
![](https://nexout.blog/wp-content/uploads/2021/09/210921_h2_01_h3_03_31.jpg)
ここでは「#00c0fb」としてOK!
![](https://nexout.blog/wp-content/uploads/2021/09/210921_h2_01_h3_03_32.jpg)
テクニック=「さらにソフトに」、スプレッド=「0」、サイズ=「50」、範囲=「50」、適用度=「0」と入力!
![](https://nexout.blog/wp-content/uploads/2021/09/210921_h2_01_h3_03_33.jpg)
こんな感じになったね!
境界線
![](https://nexout.blog/wp-content/uploads/2021/09/210921_h2_01_h3_03_34.jpg)
境界線を選択後、サイズ=「6」、位置=「外側」、描画モード=「通常」、不透明度=「100」、塗りつぶしタイプ=「カラー」、カラーを選択!
![](https://nexout.blog/wp-content/uploads/2021/09/210921_h2_01_h3_03_35.jpg)
ここでは「#705218」としてOK!
![](https://nexout.blog/wp-content/uploads/2021/09/210921_h2_01_h3_03_36.jpg)
こんな感じになったね!
グループ化
![](https://nexout.blog/wp-content/uploads/2021/09/210921_h2_01_h3_03_37.jpg)
先ほどまで調整していた文字を選択!
![](https://nexout.blog/wp-content/uploads/2021/09/210916_h2_01_h3_03_15.jpg)
メニューバーの「レイヤー」から「レイヤーをグループ化」を選択!
![](https://nexout.blog/wp-content/uploads/2021/09/210921_h2_01_h3_03_38.jpg)
グループ化のショートカット
- Mac=Command+G
- Windows=Ctrl+G
グループ化のショートカットはこんな感じ。
ベベルとエンボス
![](https://nexout.blog/wp-content/uploads/2021/09/210921_h2_01_h3_03_45.jpg)
グループをダブルクリック!
![](https://nexout.blog/wp-content/uploads/2021/09/210921_h2_01_h3_03_39.jpg)
「ベベルとエンボス」を選択後、スタイル=「ベベル(内側)」、テクニック=「シゼルハード」、深さ=「1000」、方向=「上へ」、サイズ=「5」、ソフト=「0」、角度=「90」、包括光源を使用にチェック、高度=「45」、ハイライトのモード=「覆い焼き(リニア)-加算」としてカラーを選択!
![](https://nexout.blog/wp-content/uploads/2021/09/210921_h2_01_h3_03_40.jpg)
ここでは「#ffffff」としてOK!
![](https://nexout.blog/wp-content/uploads/2021/09/210921_h2_01_h3_03_41.jpg)
不透明度=「100」、シャドウのモード=「乗算」、カラーを選択!
![](https://nexout.blog/wp-content/uploads/2021/09/210921_h2_01_h3_03_42.jpg)
ここでは「#000000」としてOK!
![](https://nexout.blog/wp-content/uploads/2021/09/210921_h2_01_h3_03_43.jpg)
不透明度=「50」としてOK!
![](https://nexout.blog/wp-content/uploads/2021/09/210921_h2_01_h3_03_44.jpg)
これで完成!
![](https://nexout.blog/wp-content/uploads/2024/02/1280x360_1-1024x288.jpg)