ウェブデザイナーへの道のり【第10話】ぼかしの機能を使って画像の加工や合成をしよう!!~Photoshopで2枚の写真を背景をぼかしながら合成してみよう~

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

・2枚の写真をぼかす機能を使い、合成するやり方をPhotoshopで知りたい!!

 

そんなあなたに!!この記事ではPhotoshopを使い、2枚の写真を使いながら、背景をぼかす機能を使った合成方法について1から詳しく紹介しています

 

 

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

 

※前回お話はこちらからどうぞ↓↓
ウェブデザイナーへの道のり【第9話】画像の加工や合成をしよう!!~Photoshopで必要のない、写って欲しくないものを消してみよう~
・Photoshopで加工や合成するやり方について詳しく知りたい!! ・画像で写って欲しくないものや、気になる箇所を消すやり方をPhotoshopで知りたい!! そんなあなたに!!この記事ではPhotosho...

 

 

めいちゃん
めいちゃん

今回は2枚の画像を、背景をぼかす機能を使いながら、オシャレに合成していく方法について紹介するよ!!

みぃちゃん
みぃちゃん

おぉ!!合成かぁ!!なんか、一気にプロっぽくなって、カッコいいね☆

 

めいちゃん
めいちゃん

そうだね♪これが出来ると、Photoshopで出来る幅が一気に広がるから、より楽しむことが出来るね!!ではさっそく、やってみよう!!

 

 

スポンサーリンク

1.写真の合成のために、まずは2枚の写真を重ねてみよう!

 

めいちゃん
めいちゃん

まず写真を合成するために、準備段階として2枚の写真を重ねる必要があるんだ!

みぃちゃん
みぃちゃん

ほうほう

 

めいちゃん
めいちゃん

まずは重ねる写真を選択しよう!!

みぃちゃん
みぃちゃん

選択してみたけど次のページに表示されちゃったよ~

 

 

 

 

めいちゃん
めいちゃん

次のページに表示されていても大丈夫さ♪ここからクリック&ドラックで画像を合わせていくよ♪

 

みぃちゃん
みぃちゃん

ほうほう

 

めいちゃん
めいちゃん

1枚目の画像に対して、もう1枚のタグをクリック&ドラックで切り離してみよう☆ 2つの写真が並んだ状態にするのさ♪

 

 

 

みぃちゃん
みぃちゃん

お!!画像が2枚並んだよ♪

めいちゃん
めいちゃん

うんうん♪そうしたら左側にあるバーのうち「移動ツール」を選択しよう

みぃちゃん
みぃちゃん

これだね!!

 

 

めいちゃん
めいちゃん

そうそう!! つぎは合成したい写真に対して、もう1枚をクリック&ドラックしてもってくるのさ♪

 

 

みぃちゃん
みぃちゃん

出来た~!!画像が合わさったよ!!

めいちゃん
めいちゃん

うんうん♪いい感じだね☆では実際に画像が重ねられているか念のため確認しておこう♪

みぃちゃん
みぃちゃん

はーい♪

 

めいちゃん
めいちゃん

ではでは、画面右下にあるレイヤーを選択してみよう

 

 

 

みぃちゃん
みぃちゃん

押したよ☆ お!!2枚の画像が表示されているね!!

めいちゃん
めいちゃん

そうだね。ちなみに、2枚の画像をクリック&ドラックすることで画像を入れ替えることもできるよ

 

 

 

 

 

 

みぃちゃん
みぃちゃん

画像の上下の順序を自由に変えられるんだね!!

めいちゃん
めいちゃん

そうだね♪なかなか便利な方法さ♪

 

スポンサーリンク

2.背景をぼかしてみよう (ガウス)

 

めいちゃん
めいちゃん

では、画像が重なったところで背景をぼかしてみよう

みぃちゃん
みぃちゃん

いよいよ本格的な合成って感じだね!!

 

めいちゃん
めいちゃん

そうだね♪ではさっそくやっていこう!!

 

みぃちゃん
みぃちゃん

はーい!!

 

めいちゃん
めいちゃん

ではまず前提に、レイヤーを加工する前にはスマートオブジェクトに変換しておこう!!いつでも画像を元に戻せるように下準備さ☆

みぃちゃん
みぃちゃん

確かに大切だね!!

 

 

 

 

みぃちゃん
みぃちゃん

出来たよ~☆

めいちゃん
めいちゃん

うんうん♪ではさっそく実際に背景をぼかしていこう!!

 

 

 

 

めいちゃん
めいちゃん

まずは、画面上部の「フィルター」を選択して、その中の「ぼかし」、そして「ぼかし(ガウス)」を選択しよう!!

 

 

めいちゃん
めいちゃん

ぼかし(ガウス)が表示されたら、バーをスライドさせることでぼかしの度合いが変わるんだ!!

みぃちゃん
みぃちゃん

ほうほう!!

めいちゃん
めいちゃん

背景として馴染むところでOKを選択しよう!!

 

 

みぃちゃん
みぃちゃん

おぉ!!画像がぼんやりした!!

めいちゃん
めいちゃん

そうだね♪背景としての画像はできたから、今度は2枚の画像を合わせていくために、写真をくり抜く作業が必要なんだ!!

 

みぃちゃん
みぃちゃん

なるほど~!!それで1つの画像として合成できるんだね!!

 

めいちゃん
めいちゃん

画像をくり抜くやり方については次回紹介するからぜひそちらも見てみてね!!

みぃちゃん
みぃちゃん

写真合成完成まで、あとひと踏ん張りだね!!頑張っていこう!!