輝度を透明度に変換する方法｜Photoshopの手順とクリスタとの違い

ここでは白背景に黒い線を描いた画像を例にします。

元レイヤーを複製してから作業し、選択範囲を解除した状態でレイヤーマスクを追加します。

マスクへ貼り付ける際は、レイヤーパネルのマスクサムネイルをAltキー（MacはOptionキー）を押しながらクリックすると、マスクを直接表示できます。

輝度を透明度に変換とは、画像の明るい部分ほど透明にする処理です。

白背景に描かれた線画から、黒い線だけを抽出したい場合などに役立ちます。

使用するペイントソフトによって操作方法が異なります。

• CLIP STUDIO PAINT（クリスタ）：編集メニューに同名のコマンドが標準搭載されています
• Photoshop：同名のコマンドがないため、レイヤーマスクとチャンネル操作やプラグインで同様の処理を行います

この記事では、Photoshopで輝度を透明度に変換する手順（標準機能・専用プラグインの2通り）を解説します。

クリスタでの変換手順も記事後半に掲載しています。

CLIP STUDIO PAINT（クリスタ）には「輝度を透明度に変換」機能がありますが、Photoshopでも同様の透明化処理を行えます。

本記事では、標準機能を使う方法と、外部プラグインを使う方法の2通りを紹介します。

基本機能で輝度を透明度に変換する方法

1. 変換したいレイヤーの画像を用意

1. [Ctrl + A] で全選択 → [Ctrl + C] でコピー
2. レイヤーパネル下部から「レイヤーマスクを追加」をクリック
3. [ウィンドウ] → [チャンネル]を開き、作成したレイヤーマスクチャンネルを選択
4. [Ctrl + V] でペースト
5. [Ctrl + I] で反転

白黒の線画では、マスクの反転によって白い背景を隠し、黒い線を残せます。

旧プラグインによる変換の操作記録

以下は専用プラグインを使用していた当時の操作記録です。

配布状況と現行Photoshopへの対応は確認できていないため、まず標準機能の方法を使用してください。

STEP.1 プラグインをダウンロード

STEP.2 プラグインを所定フォルダに格納

1. ダウンロードしたプラグインファイル（.8bfなど）をPhotoshopの「Plug-ins」フォルダに保存します。

C:\Program Files\Adobe\Adobe Photoshop CC\Plug-ins

2. Photoshopを再起動します。

STEP.3 プラグインを実行

1. [フィルタ] → [sousakuba.com] → [Luminance change to transparent]を選択します。
2. 白黒画像の線画抽出が完了します。

クリスタ（CLIP STUDIO PAINT）の場合

クリスタには「輝度を透明度に変換」コマンドが標準で用意されています。

1. レイヤーパレットで変換対象のレイヤーを選択
2. 編集メニュー> > 輝度を透明度に変換を実行

白い部分が透過され、透明部分が市松模様で表示されます。

画像の明るさに応じて不透明度が決まるため、白色は完全な透明に、黒色は不透明のまま保持されます。

アナログで描いてスキャンした線画の抽出や、白背景素材の透過処理に便利です。

Photoshopには同じ名称の単一コマンドがないため、前述のマスク反転操作やプラグインを用いて同等の状態を作成します。

Photoshopの基本操作や便利テクニックは、以下のまとめ記事でも解説しています。

あわせて読みたい

Photoshopの使い方まとめ｜レイヤー操作・書き出し・スクリプト Photoshopの記事を、やりたいことから探せるように分類しました。 同じ作業を何度も繰り返している場合は、スクリプトの項目もご覧ください。 各カテゴリーは閲覧数の多…

Photoshopでガイドを別ドキュメントにコピーするスクリプトも紹介しています。

あわせて読みたい

Photoshopスクリプト（jsx）│ガイドをコピー＆ペーストする方法 Photoshopで作業する際、ガイドを別のドキュメントにコピーしたい場面があります。 標準のPhotoshopにはガイドを直接コピー＆ペーストする機能がありません。 そこで、…

シェイプや塗りを作る方法は、ほかにも書いています。

あわせて読みたい

Photoshop│反転したマスクの作り方｜ベタ塗り＋マスクを自動化するスクリプトも Photoshopで 線の色を簡単に変更 できる 「ベタ塗り+マスク（反転）」 の活用方法を紹介します。 スクリプトを使えば、 ワンクリックでベタ塗りレイヤーと反転マスクを…

あわせて読みたい

Photoshopスクリプト（jsx）│選択範囲を四角で選択する方法 Photoshopでは、画像アセットの書き出し時にピクセル数を指定しても、意図したサイズから1pxずれることがあります。 マスクを使用する方法もありますが、シェイプの境界…

あわせて読みたい

Photoshop│図形を数値入力で正確に移動させる方法｜自由変形とjsxスクリプト UIデザインやレイアウト作業では、パーツのサイズや余白に厳密なルールを設けることが多く、正確な位置調整が求められます。 Photoshopでは数値入力による位置調整が可…

あわせて読みたい

Photoshop│Illustratorからコピーする際のアンチエイリアスを防ぐ方法 IllustratorからPhotoshopへグラフィックをコピー＆ペーストする際、意図しないアンチエイリアスがかかって境界がぼやける場合があります。 本記事では、ペースト時にア…

まとめ

• Photoshopの標準機能（マスク作成とチャンネル反転）で輝度を透明度に変換可能
• 専用プラグインを導入すれば、フィルターメニューから手軽に処理可能
• スキャンした線画抽出や白背景イラストの透過処理に役立つテクニック

作業頻度や環境に合わせて、標準機能の手順またはプラグインの導入を試してみてください。

その他の操作方法はPhotoshopの使い方まとめをご覧ください。

マスクは白が表示、黒が非表示、グレーが半透明です。

この方法では元画像の色自体は残るため、色付きの画像ではクリスタの変換処理と見た目が一致するとは限りません。

クリスタの「輝度を透明度に変換」はラスターレイヤーを対象にします。