こんなに簡単!?Photoshopで背景を透明にする方法

デザインや合成で使う素材をダウンロードしようとしたり、自分で作成しようと思っている時に、背景が邪魔で使えない時があります。
Photoshopを使用することで簡単に背景や画像のいらない箇所を透明にできるので画像の特定のパーツだけを保存することができます。しかし、透明の部分がある画像をそのまま保存すると透明の部分が白に置き換わってしまう場合あります。
では、背景を上手に透明にするにはどうすれば良いのでしょうか。

背景を透明にする方法には、
・キャンバスを透明にして画像を作成する方法
・特定の色を指定して透明にする方法
・画像の背景を切り抜いて透明する方法
の3つがあるのでそれぞれ紹介していきます。

1 キャンバスを透明にする方法
2 マジック消しゴムツールを使って同一色の背景を透明にする
3 クイック選択ツールを使って背景を透明にする
- 3.1 背景を透明にする
4 透明の部分を残して保存をする
- 4.1 画像を透明のまま保存できる保存形式一覧
5 まとめ

キャンバスを透明にする方法

キャンバスを透明にすることで、そのキャンバスで作成する画像の背景を無くすことができます。それではキャンバスを透明にする方法を紹介します。

Photoshopを開き「新規作成」をクリックします。キャンバスの作成画面に移動したら作成画面右側にある「カンバスカラー」から「透明」を選択します。

作成をクリックすると背景が透明のキャンバスが作成されます。

デザイン作成しても背景が透明なのがわかります。背景を透明のまま画像を保存する方法は最後に紹介します。

マジック消しゴムツールを使って同一色の背景を透明にする

マジック消しゴムツールを使用する事で特定の色だけを透明にすることができます。この機能を使うことで白背景など単色の色で描写された背景を簡単に透明にすることができます。アイコンや文字の背景を透明にしたい時に役立ちます。

以下の画像のような色と色の境界線のわかりやすい画像を使用してください。

マジック消しゴムツールを開く

マジック消しゴムツールを開きましょう。消しゴムツールの裏に隠れてしまって見つからない場合があります。そのような時は消しゴムツールを右クリックする事で隠れてしまったマジック消しゴムツールを表示することができます。

マジック消しゴムツールを使用する

マジック消しゴムツールを選択できたら使用しましょう。背景の白い部分をクリックする事で背景を簡単に透明にすることができました。

マジック消しゴムツールの隣接について

マジック消しゴムツールを選択すると「隣接」機能を使用することができます。基本的にマジック消しゴムツールは特定の色の箇所をすべて削除しますが、隣接にチェックを入れておくことで選択した箇所の同じ色かつその色と隣接している部分だけを透明にすることができます。

隣接OFFの状態が以下の画像です。
隣接にチェックを入れていない状態では黒い部分がすべて消えました。

隣接ON

隣接にチェックを入れると隣接がされていないPhotoshopの「P」と「o」
」の背景と隣接していない箇所にまだ黒い箇所が残ります。

この機能は背景と同系色で透明にしたくないものがある場合に使用するのが良いでしょう。
マジック消しゴムツールを使用することで画像作成の時間短縮になるのでぜひ活用しましょう。

クイック選択ツールを使って背景を透明にする

クイック選択ツールを使って背景を透明にする方法を紹介します。クイック選択ツールを使用することで、透明にしたい箇所を自動的に選択して透明にすることができます。透明にしない部分を最初に選択してから選択範囲を反転させることで、最初に選択した箇所以外の箇所をすべて透明にすることができます。今回はこの画像を使って中心のりんご以外を透明にします。

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

クイック選択ツールは自動選択ツールに隠れてしまっている場合があります。そのような時は自動選択ツールを右クリックすることで隠れているクイック選択ツールを選択できるようになります。今回はこの画像を使って中心のりんご以外を透明にします。

クイック選択ツールを使用してりんごを選択する。

クイック選択ツールを使用してりんごを選択しましょう。小さめのブラシを使って縁を調整します。

選択範囲を反転させる

今回は中心のりんご以外を透明にするので選択範囲を反転して中心のりんご以外を選択します。選択範囲を反転させる方法は「選択範囲」→「選択範囲を反転」の順にクリックします。

背景を透明にする

選択範囲を反転させたら背景を透明にしましょう。「編集」→「カット」の順でクリックすれば背景の透明化が完了です。

delete(BackSpace)キーを押してもカットを行うことができます。

以上でクイック選択ツールを使用した背景を透明にする方法の紹介を終わりです。クイック選択ツールでは簡単に選択範囲を選択する事ができるのでスムーズに作業を行う事ができます。クイック選択ツール
で選択しきれなかったり、余分に選択範囲に指定されてしまった部分は、細かいブラシで調整する事で綺麗に切り抜く事ができます。
クイック選択ツールは画像合成にとても重宝する機能なので使い方を覚えておきましょう。

透明の部分を残して保存をする

画像の保存形式によっては透明の部分を保存することができず、せっかく背景を透明にしても画像を開いたら背景が白背景になっていることがあります。画像素子によってどこまで保存されるかが異なるので注意してください。

画像を透明のまま保存できる保存形式一覧

画像の透明の箇所を透明のまま保存できる保存形式を紹介します。画像でよく使用されるJPEGは透明の箇所が保存されず、白背景になってしまいます。

保存形式	特徴
Photoshop (.PSD, .PDD)	Photoshopの画像を書き出さないで保存する場合、この保存形式になります。透明の箇所が透明のまま保存されています。レイヤーの情報もそのまま残っているので再度レイヤー別に編集を行うことが可能です。
CompuServe GIF（*.GIF）	GIFは256色のデータを扱うことができる圧縮保存形式です。透明色も使用できアニメーションとして保存することもできます。
PNG（*.PNG）	PNGはGIFと同じ圧縮率でも10~30%ほどファイルのサイズが小さく、可逆圧縮形式を採用しています。しかし、アニメーションを PNGで保存できません。。
TIFF (.TIF,.TIFF)	TIFFは高解像度で多数のデータを保持できる保存形式です。画像圧縮をしないで保存することが可能なので、保存されるたびに画質が落ちることを防ぐことができます。
Photoshop PDF (.PDF,.PDP)	Photoshop PDFは透明部分を保存することができます。通常のPDFでは保存することができません。
JPEG 2000 (.JPF,.JPX,.JP2,.J2C,*.JPC)	JPEG2000も透明色を保存する事ができます。JPEGより高い圧縮率を持つのにもかかわらずノイズが発生しにくいという特徴があります。