最新Photoshop切り抜き方法!現役クリエイターが画像で解説!

Photoshop簡単に切り抜く方法その1

 

皆様、はじめまして!しがない雑食系クリエイターのはまやんと申します!

普段の仕事ではPhotoshopでの画像加工やデザイン、Premiere ProやAfterEffectsなどの動画編集やBlenderでちょこっとCGなんかも作ったりしています。

当ブログでは、僕が実際に現場で使用しているPhotoshopの使い方を中心に、デザイン初心者さんがデザインを楽しんでもらえるようにお伝えできればと思っています!
また、それ以外にも実際に使ってるWEBサービスの使用感なんかを皆さんにお伝えしていきます!

コンセプトは「いくつになってもクリエイティブ」なブログなので堅苦しくなく、ゆるーい感じで読んでもらえればOKです!

さて、前置きが長くなりましたが記念すべき第一回目の投稿は現役クリエイターが実際に使っている「Photoshopの切り抜き方法」をご紹介します!

はまやん
よろしくオナシャースデス!
Adobe製品をおトクに購入する方法

Adobe Creative Cloudのコンプリートプランをライセンス料が年間68,160円(税込74,976円)かかります。
金額にすると結構な額なので、できるだけおトクに購入したいですよね?

デジタルハリウッドのオンラインスクールを受講するとセットでAdobe Creative Cloudの学生・教職員個人向けライセンスプログラムが年間36,346円(税込39,980円)で付いてきます!

おトクに購入出来るのでもすごいのに、オンラインスクールなのでクリエイティブソフトの使い方を一緒にオンラインで学べます!
ソフトと講座の両方セットでかなりお得なプランなのでデジハリでの購入を検討してみては?


>>詳しくはバナーをクリック<<

スポンサーリンク

Photoshopでの切り抜き

Photoshopでは様々な切り抜き方がありますが、皆様こう思いませんか?

最新Photoshop切り抜き方法!現役クリエイターが画像で解説!1

「いや、切り抜きってめんどくさくね?」

多分やった事ある方ならほとんどの方がこう思ったはずです。
現に僕が切り抜き作業とか精神が崩壊するんじゃないかなって思ったりします。
そんな思考の僕が出来るだけ「簡単に、スピーディーに、キレイに」を心がけたやり方がこちらになります!

  • クイック選択の「背景を削除」
  • クイック選択ツール

それではそれぞれの方法を順を追って、解説していきます!

クイック選択の「背景を削除」を使用

※注意!
こちらはPhotoshopCC2020からの新機能なのでそれ以前をお使いの方はこの方法は使えません!

CCであれば複数のバージョンをインストール出来ますのでこれを機にアップデートしてみるのも良いかなと思います。

クイック選択とは

この機能は超ざっくり言うと「AdobeのAIが対象物を解析して切り抜いてくれるやーつ」なんです。

僕自身もこんな感じで認識してるんですが、Adobeは近年AIによる解析とか分析に力を入れていて、それを利用してAIがこの画像の被写体はこの形や!って判断してくれる神機能なんです。

では下の画像を使って実際にやっていきます!

最新Photoshop切り抜き方法!現役クリエイターが画像で解説!2

まず、画像を開いたら「背景レイヤー」になっています。
そのままだとこの機能は使えないのでレイヤー右側の鍵のアイコンをクリックしてロックを外します。

最新Photoshop切り抜き方法!現役クリエイターが画像で解説!3

属性パネル」(パネル上になければ「ウインドウ」から「属性」を選択)を開くと「背景を削除」ってボタンがあるのでポチッと押します。

最新Photoshop切り抜き方法!現役クリエイターが画像で解説!4

そうすると先ほど紹介したAIによって解析がされて、画像から鳥さんを自動で切り抜いてくれます

最新Photoshop切り抜き方法!現役クリエイターが画像で解説!5

はい!切り抜けました!天才!Adobeさん!

しかもレイヤーマスクにしてくれてるので、元の画像はまだ残っています!
そこから修正ややり直しも後から出来ちゃうんですね!

※2020.09.20追記
レイヤーマスクってなぁに?」と思った方はこちらの記事で詳しく解説しています!

関連記事

こんにちは! しがない雑食系クリエイターのはまやん(@hama_paz)です! 皆さんはレイヤーの一部分だけ表示させたり、色を変更したい時ってありませんか?もちろんその一部分だけ抜き取って加工は出来ますが、再調整する時が大変[…]

Photoshopレイヤーマスク

注意ポイント

背景を削除」は通常のレイヤーでしかボタンは出てきません。
先ほどのロックがされている背景レイヤーの状態やスマートオブジェクトでは適用できません。
しかし、無理やりですがスマートオブジェクトに背景を削除を適用する事が出来ます!

※スマートオブジェクトとは元の画像の情報を残しつつ、非破壊編集が出来る機能

スマートオブジェクトで「背景を削除」させる方法

まず、切り抜きたいスマートオブジェクトをその一つ上に複製します。(ショートカットキー:Cmd+J[Mac] Ctrl+J[Windows])
そして複製したスマートオブジェクトを選択して「右クリック」から「レイヤーのラスタライズ」を選択して通常のレイヤーにします。

通常レイヤーにすると「背景を削除」が使えますので適用します。

最新Photoshop切り抜き方法!現役クリエイターが画像で解説!6

出来たレイヤーマスクをスマートオブジェクトに移動させて、通常レイヤーを削除します。

最新Photoshop切り抜き方法!現役クリエイターが画像で解説!7

そうするとレイヤーマスクのみが残りますので、実質スマートオブジェクトに「背景を削除」を適用した状態になるのです!

クイック選択ツール

こちらのツールは割と昔からあったかと思いますが、案外使わなかったりしてる方も多いかと思います。

