Photoshopを使ってオブジェクトを切り抜いたり張り付けたり、背景をぼかしたりする手順

こんにちは。

株式会社クラスアクト インフラストラクチャ事業部の大塚です。

今回は、Photoshopを使って人物を画像から切り抜いてみたり、別の背景に張り付けてみたり、背景にぼかしを入れてみたりしたいと思います。
具体的には貞子的なお姉さんをクリスマスの背景にマージしてみて「クーリスマスが今年もや～って・・・来るっ！きっと来る！！！」って感じの（？）編集をしてみたいと思います。

# 今回使用する素材
ぱくたそ様より拝借します。

https://www.pakutaso.com/20210212039post-33449.html

https://www.pakutaso.com/20221239343post-44146.html


# 操作
## オブジェクトを切り抜く方法
お姉さんの画像をぱくたそ様からローカルにダウンロードして、Photoshopで開きます。
開いた後画面左にある「オブジェクト選択ツール」をアクティブにします。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3219385/846d17a4-a3f4-dd6f-8273-428ef18c6a07.png)
お姉さん付近で左クリックをするとAIが「ここら辺を切り抜きたいんか？」という感じで点線で境界線を表示してくれます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3219385/584ef516-9d45-081c-32ce-3340a3421533.png)
画面右下付近にあるレイヤーマスクを選択します。表示されていない場合、その上あたりにあるレイヤータブを押下すると表示されます。
![ps001.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3219385/bd1666dd-6b82-60e9-e53d-73085b6d3058.png)
そうすると以下のように、背景を取り除いてくれます。
※細かいところは背景を消し切れていない（例えばお姉さんの足元付近）ですがいったんはこのままでいきます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3219385/169a8082-cf0a-fe41-de51-7b3d79ca157c.png)

## 切り抜いたオブジェクトを別の背景に張り付ける方法
背景となる画像をPhotoshopで開きます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3219385/b8df0cd6-bca1-901d-b3d3-56633b99241d.png)
コピーしたい切り抜き画像が表示されているウィンドウを開いてCtrl + Cを押下します。これはPhotoshopに限らずいつも通りですね。今回は以下の画面の時にCtrl + Cを押下してます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3219385/af473d4e-8b87-5df7-78d7-a4254f5c876a.png)
背景の画像を開いているウィンドウをアクティブにして Ctrl + Vを押下すると切り抜いたオブジェクトを張り付けることが出来ます。・・・怖い。
画面右下を見てみると背景レイヤのほかにレイヤ1が生成されていることがわかります。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3219385/0fe8f821-3bd6-dc20-9ab4-5ab75cc536de.png)
このお姉さんのサイズを小さくする方法は、お姉さんがいるレイヤをアクティブにしている状態で、編集タブ内にある変形>拡大・縮小を押下することで可能です。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3219385/71169dfa-77b9-1654-7024-ecf5b76b1714.png)
拡大・縮小が選択されていると対象のオブジェクトの周りに青い四角が表示され、他の画像編集ツールと同じように拡大・縮小等を実施できます。今回はなんとなくクリスマスツリーの横に移動してもらいました。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3219385/9ccfb7d0-b6ad-e0ce-0cbb-aa5544405806.png)

## 背景をぼかしてみたりする方法
背景のレイヤがアクティブになっていることを画面右下で確認した後、フィルタータブのニューラルフィルターを押下します。
![ps002.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3219385/2b429b53-ebb6-ad5c-ee0d-9190c1fe3866.png)
別ウィンドウがポップアップします。深度ぼかしを有効にすると背景をぼかしてくれます。
※最初にこの画面を開くとおそらく雲のアイコンが出ていると思いますが、ローカルにフィルタをダウンロードすることでスクショのようにトグルボタンが表示されるようになります。ダウンロードは雲のアイコンを押下することで可能です。
![ps003.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3219385/24ed1c74-f197-1222-9701-247ddf78acc8.png)
さらに背景を白黒にしてみます。
背景のレイヤがアクティブになっていることを改めて確認し、イメージタブの色調補正の白黒を押下します。
![ps004.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3219385/f7f86975-ccbf-c1ae-28dc-0814ba499b9c.png)
背景が白黒になりました。明るく楽しそうだったクリスマスの雰囲気が背筋が凍りそうな感じになりましたね。背景をぼやけさせている一方でお姉さんはくっきり映っているので、よりそれっぽいホラー画像な気がします。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3219385/06ebd20d-2853-d8b9-46db-10115e9b6b28.png)

今回作ってみた画像です。
![クリスマス貞子.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3219385/133d9260-2dd5-1bb8-d3c8-2cc141a64517.png)