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. PC画面を録画(撮影)できるフリーソフト「oCam」の使い方

    画像・映像・音楽

    PC画面を録画(撮影)できるフリーソフト「oCam」の使い方

    PCの操作説明や、PCゲームプレイ中の動画を撮影するとき、必要なのが動…

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

    画像・映像・音楽

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

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

  4. Photoshopで画像を切り抜き!サイズ指定でトリミングする方法

    画像・映像・音楽

    Photoshopで画像を切り抜き!サイズ指定でトリミングする方法

    Photoshopには「切り抜きツール」という直感的に画像を切り抜ける…

  5. GuideGuideがインストールできないときに確認する3つのこと

    画像・映像・音楽

    GuideGuideがインストールできないときに確認する3つのこと

    Photoshopユーザーなら是非インストールしておきたいエクステンシ…

  6. Photoshopで画像の一部の色を変える

    画像・映像・音楽

    Photoshopで画像の一部の色を変える

    画像の一部の色を別の色に置き換えるのは実はとても簡単。今回は、Phot…

PAGE TOP