【Photoshop】フォトショでゴールド風（黄金風）効果の作り方

この記事を読むのに必要な時間は約 13 分です。

Photoshop（フォトショップ）のレイヤー効果を使って簡単に黄金風の質感を付与する方法を解説します。初心者の方でも簡単に再現できるように解説しております。

3種類の黄金風の作り方をゼロから作れるように解説しておりますので是非ご覧ください！

この記事の目次

レイヤースタイル（レイヤー効果）を使って表現

これらの黄金表現はレイヤースタイル（レイヤー効果）を使って表現します。
ブラシ等でガチで描くと超めんどくさいですが、レイヤースタイルを使うと数分で作れます。
レイヤースタイル（レイヤー効果）の基本的な使い方は下記で解説しておりますので参考にしてください。

【Photoshop】レイヤースタイル、レイヤー効果の使い方とコピペ方法

黄金風効果その①

黄金風の質感です。パチンコ屋の広告や和風スマホゲーの「勝利！」みたいな質感です。ゴテっとした黄金文字で表現したい場合に使えますよ。
ちなみにこのフォントは「KSO風神」です。
コーエーサインワークスから発売されています。
無双シリーズとかで使われていますよ。

STEP.1

文字を入力する

まずは文字を入力します。
文字ツールの基本的な使い方はコチラで解説しておりますので参考にしてください。

MEMO

なお、今回は100pt前後の文字サイズに対して黄金風の効果を適用した例です。
文字サイズが極端に異なるとサンプルのようにならないので気を付けてください。

MATCHBOX

ポートフォリオ制作&転職を最速で実現

MATCHBOX はマイナビクリエイターが提供している高品質なポートフォリオを無料で作成できるサービスです。

作品とテキストを準備するだけで簡単にポートフォリオが作成できます。PDFに出力できるので紙媒体とWeb媒体の両方を超簡単に作成可能！

無料で使えるMATCHBOX を活用し最短でポートフォリオ制作とクリエイティブ業界への転職を実現しましょう。

STEP.2

グラデーションオーバーレイを追加

※クリックで拡大

レイヤースタイルのグラデーションオーバーレイを追加します。

グラデーションの色味はお好みで変えてください。

STEP.3

境界線を追加

※クリックで拡大

同じくレイヤースタイルの境界線を追加します。
色味と線の太さはお好みで変えてください。

AdobeStock

高クオリティ素材サイトのAdobeStockで制作を加速させよう

無料の素材サイトとは比較にならないクオリティのAdobeStockは導入されているでしょうか？

AIやPSDをはじめとした全Adobe製品のネイティブ形式の素材データが揃っています。
ダウンロードし、文字を編集するだけで高品質な作品が作成可能です。もちろん商用利用可能！

STEP.4

ベベルとエンボスを追加

※クリックで拡大

ベベルとエンボスを追加し、立体感を表現します。
先に追加した境界線の太さを太くするとハイライトが太くなります。

FINISH

光彩（内側）を追加して完成

※クリックで拡大

光彩（内側）を追加して金属のフチが光っている表現をします。光彩の色味は真っ白より黄味っぽい白の方が馴染みます。

レバテッククリエイター

クリエイターの転職に必要不可欠

レバテッククリエイターはクリエイティブ業界に特化した無料で使える転職エージェントです。

Web業界、ゲーム業界、デザイン業界、イラストレーターなど、クリエイティブに特化した業界の求人数が業界トップクラス！
転職だけでなく派遣・フリーランスなど、様々な働き方にも対応していますよ。

レバテッククリエイター公式サイト

黄金風効果その②

サラっとした黄金風の質感です。
高級感を出したいような黄金表現に使えます。

STEP.1

文字を入力する

文字ツールでお好きな文字を入力します。

STEP.2

グラデーションオーバーレイを追加

※クリックで拡大

グラデーションオーバーレイを追加します。

渋めの色味であまりゴテゴテと色数を使わないのがポイントです。

FINISH

完成

完成です。
黒背景にすると高級感のある金を表現できますよ。

テックキャンプデザイナー転職

最速でデザインについて学習&転職

本気で未経験からプロのデザイナーに転職を考えられている方はテックキャンプデザイナー転職がおすすめです。

独学は時間がかかる割に非効率的な学習になりがちです。現役デザイナーのプロによる授業、転職を見据えた実践的なカリキュラム、手厚い転職サポートで短時間で転職を成功させましょう。
万が一転職が成功しなかった場合は受講料が全額返金されるので安心ですよ。

黄金風効果その③

輝く金文字！という感じのメタリックな質感です。

STEP.1

文字を入力

文字ツールで文字を入力します。

STEP.2

グラデーションオーバーレイを追加

※クリックで拡大

グラデーションオーバーレイを追加します。
超便利機能のグラデーションオーバーレイ、使わなきゃ損です！

STEP.3

境界線を追加

※クリックで拡大

境界線を追加します。
境界線の太さがベベルとエンボスに影響します。

TechAcademy Pro

未経験からプロのエンジニアを最短で目指す

未経験からプロのエンジニアを最短で目指すなら TechAcademy Pro（エンジニア転職保証コース）がおすすめです。
高単価で働く場所を選ばない職業であるエンジニア。

未経験でも最短12週間でプロエンジニアへの転職が目指せるTechAcademyには転職保証が付いています。
万が一転職できなかった場合は全額返金されます。

TechAcademy Pro 公式サイト

STEP.4

ベベルとエンボスを追加

※クリックで拡大

ベベルとエンボスを追加します。
一気に立体感が出ます。

個人的には3Dモデルを作成し、ノーマルマップを適用した時の感覚に近いです。

FINISH

光彩（内側）を追加

※クリックで拡大

光彩（内側）を追加します。
金属のフチ内側部分のハイライトを表現します。

FINISH

サテンを追加して完成

※クリックで拡大

サテンを追加し、テカッと感を少し追加したら完成です。

色味やグラデーションのかかり具合等を変えてお好きな黄金を作成してみてください！

侍エンジニア塾

無料体験レッスンでAmazonギフト券5000円分がもらえる

侍エンジニア塾は未経験からプロのエンジニアを目指せるオンラインスクールです。
現役プロによるマンツーマン指導、手厚い転職支援により高い転職成功率を誇っています。

今だけ無料体験レッスンに申し込むとアマゾンギフト券5000円分がプレゼントされます！

侍エンジニア塾公式サイト

PSDを公開中です

fantiaで当記事のPSDデータを配布しております。
テキストとシェイプの2パターンを収録しています。

fantiaでサンプルPSDをダウンロード

Photoshopが必須

PSDを編集するにはAdobe Photoshop（アドビフォトショップ）が必須です。公式サイトからダウンロードしておきましょう。
コンプリートプランが最強に便利ですが、Photoshop単品は次のリンクから入手できます。

まとめ

以上、3つの黄金表現をレイヤー効果を使って作る方法でした。

グラデーションオーバーレイ、境界線、ベベルとエンボス、光彩（内側）を使えば簡単に黄金の表現ができます。色味をシルバー系にすると銀やステンレス、茶色系にすると銅など、簡単に金属表現ができます。

作成したスタイルを登録しておくと次回からワンクリックで質感付与ができるので時短ができます。
意外と知られていない機能ですが、便利すぎるので未使用の方は是非使ってみてください。

ではまた！