Photoshopで背景を透明にする方法【初心者向けステップ解説】

Photoshopで画像の背景を透明にしたいと思ったことはありませんか?この記事では、画像から背景を取り除く方法から、透明背景のまま画像を保存する方法まで、必要な手順をすべてわかりやすく解説します。正しいツールの使い方さえつかめば、作業自体はとてもシンプルです。

このチュートリアルではAdobe Photoshop CCを使用していますが、ほとんどのバージョンのPhotoshopでも同じ手順で作業できます。

Photoshopで画像の背景を削除する方法

背景を透明にするには、まず既存の背景を削除する必要があります。すでに背景を削除済みの場合は、このステップをスキップして次のセクションに進んでください。

ただし、このステップはPhotoshopの基本的な操作を学ぶうえで非常に役立つので、余裕があれば一読しておくことをおすすめします。

このガイドでは、Pexelsの無料ストック写真を使用します。ご自身の画像でも同じ手順で背景を削除できます。

• まず、PC上で目的の写真を見つけ、画像を右クリックして「プログラムから開く > Adobe Photoshop」を選択します。

• 写真がPhotoshopで開いたら、既存の背景を削除します。最もおすすめなのはクイック選択ツールです。Photoshopのツールバーで上から4番目のアイコンをクリックし、「クイック選択ツール」を選択して有効化します。その後、「W」キーを押すだけですぐに使い始められます。

• クイック選択ツールは、画像の輪郭を自動的に計算してくれる強力な機能です。これを使って、前景にある被写体を選択範囲として指定しましょう。そうすることで、その部分だけをコピーし、背後の背景を取り除けるようになります。オブジェクトの周囲をクリックしながら素早くドラッグするだけで、選択範囲の線が表示されます。

クイック選択ツールは輪郭の検出に優れていますが、完璧ではありません。選択範囲を少し調整する必要が出てくるでしょう。

以下の操作を覚えておくと、エッジを細かく修正できます。

• Altキーを押しながらクリック/ドラッグ:選択範囲から領域を削除
• Shiftキーを押しながらクリック/ドラッグ:選択範囲に領域を追加
• スクロールホイールでズームイン:オブジェクトに近づいて細部を確認

きれいに切り抜くためには、できるだけ拡大してブラシサイズを調整しましょう。細かい部分はドラッグせず、クリックで指定するのがポイントです。

• 希望どおりの選択範囲ができたら、Ctrl+Xを押して画像を切り取ります。これにより、切り残した部分がないか確認できます。見落としがあればCtrl+Zで元に戻し、クイック選択ツールでその部分を選択し直します。画像全体が正しく選択されるまで、これを繰り返しましょう。

• 次にCtrl+Cで画像をコピーし、Ctrl+Vで新しいレイヤーに貼り付けます。
• レイヤーパネルが開いていない場合はF7キーを押します。パネルは画面右下に表示されます。背景レイヤーの横にある目のアイコンをクリックして非表示にします。

• これでPhotoshopで背景を削除できました。透明画像として保存する最後のステップに進む前に、切り抜き時に見逃したマークや不要な部分を消しておきましょう。Eキーで消しゴムツールを呼び出し、ズームしながら丁寧にミスを修正します。

• また、ツールバーからクイック選択ツールを再び選び、自動選択ツールに切り替えるのもおすすめです。これを使うと、似た色のピクセル領域をまとめて選択できるため、必要のない部分だけを正確に消去できます。

Photoshopで透明背景の画像を保存する方法

透明背景に対応しているファイル形式は限られています。書き出しの際は、適切な形式を選ぶことが重要です。おすすめはPNG形式。Webで広く使われている形式で、透明背景をサポートしており、圧縮も容易なのでストレージや通信帯域の節約にも役立ちます。

• Ctrl+Shift+Sを押して「別名で保存」ウィンドウを開きます。「ファイルの種類:」のドロップダウンメニューから.PNGを選択してください。
• 画像に名前を付けます。拡張子が.pngのままであることを確認しましょう。
• 「保存」をクリックします。

• 新しいウィンドウが表示されたら、「ファイルサイズ:大」を選んでOKをクリックします。これで、指定した保存先に透明背景のPNG画像が完成します。

この画像をWebにアップロードすれば、背景は透明のまま表示されるはずです。ただし、一部のWebサイトでは透明背景に対応していない点に注意が必要です。たとえば、X(Twitter)に透過画像のプロフィールアイコンをアップロードすると、自動的に白い背景が追加されてしまいます。

まとめ

Photoshopで背景を透明にする方法についてのガイドはいかがでしたか?作業中にわからないことがあれば、下のコメント欄でお気軽にお知らせください。さらに詳しいサポートをご案内いたします。