ウェブデザイナーへの道のり【第7話】色補正の基本!!~Photoshopで色補正をしてみよう~

・Photoshopで色補正するやり方について詳しく知りたい!!

・色補正することで、写真を加工することに挑戦してみたい!!

 

そんなあなたに!!この記事ではPhotoshopを使った色補正しながら、写真の加工方法について1から詳しく紹介しています

 

 

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

 

※前回お話はこちらからどうぞ↓↓
ウェブデザイナーへの道のり【第6話】ポストカードサイズとして印刷!!~Photoshopで印刷してみよう~
・Photoshopで印刷する方法について詳しく知りたい!! ・Photoshopを使って、ポストカードサイズでの印刷する方法を1から知りたい! そんなあなたに!!この記事ではPhotoshopを使った、ポストカード...

 

 

スポンサーリンク

Photoshopの色補正とは!?

めいちゃん
めいちゃん

今回は、Photoshopを使いこなしていく上で、大切となる色補正について説明していくよ!!

みぃちゃん
みぃちゃん

色補正?

めいちゃん
めいちゃん

色補正とは、色合いなど画像を加工し、調整していくことだよ!!

 

みぃちゃん
みぃちゃん

ほうほう!!

めいちゃん
めいちゃん

Photoshopを使って、 イメージ通りに細かく調整していくことが出来るよ~!!

みぃちゃん
みぃちゃん

なるほど~!!

 

スポンサーリンク

Photoshopで色補正をしてみよう!!

 

めいちゃん
めいちゃん

ではでは早速、Photoshopで色補正をしていこう~!!

 

 

みぃちゃん
みぃちゃん

はーい!!

 

 

スポンサーリンク

Photoshopで色補正をするために下準備をしていこう!!

 

めいちゃん
めいちゃん

Photoshopで色補正をしていくにあたって、画像を加工していくのだけど、そのまま加工してしまうと画像自体を書き換えてしまうから、下準備が必要なんだ!!

みぃちゃん
みぃちゃん

下準備?

 

めいちゃん
めいちゃん

そうそう!!必ずレイヤーに「一工夫」していく必要があるのさ♪

(レイヤーについては以下のリンクで復習しよう!!)

 

レイヤーについてのリンクはこちらからどうぞ↓↓

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

 

 

めいちゃん
めいちゃん

ではでは、下準備のやり方を説明していくよ~♪

 

 

めいちゃん
めいちゃん

まずが画像の右側にあるレイヤーをクリックしよう!!

みぃちゃん
みぃちゃん

押したよ~

 

みぃちゃん
みぃちゃん

何か出てきたよ!!

めいちゃん
めいちゃん

これがレイヤーを調整できる画面なんだよ♪

出てきた画面の中の「背景」と書かれた欄のあたりで右クリックしてみよう!!

 

 

みぃちゃん
みぃちゃん

また何か出てきた~!!

めいちゃん
めいちゃん

その調子だよ♪そしたら、出てきた画面の「スマートオブジェクトに変更」をクリックしてみよう♪

 

 

みぃちゃん
みぃちゃん

出来た~♪

めいちゃん
めいちゃん

うんうん♪これでレイヤーの下準備は完成だよ♪

ではでは、次は画像に「フィルター」をかけていこう!!

 

 

スポンサーリンク

Photoshopで「フィルター」をかけよう!!

 

Photoshopで「フィルターギャラリー」を使ってみよう!!

 

 

めいちゃん
めいちゃん

まずは画面上部にある「フィルター」を選択して、「フィルターギャラリー」をクリックしてね♪

みぃちゃん
みぃちゃん

押したよ~!!

 

 

①「フィルターギャラリー」の「ガラス」とは

 

みぃちゃん
みぃちゃん

わぁ~色々出てきた!!

めいちゃん
めいちゃん

うんうん♪例えば一番左にある「ガラス」を選択するとガラスのような風合いになるのさ♪

みぃちゃん
みぃちゃん

なんだかオシャレだね~♪

めいちゃん
めいちゃん

うんうん♪その他にもデザインに合わせて画像のタッチを変えることが出来るから面白いよね~♪

 

②「フィルターギャラリー」の「海の波紋」とは

 

めいちゃん
めいちゃん

ちなみに「海の波紋」というのもあるよ~♪

みぃちゃん
みぃちゃん

また雰囲気が変わるね~♪

 

