ウェブデザイナーへの道のり【第8話】画像の加工や合成をしよう!!~Photoshopで写って欲しくないものを消してみよう~

・Photoshopで加工や合成するやり方について詳しく知りたい!!

・画像で写って欲しくないものを消すことでイメージに見合った画像を作成することに挑戦してみたい!!

 

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

 

 

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

 

※前回お話はこちらからどうぞ↓↓
ウェブデザイナーへの道のり【第7話】色補正の基本!!~Photoshopで色補正をしてみよう~
・Photoshopで色補正するやり方について詳しく知りたい!! ・色補正することで、写真を加工することに挑戦してみたい!! そんなあなたに!!この記事ではPhotoshopを使った色補正しながら、写真の加工...

 

 

 

 

 

めいちゃん
めいちゃん

今回では、Photoshopの加工や合成をしていくよ~!!

 

みぃちゃん
みぃちゃん

カッコいいけどなんだか難しそう…

 

めいちゃん
めいちゃん

慣れちゃえば大丈夫さ♪それに、加工や合成が出来れば色々応用もできるから便利だよ~♪

 

 

みぃちゃん
みぃちゃん

そうだね!!よーし頑張るぞ~!!

 

スポンサーリンク

Photoshopの加工や合成をするにあたって

 

めいちゃん
めいちゃん

まずは、流れとしてPhotoshop画面の上部にある「選択範囲」をクリックした後、その中にある「選択とマスク」を選択してね!!

 

 

みぃちゃん
みぃちゃん

押したよ~!!わぁ!!赤くなったー!!

 

めいちゃん
めいちゃん

そうだね!!そしてここから使うツールについて紹介していくのだけど、「ブラシ」というものを使っていくんだ!!

みぃちゃん
みぃちゃん

ブラシ?

めいちゃん
めいちゃん

そうそう!!詳しく紹介していくね!!

 

スポンサーリンク

Photoshopの加工や合成に使うブラシの種類を知ろう!!

 

めいちゃん
めいちゃん

まずはブラシの種類についてなんだけど3種類あるのさ!!

みぃちゃん
みぃちゃん

ほうほう

 

めいちゃん
めいちゃん

ひとまず、ざっくり種類を紹介するね!!

 

①クイック選択ツール

 

めいちゃん
めいちゃん

まず、1つ目に「クイック選択ツール」というものがあるのさ!!

みぃちゃん
みぃちゃん

クイック選択ツール?

めいちゃん
めいちゃん

そうそう!ちなみに「クイック選択ツール」は画面左側のブラシの種類の中で一番上にあるよ!!

 

 

めいちゃん
めいちゃん

クイック選択ツール」は大まかな範囲をPhotoshopに指定させる機能として使われるんだ!!

 

みぃちゃん
みぃちゃん

なるほど~

 

 

②境界線調整ブラシツール

 

めいちゃん
めいちゃん

次に「境界線調整ブラシツール」というものがあるのさ!!

みぃちゃん
みぃちゃん

境界線調整ブラシツール?

めいちゃん
めいちゃん

うん!「境界線調整ブラシツール」は画面左側のブラシの種類の中で真ん中にあるよ!!

 

 

 

めいちゃん
めいちゃん

「境界線調整ブラシツール」髪の毛や輪郭といった曖昧なものを切り抜く機能として使われるんだ!!

 

みぃちゃん
みぃちゃん

ほうほう!

 

 

 

 

③ブラシツール

 

めいちゃん
めいちゃん

最後に「ブラシツール」というものがあるよ!!

みぃちゃん
みぃちゃん

ブラシツール?

めいちゃん
めいちゃん

そうそう!ちなみに「ブラシツール」は画面左側のブラシの種類の中で一番下にあるよ!!

 

 

 

めいちゃん
めいちゃん

「ブラシツール」通常のブラシツール機能として使われるんだ!!

 

みぃちゃん
みぃちゃん

なるほど~

 

めいちゃん
めいちゃん

ブラシの種類を紹介してきたところで今回はクイック選択ツール」「境界線調整ブラシツール」に絞って詳しくそれぞれ紹介していくね!!

スポンサーリンク

Photoshopでクイック選択ツールを使ってみよう!!

 

めいちゃん
めいちゃん

では最初に説明したとおり、Photoshop画面の上部にある「選択範囲」をクリックした後、その中にある「選択とマスク」を選択してね~♪

 

 

 

めいちゃん
めいちゃん

そのあとは「クイック選択ツール」を選択してね!!

 

 

みぃちゃん
みぃちゃん

選択したよ~

 

めいちゃん
めいちゃん

そしたら、画面の残したいところを「クイック&ドラック」で選択していくよ!!

 

 

めいちゃん
めいちゃん

ここで一緒に知ってほしいことがあるのだけど、「選択範囲の解除方法」について併せて紹介しておくね!!

 

みぃちゃん
みぃちゃん

「選択範囲の解除方法」?

 

 

