基本操作

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

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

Photoshopのカラーオーバーレイについて詳しく知りたいです。

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

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

デザイナーの@Naoyaです。

Youtube

今日の夜【5/26(木)】、19:00〜20:30まで質疑応答のライブ配信をするのでよかったら遊びに来てね!

目次

  • Photoshopのカラーオーバーレイとは
  • Photoshopのカラーオーバーレイの使い方

Photoshopって色々な機能があって混乱するよね。
カラーオーバーレイ?何それ?普通のカラーと何が違うんじゃ!って感じ。

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

Photoshopのカラーオーバーレイとは

Photoshopのカラーオーバーレイとはレイヤースタイルの一つ!

カラーオーバーレイを使うことで、元のレイヤーに影響を与えることなくレイヤーの色を変更することができるよ!

って言われてもあんまりピンとこないと思うから、実際に使ってみよう!

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

Photoshopのカラーオーバーレイの使い方

  • 色を変えたいレイヤーを選択する
  • カラーオーバーレイを適用する
Naoya
Naoya
順番に解説するよ!

ここではこの花のレイヤーにカラーオーバーレイを適用するね!

色を変えたいレイヤーを選択する

まずは色を変えたいレイヤーを選択、ここでは図形ツールで作った花を選択!
レイヤーパネルが表示されていない場合はメニューバーの「ウィンドウ」→「レイヤー」を選択!

画像でもテキストでも何でもOKなので、みんなが色を変えたいレイヤーを選択してね!

カラーオーバーレイを適用する

選択したレイヤーをダブルクリック!

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

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

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

「OK」を選択!

花の色を変えることができたね、あら可愛い。

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