記事内に広告を含みます

【Photoshop】フォトショのレイヤーマスクで合成画像を作る方法【Adobe】

Photoshopでレイヤーマスクを使う方法

フォトショでレイヤーマスクを使いたいカメ

AdobeのPhotoshop CCのレイヤーを使ってカメの画像作りたいな〜
OK〜 アドビのPhotoshopのレイヤー機能をつかって簡単に作っていこう

学び続けるウサギ

フォトショでレイヤーマスクを使いたいカメ

うん、やってみる♪

今回はAdobeのPhotoshopでレイヤーマスクを使い簡単に合成画像を作る方法についてご紹介していきたいと思います。

レイヤーって何?

photoshopのレイヤー構造図

レイヤーは透明フィルム(画像)が積み重なっているイメージです。

画像を重ねることで合成し1枚の画像に見せているので、それぞれ1枚1枚に効果を与えたり、簡単に修正したりすることができます。

Photoshopのレイヤーマスクで合成画像を作る方法

Photoshopでレイヤーマスクを使う方法1

まずは画像を2枚ほど配置します。今回は画像1をturtle、画像2をpatternとしていきます。

※2枚の好きな画像をそれぞれ画像1と画像2として用意して同じように試してみてください。

全体のサイズは新規ファイルで好みの縦横サイズに合わせて作成し、下地にしたい画像をドキュメントウィンドウ(白いキャンバス)かアイコンにドラッグ&ドロップもしくは、メニューバーのファイル → 埋め込みを配置にて配置します。

※PCに表示されるPSマークのアイコンに画像をドラッグすると一番下の背景レイヤーとして固定されます。

画像のサイズはshift + altを押しながら縦横比を保ちつつバウンディングボックスを動かして調整します。

レイヤーパネルは下から上に重なるので画像1と画像2の順で読み込みます。

ウィンドウ → レイヤーからレイヤーパネルを開いて画像2のレイヤーを選択します。

Photoshopでレイヤーマスクを使う方法2

下の方にあるレイヤーマスクを追加のアイコンをクリックします。

Photoshopでレイヤーマスクを使う方法3

画像2のレイヤーマスクサムネールをクリックして選択された状態にします。

Photoshopでレイヤーマスクを使う方法4

ブラシツールに持ち替えてハード円ブラシで描画色を黒#000000)にします。

上部のオプションバーからブラシのサイズを選んで(200)サイズを調整して隠れてる画像の見せたい部分をなぞっていきます。

Photoshopでレイヤーマスクを使う方法5

グリグリと画像2のpatternを塗っていくと下に重なっている画像1が見えてきました。

フォトショでレイヤーマスクを使いたいカメ

なんか出てきたぞ?

塗った分、レイヤーのレイヤーマスクサムネールの白い部分が黒く表示されます。

レイヤーマスクの白と黒のブラシ

レイヤーマスクはブラシの白黒を使って見えたり見えなくしたりすることができます。

photoshopのレイヤーマスクの白黒図

1枚の画像(レイヤー)のみで例えると黒で消して白で復活させる感じです。

photoshopのレイヤーマスクで黒で塗った時の図

なので黒で塗ると重なってる下のレイヤーが見えるようになります。

最初「白と黒がどっちなの?アプリが重いしバグったのかな?」と少しややこしかったですがレイヤーが1枚と2枚じゃ結果が違うことがわかれば難しくないですね。

Photoshopでレイヤーマスクを使う方法6

あとは範囲や輪郭など好みで調整できたら完了です。

ブラシを活かしたナチュラルなスタイルの画像が出来上がりました。

フォトショでレイヤーマスクを使いたいカメ

カメでてきた〜!♪

画像のパターンを追加したい場合

もうひとパターン用意したい場合は、コピーして作っていきます。

Photoshopでレイヤーマスクを使う方法7

画像2のレイヤーを右クリックでレイヤーを複製をクリックしコピーします。

※レイヤーマスクサムネールではなくレイヤーを右クリックです。

Photoshopでレイヤーマスクを使う方法8

3枚目にレイヤーとしてpatternのコピーが出来上がりました。

コピーできたら先ほどのレイヤー(2枚目)を見えなくするために目のアイコンをクリックします。

コピーした3枚目のレイヤーで新しく作っていきます。

Photoshopでレイヤーマスクを使う方法9

今度はブラシの色を白(#ffffff)に持ち替えてグリグリ塗っていきます。

レイヤーマスクサムネールも白くなってきましたね。

Photoshopでレイヤーマスクを使う方法10

全て塗ることで画像が元に戻りました。

Photoshopでレイヤーマスクを使う方法11

そしてブラシツール(ハード円ブラシ)を黒色(#000000)に持ち替えてブラシの太さを1000などかなり大きくしてクリックします。

Photoshopでレイヤーマスクを使う方法12

ブラシの特性を活かし1度のクリックで円形になりうまく切り取れました。

フォトショでレイヤーマスクを使いたいカメ

綺麗に縁取りバージョンきた〜♪

これで2つの画像から2パターンの画像を作ることができました。

まとめ:レイヤーマスクの構造を覚えて画像を作ろう!

Photoshopでレイヤーマスクを使う方法13

今回はAdobeのPhotoshopでレイヤーマスクを使い簡単な合成画像を使る方法についてご紹介してきました。

レイヤーマスクはブラシを使って好きな形に簡単に調整できるので楽しいですね。

少しでも参考になれば幸いです。

他にも画像の切り抜きなどはPhotoshopで簡単に画像を切り抜こうの記事を参考にしてみてください。

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です