Photoshopで画像の白い部分を透明化(透過)する

画像・映像・音楽

Photoshopで画像の白い部分を透明化(透過)する

今回は、Photoshopで画像の白い部分を透明化(透過)する方法について解説します。

ダウンロードした素材を使いたいときや、JPEG等で保存した画像を再編集したいとき、白い背景とオブジェクトが結合されてしまっていて、「オブジェクトだけ動かしたり色を変えたりしたいのに、できない!」ということがあります。そんなとき、この方法を知っていると便利です。

それでは早速、その方法について見ていきましょう。

事前準備

レイヤーがロックされている場合は、ロックを解除しましょう。

レイヤーのロックは、[Alt]キーを押しながらレイヤーをダブルクリックで解除できます。

Photoshopの操作画面

単にレイヤーをダブルクリックし、立ち上がったダイアログの「OK」をクリックでも解除可能です。

方法1 「色域指定」を使う

「選択範囲」メニューから「色域指定」を選択し、カンバスの白い部分をクリックします。白い部分がひとつながりになっていなくても、「色」で選択されるので、細かい部分をすべてクリックする必要はありません。必要に応じて「許容量」のスライダーを動かし、範囲の調整を行ってください。範囲が決定したら「OK」をクリックします。

Photoshopの操作画面

[Delete]キーを押すと選択範囲を消去され、白い部分が透明になります。透明になったら、[Ctrl]+[D]で選択を解除しましょう。

Photoshopの操作画面

方法2 「マジック消しゴムツール」を使う

ツールボックスから「マジック消しゴムツール」を選択し、カンバスの白い部分をクリックすると、それだけで選択した色が消去されます。

Photoshopの操作画面

「マジック消しゴムツール」は「消しゴムツール」「背景消しゴムツール」とグループになっていますので、ツールボックスに表示されていない場合は、「消しゴムツール」あるいは「背景消しゴムツール」を長押しするか右クリックすることで選択できるようになります。

Photoshopの操作画面

ひとつながりになっていない色をワンクリックで透明にしたい場合は、オプションバーの「隣接」のチェックを外します。

Photoshopの操作画面

スポンサーリンク

Photoshopの操作画面

「白い部分を消去するとオブジェクトの輪郭が汚くなる」という場合は、オプションバーの「アンチエイリアス」のチェックを外してから白い部分をクリックしてみてください。

透明を維持して保存したい場合

透明を維持した状態で保存したい場合は、「ファイル」メニューから「Webおよびデバイス用に保存」を選択します。

「PNG-24」を選択し、「透明部分」にチェックを入れて「保存」をクリックしてください。

「Webおよびデバイス用に保存」ダイアログ

ちゃんと透明が維持されたままPNGで保存されていますね。

透明部分を維持したPNG画像

おわりに

Photoshopでは、「色域指定」で透明にしたい色を選択⇒消去するという方法や、「マジック消しゴムツール」を使って透明にしたい色をクリックするという方法で白い部分を透明にすることができます。この方法は透明にしたい部分が白じゃない場合にも応用できますよ!

アナログ線画の抽出方法については、以下の記事を参照してください。

SAIではPhotoshopより簡単に白い部分を透明化・アナログ線画の抽出が行えます。

以上、Photoshopで画像の白い部分を透明化する方法についてでした。

スポンサーリンク

関連記事

  1. Photoshopで波線や省略記号(省略を表す波線)を描く

    画像・映像・音楽

    Photoshopで波線や省略記号(省略を表す波線)を描く

    Photoshopには、始点と終点を決めるだけで直線が引ける「ラインツ…

  2. SAIでの直線の引き方とは?好きな方向への直線・垂直線・水平線・枠線など

    画像・映像・音楽

    SAIでの直線の引き方とは?好きな方向への直線・垂直線・水平線・枠線など

    建物や家具などの背景、ボーダーやストライプなどの模様、コマ枠などなど、…

  3. SAIでの線画抽出法 下書きレイヤーにペン入れしてしまったときにも応用可!

    画像・映像・音楽

    SAIでの線画抽出法 下書きレイヤーにペン入れしてしまったときにも応用可!

    今回は、SAIでの線画抽出方法について解説します。「アナログ線…

  4. Photoshopでレイヤーを等間隔に並べる方法

    画像・映像・音楽

    Photoshopでレイヤーを等間隔に並べる方法

    今回は、Photoshopでレイヤーを等間隔に並べる方法について解説し…

  5. SAIにブラシ形状やブラシテクスチャを追加する方法

    画像・映像・音楽

    SAIにブラシ形状やブラシテクスチャを追加する方法

    配布されているブラシ素材をSAIで利用する場合、単純にSAIフォルダに…

  6. Photoshopで線画をきれいに抽出する方法

    画像・映像・音楽

    Photoshopで線画をきれいに抽出する方法

    スキャンした画像やレイヤー結合済みの画像を編集する場合、最初に線画を抽…

PAGE TOP