未分類

【Photoshop】文字に金色を使って高級感を出すときの方法

更新日:

Photoshopを使って文字を金色にしたいのだけれども、「金色」という色はそもそもありません。

そんな時にどうしたらいいのでしょうか?

 

金色って何色?

 

頭の中で思い浮かべる「金色」をいざ表現するときに何色を使えばいいのでしょうか?

もちろん「金色」なんですが、どんな画像ソフトを使っても「金色」という色はありません。

「金色」は色ではなく表現なんですね。

ピカピカ,ツヤツヤとした「金色」は実は表現のひとつであって黄色・オレンジ・茶色を使ってグラデーションで光沢感を表現して「金色」に見せるのです。

 

Photoshopを使って文字を金色にする方法

 

まずは新規でファイルを作り暗い背景で文字レイヤーを作って行きます。

分かりやすいように背景は黒#000000にして、文字はPhotoshop内蔵の筆記体「Beautiful ES」色文字白#ffffffで作ってみました。

右下のレイヤーパネルからテキストレイヤー「Gold」を選び、「Gold」右横の余白部分でダブルクリックします。

ダブルクリックをすると「レイヤースタイル」というポップアップメニューが出て来ます。

「レイヤースタイル」内の「ベベルとエンボス」にチェックを入れます。

チェックを入れただけでは「ベベルとエンボス」メニューが出てこないので、「ベベルとエンボス」右横の余白でダブルクリックをして「ベベルとエンボス」メニューを表示させます。

あとは何も考えずに上から設定して行ってください。

【構造】
[スタイル:ベベル(内側)]
[テクニック:ジゼルハード]
[深さ:126%]
[方向:上へ]
[サイズ:35px]
[ソフト:2px]