これもAdobeのAIが対象物を解析して境界を自動選択してくれるツールなんです。
自動とはいえ、範囲を選択しながら修正したり戻ったり出来るので初心者でも安心ですね!

では実際にやっていきます!

まず、切り抜きたいレイヤーを選択してクイック選択ブラシツールを選びます。

最新Photoshop切り抜き方法!現役クリエイターが画像で解説!8

切り抜きたい対象物をブラシでぬりぬりしてみると自動で境界を検出して選択範囲を作ってくれます。

最新Photoshop切り抜き方法!現役クリエイターが画像で解説!9

もちろんドラッグし続けなくても選択されたままですので指がイかれる事も無いです。(割とこれ重要)

はみ出したり、失敗してもCtrl+Z(Win)、Cmd+Z(Mac)で戻るかAltキーを押すと削除ブラシになるので安心ですね。

選択とマスクで微調整

ざっくりでいいので選択範囲が出来たら選択範囲を調整するために「選択とマスク」をポチッとします。

最新Photoshop切り抜き方法!現役クリエイターが画像で解説!10

すると別ウインドウが出てくるので、左側のツールパネルから「境界線を調整ブラシ」を選択して境界の部分をなぞります。

最新Photoshop切り抜き方法!現役クリエイターが画像で解説!11

消しきれなかった背景や選択出来なかった部分を検出してくれて細かく調整してくれます!

ここからは「選択とマスク」の属性パネルとツールパネルでよく使う部分を説明します。

属性パネル

どこが選択されているのかマスクを見ながら確認したい時は上部の「不透明度」を調整します。
不透明度を100に近くにつれて、マスク以外の部分が非表示になっていくので確認がしやすくなります。

最新Photoshop切り抜き方法!現役クリエイターが画像で解説!12

また、表示のサムネイルをクリックするとマスクの表示方法を選択できます。

最新Photoshop切り抜き方法!現役クリエイターが画像で解説!13

オニオンスキンでもいいんですがオーバーレイにした方が個人的にはやりやすいです。
彩度バッキバキの鮮やかな色を選択すると目がムスカ大佐みたいになっちゃうので彩度を抑えてくださいね!

次に、選択範囲のブラシを使用すると大体境界がぼんやりしてしまうので、属性パネル中央あたりのグローバル調整から「滑らかに」と「コントラスト」でマスクのエッジがキレイになるように調整します。

最新Photoshop切り抜き方法!現役クリエイターが画像で解説!14

僕は基本的に「滑らかに」を1、「コントラスト」65ぐらいでいつもやってます。

最新Photoshop切り抜き方法!現役クリエイターが画像で解説!15

画像によってはバキバキになり過ぎたりしますので、数字にこだわらずに都度調整してみてください!

ツールパネル

選択範囲の漏れや取りきれなかった背景を削除するために左側のツールパネルの二番目にある「境界線調整ブラシ」ツールを使用します。

最新Photoshop切り抜き方法!現役クリエイターが画像で解説!16

必要に応じて一番目のクイック選択ブラシツールも使用して調整します。

最新Photoshop切り抜き方法!現役クリエイターが画像で解説!17

これでキレイに選択範囲が出来ました!

選択範囲がキレイにできたところで属性パネルの下に最終的にこの選択範囲をどうするかの出力設定を選びます。
この辺りは個人の好みによりますが僕は大体レイヤーマスクを作成にしてます。

最新Photoshop切り抜き方法!現役クリエイターが画像で解説!18

OKを押すと出力設定の通りの処理をしてくれます。

最新Photoshop切り抜き方法!現役クリエイターが画像で解説!19

はい!切り抜けました!天才!Adobeさん!

もちろんここから微調整や修正も可能です!

注意ポイント

選択範囲を調整の画面の中で普通のブラシみたいに自分でマスクを作成することは出来ますが、
やたらとPCに負荷をかける傾向がありますので自分でブラシを使用してマスクを作成する場合はマスクモードでぬりぬりした方が安心かと思います。

AIは万能ではない

簡単に切り抜く事が出来るクイック選択で背景を削除機能ですが、苦手なところもあります。

  • 被写界深度がある部分だと上手く切り抜けない
  • 背景と同系色の素材だと上手く切り抜けない

どちらも共通しているのはエッジを上手く検出出来ない為です。

素材と背景が同系色の場合であれば切り抜きたいレイヤーを
一旦スマートオブジェクトにしてCameraRAWフィルターを使えばなんとかなる場合もあります。

CameraRAWフィルターで、を使えばなんとかなるかも

かなり荒技ですがCameraRAWフィルターの「かすみを除去」を使用すればエッジが検出されやすくはなります。

最新Photoshop切り抜き方法!現役クリエイターが画像で解説!19

最新Photoshop切り抜き方法!現役クリエイターが画像で解説!20

そのレイヤーを上記で解説した「複製して通常レイヤーから背景を削除する方法」を使います。

レイヤーマスクを移動させてからスマートフィルター上のCameraRAWフィルターを削除します。
これでも難しい場合はさっさと諦めて心を無にしてペンツールを使った方が精神衛生上良いかと思います。

最新Photoshop切り抜き方法のまとめ

いかがでしたか?
以下に最新Photoshop切り抜き方法をまとめました。

  • 背景を削除機能で切り抜きはAIにおまかせ(CC2020以降)
  • クイック選択ツールを使う

AdobeのAIは日々データを収集してアップデートの度に精度を上げて来てますので、現時点では上手く切り抜けなかったものもいつかはキレイに切り抜けるようになるかもしれません!

上手く切り抜けると脳汁ドバドバな方法なので是非お試しあれ!

はまやん
それでは良いPhotoshopライフを!
Photoshop簡単に切り抜く方法その1
Twitterやってるのでフォローしておくんなまし!