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

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

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

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

この記事の目次

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

これらの黄金表現はレイヤースタイル（レイヤー効果）を使って表現します。
ブラシ等でガチで描くと超めんどくさいですが、レイヤースタイルを使うと数分で作れます。

なお、レイヤースタイル（レイヤー効果）の基本的な使い方はコチラの記事で解説しております。

Photoshopを導入しましょう

当記事の内容を実践するにはPhotoshop（フォトショップ）が必須です。
まだPhotoshopが未導入の方はAdobe公式サイトから入手しておきましょう。
なお、AdobeCCのプランはコチラの記事で徹底解説しています。

黄金風効果その①

黄金風の質感その①です。
パチンコ屋の広告や和風スマホゲーの「勝利！」で見かけそうなデザインです。
ゴテっとした黄金文字の表現に向いていますよ。

使用フォントはKSO風神

ちなみにこのフォントは「KSO風神」です。コーエーサインワークスから発売されています。
無双シリーズ等で使われていますよ。

STEP.1

文字を入力する

まずはPhotoshopで文字を入力します。
文字ツールの基本的な使い方はコチラで解説しておりますので参考にしてください。
フォトショ未導入の方はAdobe公式サイトから入手しておきましょう。

文字サイズに注意

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

STEP.2

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

※クリックで拡大

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

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

STEP.3

境界線を追加

※クリックで拡大

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

STEP.4

ベベルとエンボスを追加

※クリックで拡大

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

FINISH

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

※クリックで拡大

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

制作の品質と速度を劇的に加速させるAdobeStock

AdobeStockは他の素材サイトと比較して品質・品揃え共に圧倒しています。
写真やイラストだけでなく、各Adobe製品のファイル形式で作られた超高品質なテンプレート、フォントやブラシ、スタイルなど。。。コチラの記事で詳しく解説していますが、プロでなくてもプロ級の品質を超短時間で出せます。

黄金風効果その②

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

STEP.1

文字を入力する

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

Photoshopは導入されていますか？
まだの方はAdobe公式サイトで入手できます。

STEP.2

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

※クリックで拡大

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

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

FINISH

完成

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

様々な質感のレイヤースタイルがAdobeStockにあるので探してみると面白いですよ。

黄金風効果その③

輝く金文字！という感じのメタリックな質感です。
先に紹介した①と②の中間くらいですね。

STEP.1

文字を入力

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

STEP.2

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

※クリックで拡大

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

STEP.3

境界線を追加

※クリックで拡大

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

STEP.4

ベベルとエンボスを追加

※クリックで拡大

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

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

FINISH

光彩（内側）を追加

※クリックで拡大

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

FINISH

サテンを追加して完成

※クリックで拡大

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

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

PSDを公開中です

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

Photoshopを未導入の方は事前にAdobe公式サイトから入手しておきましょう。

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

超高品質な黄金表現の素材

さらに高品質な黄金表現を求めている方にオススメのPhotoshop用のエフェクトテンプレートです。
全て商用利用が可能！

テキストや写真を当てるだけでサンプルのような仕上りになる最強の黄金表現テンプレートばかり！
時間と手間を極限まで省いて、尚且つ最高クオリティが出せますよ。

#01 Stamped Gold Text Style

凹凸のある黄金表現ができるPhotoshop用のレイヤースタイルです。
非常に複雑な表現ですが、このレイヤースタイルを使えば一瞬で終わります。

ダウンロード

#02 Stamped Gold Text Style

艶っぽさのあるゴールド表現ができるレイヤースタイルです。
高級感ある質感が良いですね。

ダウンロード

#03 Golden Object Effect

様々な物体を黄金の質感にできるエフェクトです。
元の素材のテクスチャが良い感じに残った状態で黄金にしてくれるので仕上がりが非常にリアルです。

ダウンロード

#04 Black Leather Stamp Golden Text Effect

黒っぽい革の上にゴールドのスタンプを施したような表現ができるエフェクトです。
ゼロから作るのは大変ですが、テンプレートを使えば一瞬！

ダウンロード

#05 Colored Metal Fluid Effect Mockup

金の液体のような質感が再現できるエフェクトです。
トロリと溶けた金の表現が絶妙ですね。

ダウンロード

#06 Glitter Text Effect with Gold Letters and Silver Stroke Mockup

黄金のラメを散りばめたような質感が再現できるエフェクトモックアップです。
非常にラグジュアリーで情報量の多い表現が可能！