【陰影】
[角度:0°]
[高度:30°]
[光沢輪郭:リング]光沢輪郭は右横の矢印をクリックし、ポップアップメニューにポインタを乗せて出てくる「文字」をよく見て選択してください。
[ハイライトモード:通常]
[ハイライト色:#ffffff]ハイライト色は右横の色を選択するところをダブルクリックで色選択のポップアップメニューへカラーコード「#ffffff」を入力してください。
[不透明度:100%]
[シャドウモード:焼き込み(リニア)]
[シャドウ色:#000000]
[不透明度:80%]

一度ここで右上にある[OK]で保存します。

 

再びテキストレイヤー余白をダブルクリックし、レイヤースタイルポップアップメニューを表示させます。

「輪郭」にチェックを入れ、「輪郭」メニューが出て来なければ余白でダブルクリックして「輪郭」メニューを表示させます。

 

【輪郭】
[輪郭:くぼみ浅く]選択しにくいので、ゆっくりポインタを合わせてしっかりと文字を識別してください。
[範囲:75%]

ここまでの作業で文字に陰影がつきました。

まだ「金色」の表現はできていません。

 

再び、テキストレイヤー余白、ダブルクリックで「レイヤースタイル」をぷっぷアップ表示させます。

「グラデーションオーバーレイ」にチェックをし、「グラデーションオーバーレイ」メニューが表示されないなら余白をダブルクリックして表示させます。

【グラデーション】
[描画モード:通常]
[不透明度:100%]
[グラデーション:下部で説明します]
[スタイル:線形]
[シェイプ内で作成:チェックを入れる]
[角度:90%]
[比率:100%]

[グラデーション]右横でダブルクリックして[グラデーションエディター]ポップアップで表示させます。

初期の表示では色の選択画面の上下に鉛筆のようなポインタが上2個、下2個あります。
その下部にポインタを2個増やします。
適当な場所でクリックすると下↓の画像のようにポインタが増えます。合計4個にします。

ポインタをダブルクリックすると、「カラーピッカー(ストップカラー)」というポップアップメニューが出て来ます。
「カラーピッカー(ストップカラー)」へカラーコードを入力して、位置を指定していきます。

左から順番に
カラーコード:#ffcc01 位置:0%
カラーコード:#f8df7b 位置:50%
カラーコード:#ffd558 位置:70%
カラーコード:#ffd30c 位置:100%

ここまで終了したら「Gold」という文字が金色になります。

 

Photoshopを使って文字を金色にして高級感を出す方法

 

金色にした文字を浮かびあがらせたい!ときには以下の作業をしてください。

またまたテキストレイヤー、ダブルクリックで「レイヤースタイル」を表示させます。

「光彩(外側)」にチェック。余白をダブルクリックで「光彩(外側)」メニューを表示させます。

【構造】
[描画モード:スクリーン]
[不透明度:100%]
[ノイズ:0%]
[色:#ffffff]

【エレメント】
[テクニック:さらにソフトに]
[スプレッド:0%]
[サイズ:32px]

【画質】
[輪郭:線形]
[範囲:50%]
[適用度:9%]

これで金色の文字が浮かび上がってみえるようになりました。

 

まとめ

 

文字を金色にする方法でしたが、文字を金色にする方法はこれだけではないのです。

いえ、基本的な考え方は同じなのですが、フォント形式や背景の色など様々な条件で細部を変更する必要があります。

そこがPhotoshopの難しいところでもあり、面白いところでもあります。

やり直しがきくのもPhotoshopのいいところです。

色々試してみてください。

こちらも見てね!

2020/3/15

本当に大事なフォントの話

フォントにうるさい、と言われます。 「天気の子」に見るフォント考 でも書きましたが、フォントに拘ることがどうして大事なのか? フォントはどういう役目をはたしているのか? 新聞各社のフォントが違っているのをご存知ですか? 出典:重版出来10巻 重版出来!は大手出版社で編集などをして働く人たちの仕事に対する漫画です。 その中で編集者と対峙する創作者の拘りも強い物語です。 小説家が自分の小説には独自のフォントを使って欲しい、という話があります。 その中で編集者はフォントというものの違い、その違いで現わされるイメ ...

Featured Video Play Icon

2019/7/30

『Living Tokyo株式会社』様ストリートビュー撮影事例

ストリートビュー撮影事例 東京都豊島区の不動産管理会社『Living Tokyo株式会社』様からストリートビューの撮影を承りました。 管理をしている賃貸物件の空室率が脅威の0%という賃貸管理のプロフェッショナル。 遠方のお客様の元へも社長自らが駆け付けるということで会社に来られたことのないお客様から事務所の様子が知りたい、とのお話からストリートビュー撮影となりました。 会社(店舗)の様子が知りたい。 会社(店舗)の印象を伝えたい。 様々な問題を360度で見渡せるストリートビュー(インドアビュー)は解消しま ...

Featured Video Play Icon

2019/7/30

『骨盤底筋トレーニング【YUI】』様 ストリートビュー撮影事例

ストリートビュー撮影事例 東京都新宿区の『骨盤底筋トレーニング【YUI】』様からストリートビューの撮影を承りました。 女性の悩みを同じ女性で看護師歴23年のトレーナーさんが完全予約制でみてもらえます。 女性はとくに室内がどのような状況なのかわかりにくいと訪問しづらい、という事で今回のストリートビュー撮影となりました。 屋外から店内が見えにくい。 新規のお客様にはわかりにくい。 店内の印象が伝わりにくい。 そんな問題を360度で見渡せるストリートビュー(インドアビュー)は解消します。 お気軽にお問合せくださ ...

Featured Video Play Icon

2019/7/26

プロフィール写真は誰が撮っても同じ物だと思っていると足元をすくわれる

風俗業者が写真を語るなんて、と思っていたら 大 間 違 い ! 風俗業者がプロフィール写真を語る理由 プロフィール写真をおざなりにするくらいならアニメアイコンで良いのではないかと思っている でも書きましたが、風俗店で写真というのは店の売り上げを大きく左右するものです。 それだけ写真の与える印象というのは大きいというところをわかっていないと損をしてしまいます。 わかっていない人には伝えたいものです。 そしてプロフィール写真というものは綺麗に撮ればいいというものでもないのです。 語弊があります。 綺麗に撮るの ...

Featured Video Play Icon

2019/7/26

「ダイナー」で監督をしている蜷川実花にプロフィール写真を撮ってもらうとしたら?

先に言っておきます。 藤原竜也主演、蜷川実花監督の日本映画「ダイナー」は見ていません。 けれどもダイナーを使って蜷川実花を語ります。 「ダイナー」監督:蜷川実花 何か月か前に小説は読みました。 帯にも今回の映画のオフィシャルサイトにも”映像化不可能と言われた衝撃の小説”と書いてあります。 まさにその通り。この小説を映画化するのは無理だと思いつつ監督の名前を見たときに納得。 蜷川実花なら凄い映像を作るだろうと。 主人公ボンベロが藤原竜也というのは体格の違いの違和感がありますが、演技のうまい俳優なので良しかと ...

-未分類
-