ウェブデザイナーへの道のり【第3話】まずはここから始めよう~Photoshopで色調補正「色相・彩度」とは~

・前回の話に続きPhotoshopの色調補正について、より詳しく知りたい!!

・Photoshopの色調補正の「色相・彩度」に着目し、よりわかりやすく知りたい!!

そんなあなたに!!この記事では、Photoshopを始めたばかりでもわかりやすい色調補正の基礎について紹介しています

※全話まとめ一覧はこちらからどうぞ↓↓(随時更新中♪♪)
目指せウェブデザイナー!!ド素人が1から初めてみた!?Photoshopマスターになるまでの道のり!?
・ウェブデザイナーとして、Photoshopを1から勉強してPhotoshopを使いこなせる方法を知りたい!! ・どこよりも分かりやすいPhotoshopの勉強法と使い方を知りたい!! ・隙間時間を利用しつつ、Photo...

 

※前回お話はこちらからどうぞ↓↓
ウェブデザイナーへの道のり【第2話】まずはここから始めよう~Photoshopで色調補正(「レベル補正」と「トーンカーブ」)~
・Photoshopを始めたいけど、まず何から手を付けたらよいのか知りたい!! ・Photoshopの色調補正の基礎についてわかりやすく知りたい!! そんなあなたに!!この記事では、Photoshopを始めたばかりで...

 

 

スポンサーリンク

Photoshopの色調補正「色相・彩度」とは!?

 

めいちゃん
めいちゃん

前回のお話で色素補正のレベル補正とトーンカーブについて詳しくお勉強したと思うけど、今回は「色相・彩度」についてお勉強していくよ!!

 

 

みぃちゃん
みぃちゃん

「色相・彩度」?

 

めいちゃん
めいちゃん

それぞれについて説明していくね!!

 

 

スポンサーリンク

色相とは!?

 

めいちゃん
めいちゃん

まず、色相についてだけど、色相とは、赤、オレンジ、黄、緑、青、紫といった色を特徴づける、色の違いのことをいうよ!!

みぃちゃん
みぃちゃん

色を決定づけるものって感じだね~

めいちゃん
めいちゃん

ちなみに、色相の異なる色を並べると色の見え方は、隣り合う色によって、色相の感じ方が変化するように感じられるのだけど、これを「色相対比」というよ!!

 

みぃちゃん
みぃちゃん

確かに隣り合わせの色によって色が変わったように感じることがあったけど、これは「色相対比」ってことなんだね~

 

 

スポンサーリンク

彩度とは!?

 

めいちゃん
めいちゃん

お次は彩度についてだけど、彩度とは色の鮮やかさを表す属性のことをいうよ!!

 

みぃちゃん
みぃちゃん

色の鮮やかさ?

めいちゃん
めいちゃん

彩度が最も高い色というのは、鮮やかな原色を示すんだ!!

みぃちゃん
みぃちゃん

なるほど~

めいちゃん
めいちゃん

一方で彩度が低くなるにつれ、くすんだ色みを感じない色に変化していき、最終的には「無彩色」になるのさ!!

 

みぃちゃん
みぃちゃん

「無彩色」?

めいちゃん
めいちゃん

無彩色とは白・灰・黒など、色みのない色をいうのさ!!

みぃちゃん
みぃちゃん

色味が無いから「無」彩色なんだね~

めいちゃん
めいちゃん

一方で、有彩色というものがあって、これは「無彩色」ではない、わずかでも色みのある色のことをいうよ!!

 

みぃちゃん
みぃちゃん

そっか!!色味があるから「有」彩色なんだね!!

めいちゃん
めいちゃん

彩度が受ける印象としては、彩度が高い色は派手なカラー、彩度の低い色は地味なカラーと感じるよ!!

 

ろっぷくん
ろっぷくん

ぼくは派手なカラーの柿ピーを眺めたいよ~

ソラくん
ソラくん

派手なカラーの柿ピー…

 

 

スポンサーリンク

Photoshopの色調補正「色相・彩度」を使ってみよう!!

 

めいちゃん
めいちゃん

ではでは早速、Photoshopの色調補正「色相・彩度」を実際に使っていこう!!

みぃちゃん
みぃちゃん

うんうん!!

 

 

めいちゃん
めいちゃん

前回のお話でやった「レベル補正」や「トーンカーブ」の時と同じく、画面右端にある「色調補正」をクリックしてね!!

 

 

みぃちゃん
みぃちゃん

押したよ~

 

1.「色相」を使ってみよう!!

 

めいちゃん
めいちゃん

そうしたら、「色相・彩度」を選択だよ♪

 

みぃちゃん
みぃちゃん

はーい!!

 

 

めいちゃん
めいちゃん

そしたら、「色相・彩度・明度」の3本の線が出てくるよ!!

 

みぃちゃん
みぃちゃん

ホントだ!!

 

めいちゃん
めいちゃん

この1番上の線の色相をみていくよ!!

 

 

めいちゃん
めいちゃん

色相を右や左にずらすことで写真全体のカラーを変えることが出来るよ!!

みぃちゃん
みぃちゃん

なんだか懐かしいようなエモい写真になったね♪

めいちゃん
めいちゃん

写真全体のカラーを変えなくて良い場合は、特に色相を動かさずに、「彩度・明度」を動かせば良いのさ♪

 

みぃちゃん
みぃちゃん

なるほど~

 

2.「彩度」を使ってみよう!!

 

めいちゃん
めいちゃん

「色相」の下にある「彩度」の線を動かしてみよう!!

 

めいちゃん
めいちゃん

彩度の線を右にずらすと鮮やかさがより引き立つのさ!!

みぃちゃん
みぃちゃん

しっかり色を感じることが出来るね!!

めいちゃん
めいちゃん

一方で、彩度を左にずらすと色味を持たないカラーに近づいていくよ!!

みぃちゃん
みぃちゃん

ほんとだ!!モノトーンカラーになるね!!

 

 

3.「明度」を使ってみよう!!

 

めいちゃん
めいちゃん

最後に、一番下にある線を動かして明度を変えてみよう!!

 

 

めいちゃん
めいちゃん

明度の線を右にずらすことで、写真全体が明るくなるのさ♪

みぃちゃん
みぃちゃん

ホントだ!!やわらかい印象になるね!!

 

 

めいちゃん
めいちゃん

今度は、明度を左にずらしてみると、写真全体が暗くなるのさ!!

 

みぃちゃん
みぃちゃん

ホントだ!!カッコいい印象になるね♪

スポンサーリンク

与えたい印象によって「色相・彩度・明度」を使い分けよう!!

 

めいちゃん
めいちゃん

色調補正の「色相・彩度・明度」について色々見てきたけど、自分に合った思い描く写真の雰囲気に合わせてカスタマイズしていくことが大切だね♪

 

 

みぃちゃん
みぃちゃん

そうだね!!写真全体の雰囲気を一気に変えられて、自分好みにしていけるのは本当に面白いね!!

 

 

めいちゃん
めいちゃん

みぃちゃん、またひとつ前進したね!!

みぃちゃん
みぃちゃん

この調子でどんどんPhotoshopをお勉強していくぞー!!

めいちゃん
めいちゃん

その意気さ!!みぃちゃん!!

 

➡次回に続くよ~!!お見逃しなく♪♪(Coming Soon!!)