無料PhotoshopチュートリアルYouTubeで更新中>>

Photoshopで文字や図形にグラデーションをかける方法

Photoshopのグラデーションオーバーレイ
記事内に商品プロモーションを含む場合があります
ちびたじ
ちびたじ

文字をグラデーションにしたいんだけど、どうすればできる?

ちびえりな
ちびえりな

レイヤースタイルのグラデーションオーバーレイを使えば簡単にでできるよ!

Photoshopのレイヤースタイルの中にあるグラデーションオーバーレイは写真や文字にグラデーションをかけることができるものです。

写真や文字にきれいな色のグラデーションをかけたい場合は、ぜひ使ってみてください。

スポンサーリンク

レイヤースタイルのグラデーションオーバーレイ

動画でもグラデーションオーバーレイについて、詳しく解説しています。

グラデーションオーバーレイの使い方

文字にグラデーションオーバーレイを使っていきます。

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

注意点

そもそも文字やシェイプのレイヤーがないと使うことはできないので注意!

 

文字のレイヤーの右側をダブルクリックします。

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

 

グラデーションオーバーレイをクリックして、右側でグラデーションの設定を変えることができます。

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

 

描画モードは元のレイヤーの色や明るさに対してどうグラデーションにしていくかということです。

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

 

ディザは人の目ではほぼわからないのですが、チェックマークを入れるとなめらかになります。

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

ちょこっとアドバイス

逆にチェックマークを外すと、色の分かれ目がはっきりして線が入っているようになる!

 

不透明度はこのグラデーションを透明化するか決められます。

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

 

グラデーションは、グラデーションを選んだり、色を変えたりすることができ、▼をクリックすると、Photoshopに入ってるグラデーションの種類が表示されます。

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

 

 

 

グラデーションの色味を変えるには、グラデーションの色をクリックします。

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

 

そしてグラデーションエディターで下の色の入ったマスをダブルクリックすると、色を変えることができます。

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

 

グラデーションの中の色を消したいときは、マスをクリックして下にドラッグします。

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

 

色を加えたいときは、グラデーションの下にカーソルを持っていってクリックすると、マスが増え色を追加することができます。

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

ちびたじ
ちびたじ

お〜!グラデーションの色も自由に変えられるね!

逆方向はグラデーションをワンクリックで逆方向にすることができます。

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

 

シェイプ内で作成は、今回でいうと文字の中でグラデーションを完結させるか、それともキャンバスの中を文字を動かすことによって、グラデーションを変えられるようにするかということです。

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

 

スタイルは、線形だったり、反射だったりのグラデーションにすることができます。

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

 

そして角度は、グラデーションの角度を変えられます。

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

 

比率は、グラデーションの比率を狭くしたり、広くしたりすることができます。

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

グラデーションオーバーレイの使い道

グラデーションオーバーレイの使い道は大きく分けて、4つあります。

  1. 文字
  2. シェイプ
  3. 写真
  4. パターン

文字

文字は先ほどもやったように、文字自体にグラデーションを入れることができます。

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

サムネイルやバナーなどに使えます。

シェイプ

シェイプはカスタムシェイプツールや楕円系、長方形ツールなど全てグラデーションをかけることができます。

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

写真

写真の場合、グラデーションをかけると写真自体は見えなくなるので、不透明度で調整するときれいに仕上がります。

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

パターン

白黒のパターンをグラデーションの色に変えることができます。

まず塗りつぶし調整レイヤーからパターンにいきます。

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

 

白黒のパターンを選びます。

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

 

そして、パターンのレイヤーの右側をダブルクリックして、グラデーションオーバーレイを選びます。

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

 

グラデーションの色を好きな色に変えたら、描画モードをスクリーンにします。

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

 

そうすると、パターンの黒いところにグラデーションの色が入ります。

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

レイヤースタイルのグラデーションオーバーレイまとめ

Photoshopのレイヤースタイルの中にあるグラデーションオーバーレイについて見てきました。

特に文字やシェイプなどにグラデーションをつけたいときによく使います。

レイヤースタイルは全部で10種類あります。一気に動画で見るにはこちら

レイヤースタイルの記事一覧はこちら

コメント

タイトルとURLをコピーしました