ダウンロード

#07 Gold Embossed 3D Text Effect

ずっしりとした黄金表現ができるエフェクトです。
金の重量感を表現したい時に最適です。

ダウンロード

#08 Gold Filter Photo Effect Mockup

金の彫像のような表現が出来るエフェクトモックアップです。
もちろん人物だけでなく、フォントをはじめとした様々なオブジェクトにも適用が可能です。

ダウンロード

#09 Luxury golden text month april

繊細な指輪や宝飾品のような質感の金表現ができるレイヤースタイルです。
高級感を出したい時に威力を発揮します。

ダウンロード

#10 Diamonds and Gold Text Effect Mockup

金の枠の中にダイヤモンドを散りばめた非常にゴージャスな表現ができるエフェクトモックアップです。
コレをゼロから作るのはメチャ大変ですが、素材を使えば数分で完了！

ダウンロード

AdobeStockは初月無料で使える！

AdobeStockは初月無料で使えます。気になる方はAdobeStock公式サイトで確認しておきましょう。

【最強素材サイト】Adobe Stockのテンプレートがチート級に便利な件について

ワンランク上のテンプレート素材

Photoshopの学習をする上で、プロが作成した生データを研究する事は重要です。
普段からデザイン業務をされている方にとって自分以外のプロのクリエイターが作成したデータを見る事は日常茶飯事ですが、そうでない方は見る機会がありません。

AdobeStockのテンプレート素材はプロによる高品質な作品ばかり！
全て商用利用可能なので、テキストを変えるだけでそのまま使えます。

制作の手間を格段に軽減してくれるだけでなく、スキルアップの為の教材としても最適ですよ。

例えばクリエイターの就職や転職に必須のポートフォリオ。
プロのテンプレートでレイアウトや余白、文字サイズを簡単に研究可能。内定獲得の可能性が格段にアップします！
厳選！ポートフォリオ用テンプレート34選

デザイン制作の勉強としての導入にオススメの名刺デザイン。
想像だけで作るとイマイチな仕上がりになりがちですが、良質なサンプルを参考に作ると吸収できる情報の質が段違いです。
相手に舐められない名刺テンプレート50選

バナーもフォトショップの練習をする上で良質な教材です。
想像だけ・中途半端な素材を参考にするのは有効な学習方法とは言えませんよ。
ハイクオリティなバナーテンプレート50選

ゲームUIの制作は素材制作にはツールの深い知識が必要です。
テンプレートはまさに制作ノウハウの宝庫！
どれも最高の素材ばかりです。
ゲームUIに使えるテンプレート48選

単なる白黒の文字オブジェクトを一瞬で全く別モノへ大変身させるエフェクト52選です。
文字に高品質なエフェクトを追加するモックアップ

写真をはじめとした素材を「あっという間」に全く違うグラフィックへ大変身させるエフェクトです。
時短と品質の向上をされたい方に超オススメ！
写真を全く違うグラフィックに変える事が出来る高品質なエフェクト50選

良質な素材をもっと見る

上記で紹介しているテンプレートはごく一部。
下記記事で良質な素材を紹介しております。併せてチェックしてください！

【最強素材サイト】Adobe Stockのテンプレートがチート級に便利な件について

クリエイティブ業務で使える優良素材まとめ

まとめ

以上、Photoshop（フォトショップ）で3つの黄金表現をレイヤー効果を使って作る方法でした。

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

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

ではまた！

質感表現を極めよう

様々な質感表現のチュートリアルです。
フォトショの中級～上級テクニックを網羅的に学習できます。

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

【Photoshop】レイヤースタイルだけで水滴や汗を作る方法【PSD有り】

【Photoshop】リアルな木彫りのような質感を再現する方法【フォトショ初心者】

【Photoshop】テキストをネオンサイン風にする方法を徹底解説【フォトショ初心者】

【Photoshop】テキストにリアルな錆（サビ）た金属表現を追加する方法【フォトショ初心者】

【Photoshop】レイヤースタイルでポップなロゴを作る方法【フォトショ初心者】

InDesignは活用されていますか？

Photoshopだけでなく、InDesign（インデザイン）も活用されていますか？
ポートフォリオ制作はイラレよりInDesignの方が効率的に作成できます。
まだInDesignを導入されていない方はAdobe公式サイトから入手できます。
InDesign用の商用利用可能なポートフォリオテンプレート77選はコチラ！

ゼロから始めるPhotoshop目次

フォトショ基本操作