株式会社リースエンタープライズ 大阪南森町発、最強のホームページ制作集団

キラキラ!PSで立体的な金属風の文字装飾を作る方法

キラキラ!PSで立体的な金属風の文字装飾を作る方法

こんにちは!イラストレータのクロです。

Photoshopだけで立体的な金属風の文字装飾が作りたいと思って、いい感じの豪華な装飾が作れたので作り方を紹介したいと思います。

背景を作る

新規キャンバスを作る

新規キャンバスサイズを以下のサイズで作成します。

横幅:640px
縦幅:480px

背景色を描画する

描画色:#40403d
背景色:#19140f

グラデーションツールで「描画色から背景色へ」と「放射状のグラデーション」を選択し、キャンマスの真ん中から画面端に向かうようなグラデーションを作ります。

0 1

テクスチャーをつける

  • ショートカット「Shift+F5」で「塗りつぶし」ウインドウを表示させ、「カスタムパターン」から市松模様のパターンを選択してOKを押します。
    「市松模様」はコチラからダウンロードして下さい。
  • レイヤーの「不透明度を2%」にします。
2

文字を書く

書体:DFG特太ゴシック
文字サイズ:83pt
カラー:#000000

で文字を書きます。

2-1 3

レイヤーをコピーする

文字レイヤーを「Ctrl+J」で2回複製します。
一番上のレイヤーを「不透明度:0%」にしてください。

4

上から二番目の文字レイヤーのスタイルを設定する

1.上から2番めの文字レイヤーを選択して、ダブルクリックで「レイヤースタイル」ウィンドウを開きます。
2.グラデーションオーバーレイにチェックを入れ、「グラデーション:」をダブルクリックし、グラデーションエディターでカラーの設定をします。

左側:#ffe49c
右側:#d87806
5

3.ベベルとエンボスにチェックを入れて設定します。

テクニック:シゼルハード
深さ:171%
サイズ:16px
光沢輪郭:リング-2重
6

4.ベベルとエンボスの「輪郭」にチェックを入れます。

7

5.光彩(内側)にチェックを入れます。

カラー:#e8801f
8

6.ドロップシャドウにチェックを入れます。

距離:4px
スプレッド:4px
サイズ:10px
9

上から一番目の文字レイヤーのスタイルを設定する

1.グラデーションオーバーレイにチェックを入れ、カラーの設定をします。
左から順に下記のように設定してください。

カラー:#b0ad9b 位置:0
カラー:#2f2e2e 位置:33%
カラー:#ffffff 位置:49%
カラー:#2f2e2e 位置:63%
カラー:#b0ad9b 位置:100%
10

2.ベベルとエンボスにチェックを入れます。

テクニック:シゼルハード
光沢輪郭:リング
アンチエイリアスにチェック
ハイライトのモード:ビビッドライト
11

3.輪郭にチェックを入れます。

輪郭:円錐-反転
アンチエイリアスにチェック
12

4.ドロップシャドウにチェックを入れます。

13

テクスチャーを設定する

1.雲模様フィルターで、まだら模様を作ります。

描画色:#40240c
背景色:#f3d10b

「フィルター」>「描画」>「雲模様1」
で模様を描きます。

14

2.「フィルター」>「スケッチ」>「ハーフトーンパターン」で市松模様を作ります。

サイズ:1
コントラスト:5
パターンタイプ:点
15

3.レイヤーモードを「覆い焼き(リニア)」で不透明度:「84%」に設定します。

16

4.マスクを設定します。

  • 2番目のレイヤーでctrlを押しながらアイコンをクリックし、選択範囲を設定します。
  • テクスチャーレイヤーを選択します。
  • マスクのアイコンを押して、テクスチャーレイヤーにマスクを作成します。
17

これでテクスチャーを文字だけに反映させることができました。

3番目のレイヤー設定をする。

1.境界線にチェックを入れて設定をします。

塗りつぶしタイプ:グラデーション
グラデーションの設定
左端:#eaca67
右端:#d0920d
18

2.べベルとエンボスにチェックを入れます。

スタイル:エンボスの境界線を描く
テクニック:シゼルハード
深さ:
サイズ:3px
ソフト:0px
光沢輪郭:リング-2重

3.輪郭にチェックを入れます。

19

4.光彩(外側)にチェックを入れます。

カラー:#b17d32
20

光を書き込む

最後に光の効果をブラシで描きこみましょう。

光のブラシをダウンロードしてください。
光ブラシのダウンロードはこちらから

  • 一番上に新しいレイヤーを作ります。
  • ブラシツールを選択した状態で、F5を押してブラシウィンドウを開きます。
  • 十字型のブラシを選択し、角度を45度に設定します。
  • 文字の曲がる部分など光が強くなりそうな箇所にカラー「#f7f4b7」で光効果を加えます。
キラキラ 完成

これで完成です!

立体的な金文字は、豪華に見せれる上に目を引きやすいので、バナーや広告など使える場面が数多くあると思います。ぜひこのチュートリアルを参考に文字装飾を作ってみてください!

新着記事と笑いは鮮度が命や!

「キラキラ!PSで立体的な金属風の文字装飾を作る方法」記事が気に入った方はいいねしよう!!