デザインの勉強

【Photoshop】文字にグラデーションをかける方法

こんにちは。mito(@mito_works)です。
今回は文字にグラデーションをかける方法をまとめます。

momo
momo
文字にグラデーションがかかると立体感が出て、雰囲気がでるよ!
mito
mito
それではいってみます〜!

文字を書く

テキストツールを使い、文字を書きます。

背景色、描写色の設定

グラデーションに使いたい2色を背景色、描写色に設定。

今回は2パターンのグラデーションを作ってみます。

ゴールド風

#a47621と#ddc76fを使っています。

 

ブルー系

#3878a2と#42bab7を使っています。

グラデーションオーバーレイの設定

テキストのレイヤーをダブルクリックし、レイヤースタイルを開きます。

グラデーションオーバーレイをダブルクリック。

グラデーションオーバーレイのグラデーションをさらにダブルクリックし、ウィンドウを開きます。

プリセットの左上を選択し、グラデーション名を描写色から背景色へに設定してOKを押します。

同じようにブルー系も設定します。

完成

mito
mito
グラデーションの入れ方として、スタイル、角度、逆方向にチェックを入れるか入れないかでイメージがずいぶん変わります。 

グラデーションの配色に迷ったら・・

どうも垢抜けないなと迷った時はこのサイト。綺麗なグラデーションの配色がたくさんあリます参考になります。

 

ーEndー

 

ABOUT ME
mito
こんにちは!mitoです。 フロントエンド開発、デザイン全般をやっているクリエイターです。 学ぶことと教えることが好きです。 子育てをする中で、自分の生活に働き方を合わせたいと思うようになり、2020年4月からフリーランスになりました。 好奇心旺盛でやりたいこと多め、ワクワクすると止まれない性格です。 同じように一緒にチャレンジする人の背中そっと押せたり、励ましあえるようなブログになるといいなと思っています。