Photoshopで写真の背景を透過する

写真の背景を透明にしたい場合は、サイト制作の中でも意外と多いものです。

最近ではいろんな画像編集ツールが出てきていますが、今回は、photoshopで簡単に背景を透明にする方法をお伝えします。

photoshopに写真を追加

まずはphotoshopに写真を追加します。

鍵のマークがついている場合は、クリックして外してください。

クイック選択ツールを選択

上部の「被写体を選択」をクリックします。

すると、切り抜きたい人物が自動で選択されます。

この画像では、女性の肩の部分が選択されていません。

選択されていない箇所がある場合は、手動（マウス）で切り抜きたい部分を選択していきます。

手動で選択しすぎてしまった場合は、

macの場合→ option + マウス

windowsの場合→ alt + マウス

で修正します。

綺麗に全て選択ができたら、右下の「マスク」をクリックします。

背景が綺麗に透過されました。

（マスクで覆われている状態です）

次に、背景透過のまま、画像を書き出していきます。

まずは、カンバスの背景が透明になっていることを確認します。

透明になっていない場合は、

プロパティー
→カンバス
→モード：透明

を選択しておきます。

透過の必要がない場合は、「ホワイト」や「黒」を選択しておきましょう。（選択した色で書き出しされます）

次に、左上のファイルから
→書き出し
→書き出し形式
を選択します。

①書き出したい画像にチェックが入っていることを確認し、

②右側のファイル形式をPNGにします。

③その下の”透明部分”にチェックを入れておきます。

ここでjpegを選択してしまうと、背景がしろになってしまうので、必ずPNGを選択してください。

④右下の「書き出し」をクリックします。

背景透過の画像が完成しました。

画像の背景透過はサイトにロゴを設置する場合や、色付きの背景に画像を配置するときなどに欠かせない編集作業です。

photoshopは難しいイメージがありますが、慣れるととても簡単にできるので、是非いろんな画像で挑戦してみてください。

山口敦: 2004年頃の会社員時代からブログ作成を始める。ブログ作成が楽しくなり、そのまま趣味が高じて2006年にホームページ制作で起業、2008年に株式会社ウェブロードを設立。現在は、個人・中小事業者のWordPressサイト制作・改善を中心に、Web業界20年の知識と経験を生かして、自治体案件等の大型案件のWebディレクターや中小企業・個人事業主へのWeb全般のアドバイザー、SEO/AIOのコンサルタントとしても活動中。　プロフィールはこちら