メインコンテンツへスキップ
見出し画像

【簡単解説】Photoshopで金色・ゴールドの文字をカッコよく作る方法

    こんにちは!
    サムネデザイナーのヒロです。

    デザイン会社での実務を経て、今は独立して数々のYouTubeチャンネルのサムネイル制作も手がけています。

    Photoshopで金色やゴールドってカッコよく作ろうとするとなかなか難しいですよね。

    今回の記事では、下記のような金・ゴールドの装飾を、Photoshopでカッコよく作る方法を解説します。

    【Photoshop】金色・ゴールドのエフェクトをフォトショでカッコよく作る方法〜レイヤースタイル〜
    Photoshopで作る金色例1
    【フォトショップ】金色・ゴールドの装飾をPhotoshopでカッコよく作る方法〜レイヤースタイル〜
    Photoshopで作る金色例2

    【無料】サムネイルに使える文字スタイル

    金色の作り方をご紹介する前にお知らせです。

    私の方では、フォトショップやイラストレーターで使えるワンクリック装飾プリセットも無料配布中です。

    画像

    無料ですので、是非お試しください。
    ダウンロードはこちらからどうぞ!

    金色のグラーデションをつくる

    それでは、金・ゴールドのエフェクトを作っていきましょう!

    まずはじめに、Photoshopでベースとなる文字を作ります。
    今回は太めのフォント(源ノ角ゴシック Heavy)を使います。

    画像

    今回はフォントサイズ300ptでいきます。

    レイヤーパネルから、装飾をつけたいレイヤーを右クリック→[レイヤー効果…]をクリックします。

    画像

    レイヤースタイルの画面が開きます。レイヤースタイルはPhotoshopでとてもよく使う機能ですので、是非覚えておきましょう。

    画像

    左から[グラデーションオーバーレイ]にチェックを入れ、右側のグラデーションの色をクリックすると、グラデーションエディターの画面が開きます。

    フォトショップで金色のグラデーションを綺麗に作るコツ

    グラデーションバーをクリックして、次の順番でカラーを入力します。

    • #c39b42

    • #fffdca

    • #cca13e

    • #e5bf5e

    • #9a6f1b

    • #fbe68a

    Photoshopのレイヤースタイルで、金色を作る方法

    いかがでしょうか?グラデーションをゴールドで入れただけでも、大分それっぽくなりましたね。

    ここからさらに本格的に装飾を加えます。

    光彩や装飾を入れる

    レイヤースタイル画面の左メニューから、[光彩(内側)]にチェックを入れます。光彩とは文字のごとく、光が入るようなエフェクトのイメージです。

    画像

    カラーを薄めのイエロー(#ffe87aあたり)に設定します。
    光彩を入れることで立体感がでてきました。

    Photoshop〜レイヤースタイルの光彩でゴールド文字に立体感をつける方法〜

    ベベルとエンボスをつける

    続いて、レイヤースタイルの[ベベルとエンボス]を選択します。
    ベベルとエンボスは、ふちに段差をつけて立体感を出すイメージです。

    画像

    こちらはレイヤースタイルのなかでもちょっと分かりくい部分なので、別記事で細かく解説します。もしよろしければご覧ください。

    さて、ベベルとエンボスをつけて更に立体感がでてきましたね。

    画像

    境界線をつける

    文字の外側にゴールドの枠を作っていきます。
    レイヤースタイルの画面から[境界線]を選択。

    画像

    さきほどの[グラデーションオーバーレイ]とはちょっと色を変えたゴールドを作ります。

    画像

    カラーコードは左から順番に

    • #814912

    • #fdec80

    • #a46d1d

    • #f1c354

    • #f4f2a7

    • #dba03c

    • f5e073

    です。
    さて境界線が付きました。

    画像

    これでも十分良いのでうが、さらに重厚感をつけるために、もう一つ境界線をつけます。

    画像

    おおお〜!それっぽくなってきました!

    画像

    メタリックな装飾をつくるときは、基本的に効果を重ねれば重なるほど、重厚感あるイメージになっていきます。

    光彩(外側)をつける

    いよいよ最終仕上げに入ります。もう正直このあたりは好みです!

    レイヤースタイルから[光彩(外側)]を選択します。

    画像

    白に近いイエローで、光彩を設定します。

    画像

    ふわーっとした光が付きましたね。

    さらに[サテン]を追加します。
    濃いめ&明るめのイエローを[焼き込み(リニア)]で入れます。不透明度は40%にします。

    画像
    画像

    かなりメタリックなゴールドになりました。

    【応用】パターンを入れる

    ここからは、応用として背景に画像を入れて、光り輝く質感を演出する方法も紹介します。

    [パターンオーバーレイ]を使って、光り輝くパターンを入れます。

    画像

    右の[+]ボタンから次の模様をパターンに設定します。

    画像
    私が自作したものですので、ご自由にお使いください。

    パターンを設定したら、先程の[グラデーションオーバーレイ]にもどり、描画モードを[オーバーレイ]に変更します。

    画像

    完成!

    Photoshopでゴージャスな金色・ゴールド文字を作るコツ

    またまた更に雰囲気のあるゴージャスな金文字になりました。
    一番最初のグラデーションのみと比べると、かなり違いが出ますね。

    フォトショップのレイヤースタイルで金色を綺麗に作る方法

    いかがでしょうか。

    今回のスタイルをすぐ使いたい方へ

    皆様の参考用に、今回の金文字エフェクトをダウンロードできるようにしました。

    画像

    この機会にこちらも是非ご覧ください。

    Photoshopの基本からもっと学びたい方へ

    今回のテクニックだけでなく、Photoshopの基本操作から文字装飾、サムネイル制作までを体系的に学びたい方向けに、動画講座も配信しています。

    講座の詳しい内容を見てみる

    当アカウントでは、PhotoshopやIllustratorのTipsや、サムネイル、デザインに関するテクニックを配信しています。定期的に無料配布等も行っていますので、是非フォローをお願いいたします。

    それではまた!


     
     
    YouTubeサムネのデザイン、PhotoshopやIllustratorのテクニックについて発信中!↓のお店で素材やデータの無料配布も行っています。 【テキストスタイル屋さん】 https://textstyle.booth.pm/ 【↓YouTubeもやってます↓】

    あなたへのおすすめ