基本操作

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

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

Photoshopのグラデーションオーバーレイについて詳しく知りたいです。

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

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

デザイナーの@Naoyaです。

目次

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

グラデーションオーバーレイって何?
普通のグラデーションと何が違うんじゃ!って感じだよね。

Naoya
Naoya
ではゆこう!
【Photoshop】無料でダウンロードする方法【失敗しない学習法】Photoshopを無料でダウンロードする方法が知りたい。 そもそもPhotoshopって無料で使えるのかな? こういった疑問に答えるよ!...

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

Photoshopのグラデーションオーバーレイとはレイヤースタイルの一つ!

グラデーションオーバーレイを使うことで、元のレイヤーに影響を与えることなくレイヤーグラデーションを適用することができるよ!

って言われても何のこっちゃって感じだと思うから、実際に使ってみよう!

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

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

  • グラデーションオーバーレイを適用したいレイヤーを選択する
  • グラデーションオーバーレイを適用する
Naoya
Naoya
順番に解説するよ!

ここではこの船のレイヤーにグラデーションオーバーレイを適用するよ!

グラデーションオーバーレイを適用したいレイヤーを選択する

まずはグラデーションオーバーレイを適用したいレイヤーを選択、ここでは図形ツールで作った船を選択!

レイヤーパネルが表示されていない場合はメニューバーの「ウィンドウ」→「レイヤー」を選択!

画像でもテキストでも何でもOKなので、みんながグラデーションを適用したいレイヤーを選択してね!

グラデーションオーバーレイを適用する

選択したレイヤーをダブルクリック!
レイヤー名の所を押すと名前の変更になっちゃうからレイヤー名以外の所をダブルクリック!

レイヤースタイルが開くので、グラデーションオーバーレイを選択して、色の部分をクリック!

ここでは黒の色を変更するので、左下の四角をダブルクリック!

グラデーションの扱い方はグラデーションツールと同じだよ!

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

好きな色を選択、ここでは「#00d2ff」としてOK!

「OK」を選択!

「OK」を選択!

色を変えることができたね!

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