Photoshop：モノクロの画像の白い領域の透明化

この記事では、白黒（モノクロ）画像の白い領域を透明化する手順についてまとめます。

例えばこのような透過していない画像、

「白い部分を透過させたい！」ということがよくあります。

Photoshop 上では下レイヤの素材によっては乗算などをするだけで解決できる場合もありますが、単体の画像としてウェブの素材として使いたい場合などでは、ちゃんと透過したものを用意する必要があります。

この記事では、Photoshop を使って白い部分をちゃんと透過処理する方法を紹介します。

ポイント

• 自動選択ツールや色域指定で削除する方法だと、マスクしたい領域が痩せてしまったり、エッジに白が残ってしまったりします
• レイヤーの透明マスクを使うことで、エッジまでキレイに透過処理できます
• 同様の手順で階調を反転すれば、黒い領域の透明化も可能です

※本記事では Adobe Cloud Photoshop 2020 を用いて解説しています。

手順

1. 素材画像を開く

まずは、透明化処理をしたい画像を開きます。

2. 画像をコピーする

開いた画像を後の作業で使用するため、画像をコピーしてクリップボードに入れておきます。

すべてを選択し（⌘ + A または Ctrl + A）、コピー（⌘ + C または Ctrl + C）を実行します。

メニューから行うには、

• 選択範囲 → すべてを選択
• 編集 → コピー

の手順です。

3. マスクを追加する

下の画像で（１）で示した、マスクを追加 ボタンをクリックします。すると、レイヤーに（２）で示した枠が表示されます。

4. マスクを表示する

次に、マスクを表示させます。Alt キーを押しながら赤矢印のマスク枠をクリックします。

すると、画面はこのようになります。

5. マスクに元の画像を貼り付ける

この状態で貼り付け（⌘ + V または Ctrl + V）を行います。

手順 2 で元画像がコピー状態になっているので、貼り付けを実行すると画面はこのようになります。

6. 階調の反転を行う

次に、階調の反転を行います。メニューから、

• イメージ → 色調補正 → 階調の反転

をクリックします。

すると、画面はこのようになります。

7. 完成

赤矢印の枠をクリックすることで、マスク表示状態から抜けることができます。

完成しました。この状態で、PNG などで書き出し保存することで、透明化した素材として使用することができます。

まとめ

気になるエッジ部分も、きれいに透過することができました。レイヤーの透明マスクを使う方法は、自動選択や色域指定で削除する方法と違って、エッジまでキレイに残るのが利点です。

なお、同じ手順の途中で階調を反転させなければ、黒い領域を透明化することもできます。

カラー画像から黒成分を透明化したい場合は、こちらの記事で解説しています。

• Photoshop：カラー画像の黒成分の透明変換