②「フィルターギャラリー」の「光彩拡散」とは

 

めいちゃん
めいちゃん

他にも「光彩拡散」というのも出来るよ~♪

みぃちゃん
みぃちゃん

神秘的で良いね~♪

 

 

 

めいちゃん
めいちゃん

そうだね~♪ちなみに、「フィルターギャラリー」以外にも様々なフィルターをかけることが出来るんだ!!

 

 

みぃちゃん
みぃちゃん

そうなんだ~!!気になる!!

 

 

Photoshopで「表現手法」を使ってみよう!!

 

めいちゃん
めいちゃん

「表現手法」というものがあるんだ!!

 

 

みぃちゃん
みぃちゃん

「表現手法」

 

 

めいちゃん
めいちゃん

そうさ!!実際にやってみよう!!

 

 

 

 

めいちゃん
めいちゃん

まず「フィルタ」をクリックした後、「表現手法」を選択しよう♪

 

みぃちゃん
みぃちゃん

わぁ!!色々あるんだね!!

 

めいちゃん
めいちゃん

そうだね♪まとめて見ていこう!!

 

 

①エンボス

 

みぃちゃん
みぃちゃん

ものすごくスタイリッシュな感じになるね!!

②ソラリレーゾン

みぃちゃん
みぃちゃん

ミステリアスな雰囲気になるね!!

③押し出し

みぃちゃん
みぃちゃん

勢いがある雰囲気になるね!!

 

④風

みぃちゃん
みぃちゃん

めいちゃん、ろっぷくん、ソラくんの毛がなびいて風が吹いている雰囲気になるね!!

 

⑤分割

 

みぃちゃん
みぃちゃん

ブロックやパズルのような雰囲気で面白いね!!

 

⑥輪郭のトレース

みぃちゃん
みぃちゃん

独創的な雰囲気になるね!!

 

 

⑦輪郭検出

みぃちゃん
みぃちゃん

鉛筆でデッサンしたかのような雰囲気になるね!!

 

めいちゃん
めいちゃん

「表現手法」には、たくさん楽しめる雰囲気が出せるね♪

ただ、「表現手法」にある「油絵」に関してだけはデスクトップのPC以外は対象外になってしまうので、そこだけ注意が必要だよ!!

 

 

スポンサーリンク

Photoshopでのフィルターをレイヤーの画面で確認しよう!!

 

めいちゃん
めいちゃん

一通り、フィルターについては紹介してきたけど、フィルターはレイヤー画面で確認がすることが出来るのさ!!

みぃちゃん
みぃちゃん

そうなんだ!!

めいちゃん
めいちゃん

実際に確認していこう!!

みぃちゃん
みぃちゃん

はーい!!

 

 

 

 

 

 

めいちゃん
めいちゃん

まずは画面左側「レイヤー」を選択してね!!そうするとレイヤー画面が出てくるよ!!

 

 

みぃちゃん
みぃちゃん

出てきた~!!何か増えてる!!

 

めいちゃん
めいちゃん

そうだね♪

先ほど紹介した、表現手法「輪郭検出」が追加されているね♪

みぃちゃん
みぃちゃん

ちゃんとフィルターがかけられているってことなんだね!!

めいちゃん
めいちゃん

うんうん♪

ちなみに、輪郭検出と書かれている欄の左側にある「目のマーク」を押すと、フィルターをかける前後での変化を確認をすることが出来るのさ♪

 

 

みぃちゃん
みぃちゃん

ホントだ!!これで確認もバッチリだ~♪

 

 

スポンサーリンク

Photoshopのフィルターを使って自分なりの表現を見つけよう!!

 

 

めいちゃん
めいちゃん

またひとつみぃちゃんがパワーアップしたね♪

 

みぃちゃん
みぃちゃん

色補正について分かってきたし、色んなフィルターをかけることで表現の幅が広がるからほんとに楽しいね♪

めいちゃん
めいちゃん

そうだね♪自分のイメージで画像のタッチなどガラリと変えることが出来るからどんどん使って覚えていこうね♪

 

みぃちゃん
みぃちゃん

よーし!!さっそく自分なりのオシャレな画像作ってみようかな

ろっぷくん
ろっぷくん

是非ともオシャレな柿ピーの画像をお願いしたいのさ

ソラくん
ソラくん

ろっぷくん…本気で柿ピーの写真集を作るつもりなのか…

 

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