☆選択範囲の解除方法を知っておこう☆

めいちゃん
めいちゃん

そうそう!!「クイック&ドラック」をしていく中で誤って必要ない背景を浮かび上がらせてしまった場合に「選択範囲の解除」を使うよ!!

 

 

 

みぃちゃん
みぃちゃん

わぁ!!確かに、要らない背景まで浮かび上がってる!!

めいちゃん
めいちゃん

そうなんだよね~そんな時は…

 

Macの場合     alt option(押しながら)    + ドラック 

Windowsの場合   Alt(押しながら)     + ドラック

 

めいちゃん
めいちゃん

これをすることで必要ない背景を修正することが出来るよ!!

 

 

 

みぃちゃん
みぃちゃん

ホントだ!!修正できた!!

 

 

めいちゃん
めいちゃん

うんうん!!その調子だよ♪

みぃちゃん
みぃちゃん

えへへ♪

 

☆切り抜き画像の現状確認と修正☆

 

めいちゃん
めいちゃん

ちなみにだけど、切り抜いている画像が現状がどうなっているのか確認することが出来るんだ!!

みぃちゃん
みぃちゃん

ほうほう

 

めいちゃん
めいちゃん

画面右側にある属性の中の表示の矢印をクリックしてね♪

みぃちゃん
みぃちゃん

これだね!!クリックしたよー!!

 

 

 

みぃちゃん
みぃちゃん

わぁ!!色々出てきた!!

 

めいちゃん
めいちゃん

そうだね!この機能を使って、今実際に切り抜いている画像が現状がどうなっているのかを確認することが出来るのさ♪

 

 

 

めいちゃん
めいちゃん

特にこの「オーバーレイ」表示を使うことで、うまく切り抜きがでいていない箇所を見つけやすくなるんだ♪

みぃちゃん
みぃちゃん

確かに、一番わかりやすいかも!!

めいちゃん
めいちゃん

そうだね♪この機能を使いながら、その都度修正していくことが大切だね!!

 

スポンサーリンク

Photoshopで境界線調整ブラシツールを使ってみよう!!

 

めいちゃん
めいちゃん

お次は境界線調整ブラシツールの使い方について説明していくよ!!

みぃちゃん
みぃちゃん

はーい♪

めいちゃん
めいちゃん

境界線調整ブラシツールは輪郭の曖昧なものに対応しているから、クイック選択ツールで大まかな画像を切り向いた後に、境界線調整ブラシツールで輪郭をなぞるように使っていくよ!!

 

みぃちゃん
みぃちゃん

なるほど~!!

 

 

②境界線調整ブラシツールの使用前

 

②境界線調整ブラシツールの使用後

 

みぃちゃん
みぃちゃん

輪郭の細かいところが整えられた感じだね!!

めいちゃん
めいちゃん

うんうん♪そうだね!!

 

みぃちゃん
みぃちゃん

これで完璧かな?

めいちゃん
めいちゃん

確かに、これでも整っている感じに見受けられるけど、さらに細かく修正できるのさ!!

みぃちゃん
みぃちゃん

ほほう!

 

めいちゃん
めいちゃん

画面「右側」の、「属性」の中の「表示」ボタンをクリックすると、「白黒」が出てくるからクリックしてみてね!!

 

 

 

みぃちゃん
みぃちゃん

わぁぁ…!! いきなり真っ黒になっちゃった!!

めいちゃん
めいちゃん

そんなに慌てなくて大丈夫だよ!!この機能を使うことでより細かく修正の仕上がりを良くすることが出来るんだ!!

みぃちゃん
みぃちゃん

そっかぁ~!! なんか、びっくりしちゃった~(笑)

 

 

めいちゃん
めいちゃん

特に輪郭の細かいところは、こういった白黒の機能を使うことで細かい修正と確認が出来て、よりきれいな仕上がりになるのさ!!

みぃちゃん
みぃちゃん

なるほど~!!

 

 

めいちゃん
めいちゃん

一通り完成したら、先程の「オーバーレイ」で改めて確認して、OKなら右下にある「OK」ボタンを押そう!!

 

 

 

めいちゃん
めいちゃん

これで切り抜きの完成だよ!!

みぃちゃん
みぃちゃん

わーい!!やった~!!綺麗に画像を切り抜けたよ~!!

 

めいちゃん
めいちゃん

うんうん♪そうだね!!いい感じだね♪

 

スポンサーリンク

Photoshopで色んな画像で切り抜いていくことで、徐々に慣れていこう!!

 

みぃちゃん
みぃちゃん

今回は画像の切り抜きのやり方をしっかりマスター出来て嬉しいな♪この方法なら、色々応用できそうだね!!

 

 

めいちゃん
めいちゃん

そうだね!!この調子で、みぃちゃんの好きな画像を沢山切り抜いてみて、どんどんやり方に慣れていってね!!

 

 

みぃちゃん
みぃちゃん

うんうん!!私頑張るね!!

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