レイヤースタイル

【Photoshop】グラデーションオーバーレイの使い方【新人デザイナー向け】

Photoshopのグラデーションオーバーレイの使い方が分からない。
そもそもグラデーションオーバーレイって何なんだろう?

グラデーションオーバーレイを使ったチュートリアルがあればやりたい。
Photoshopのグラデーションオーバーレイについて詳しく知りたいです。

こういった疑問に答えるよ!

Naoya
Naoya
やぁ!みんな!元気?

デザイナーの@Naoyaです。

Youtube

※動画概要欄に目次があります

目次

  • Photoshopのグラデーションオーバーレイとは
  • Photoshopのグラデーションオーバーレイの使い方
  • グラデーションオーバーレイを使ったPhotoshopチュートリアル
  • よくある質問
Naoya
Naoya
ではゆこう!
【Photoshop】無料でダウンロードする方法【失敗しない学習法】Photoshopを無料でダウンロードする方法が知りたい。 そもそもPhotoshopって無料で使えるのかな? こういった疑問に答えるよ!...

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

Photoshopの「グラデーションオーバーレイ」は対象のレイヤーの色をグラデーションに変更することができるレイヤースタイルの内の一つの機能だよ!

【Photoshop】レイヤースタイルの種類【新人デザイナー向け】レイヤースタイルの種類って何があるんだろう? レイヤースタイルの使い方が知りたい。 こういった疑問に答えるよ! ...

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

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

今回はこの図形を使って進めていくよ、図形でも何でもいいので色を変更したいものを用意しておいてね!

図形の作り方が分からない人は下の記事を参考にしてみてね!

【Photoshop】カスタムシェイプツールの使い方【新人デザイナー向け】Photoshopのカスタムシェイプって何? カスタムシェイプってどうやって使うのだろう? カスタムシェイプってどうやって追加するんだろう? オリジナルのカスタムシェイプが作りたい! こういった疑問に答えるよ!...
  • 描画モード
  • 不透明度
  • グラデーション
  • スタイル
  • 逆方向
  • シェイプ内で作成
  • 角度
  • 比率
  • 方法

順番に見て行こう!

描画モード

グラデーションの「描画モード」を選択することができるよ!

不透明度

グラデーションの「不透明度」を調整することができるよ!

グラデーション

グラデーションを指定することができるよ!

例えばこんな感じ。

【Photoshop】グラデーションツールの使い方【新人デザイナー向け】Photoshopのグラデーションツールってどうやって使うのだろう? こういった疑問に答えます。 ...

スタイル

線形

グラデーションが「線形」に適用されるよ!

「線形」を適用したグラデーションはこんな感じ。

円形

グラデーションが「円形」に適用されるよ!

「円形」を適用したグラデーションはこんな感じ。

角度

グラデーションが「角度」で適用されるよ!

「角度」を適用したグラデーションはこんな感じ。

反射

グラデーションが「反射」して適用されるよ!

「反射」を適用したグラデーションはこんな感じ。

変形

グラデーションが「変形」して適用されるよ!

「変形」を適用したグラデーションはこんな感じ。

逆方向

グラデーションを「逆方向」にすることができるよ!

シェイプ内で作成

「シェイプ内で作成」にチェックを付けると適用しているレイヤーの中でグラデーションが適用されるよ!

この画像は「シェイプ内で作成」にチェックを入れてないものと「シェイプ内で作成」にチェックを入れたもの。

角度

グラデーションの「角度」を指定できるよ!

この画像は角度=「90」と角度=「180」を比べたもの。

比率

グラデーションの「比率」を指定できるよ!

この画像は比率=「100」と比率=「50」を比べたもの。

方法

知覚的

「知覚的」の見え方はこんな感じ。

リニア

「リニア」の見え方はこんな感じ。

クラシック

「クラシック」の見え方はこんな感じ。

Naoya
Naoya
今日も来てくれてありがとう、またね!
【無料あり】Webデザインスクールおすすめ3選【決定版】Webデザインを学びたいけど、どんなスクールが良いのだろう。 調べてみるとデザインスクールは山のようにあるし、そもそもなに基準で選んだ...
【40点プレゼントの体験版】Adobe Stockを無料で始める手順Adobe Stockを利用したいけど、どうやって始めるんだろう? そもそも、いくらかかるんだろうか、、、。 これからAdobe Stockの契約を考えているので「Adobe Stockの始め方」を知りたいです。 こういった疑問に答えます。...
【Photoshop】無料でダウンロードする方法【失敗しない学習法】Photoshopを無料でダウンロードする方法が知りたい。 そもそもPhotoshopって無料で使えるのかな? こういった疑問に答えるよ!...