既存のPNGに透明度を追加します

この画像をWebサイトで使用したいと思います。

必要なことは、背景を黒から透明に変更することです。そのため、ページの背景を維持したまま、サイト上の矢印を使用できます。

Gimpを使用して画像を.pngに変換しましたが、どうすれば続行できますか？

GIMPのColor to Alphaツールは、使用方法を知っていれば非常に便利であり、このタスクは特に適しています。

1. GIMPで画像を開き、必要に応じてRGBカラーモードに変更します。
2. レイヤー→透明性→色をアルファに選択...
3. #000000透明にする色として黒（）を選択します。
4. 「OK」をクリックします。
5. 結果の画像をPNG形式で保存します。
   

GIMPのselect by colorツールまたはMagic Wandツールを使用できます。とにかくそれを行うには、すべての黒いピクセルを選択します。次に、選択したピクセルを削除する代わりに、レイヤーマスクを適用します。

Layer -> Mask -> Add layer mask

「Selection」ラジオボタンを選択し、「Invert mask」チェックボックスを選択してください。これで、すべての黒ピクセルが透明になりました。

PNGまたはGIFとしてエクスポートします。

問題は、矢印の周りのエッジにあり、マットを形成するために黒いピクセルがいくつかある場合があります。GIMPではわかりませんが、Photoshopには以前のマットを削除したり、選択したマットを追加したりするための便利な機能があります。

私はgimpを使用しませんが、この画像は単純なケースであり、まともな透明度を導き出すのは簡単です。

画像全体を選択してから、それを（またはグレースケールバージョンを）アルファチャネルとして使用すると、ほぼ完了です。

ソフトウェアのエクスポート機能に応じて、アルファをPNG透明度として選択するか、アルファチャネルを選択マスクとして使用して選択を削除するか（不良）、または選択をレイヤーマスクとして使用します（非破壊）。書き出す。

これは最近使用した便利なGIMPテクニックです。おそらく「Color To Alpha」に似ています（RGBモードであったにもかかわらず、Color To Alphaはグレー表示されていました）が、この方法は「エッジを部分的に透明にするのではなく、画像の周囲に細い黒の境界線を残すマジックワンドテクニックとは対照的に、エッジを表示したかったのです。

簡単に言うと、元の画像のグレースケールバージョンをそのレイヤーマスク/アルファチャネルにコピーし、アルファチャネルのカーブを使用して、エッジの透明度を調整しながら、ほとんどの画像を不透明にしました。非常に素晴らしい効果と非常にカスタマイズ可能。

これを行うための段階的な手順は次のとおりです。

• 「イメージ」と呼ばれる元のイメージを含むレイヤーから開始します
• 「レイヤー」ダイアログの「レイヤーの複製」ボタンを使用して、「イメージ」レイヤーを「イメージアルファ」と呼ばれる新しいレイヤーに複製します。
• Colors > Desaturate... > Lightness 「イメージアルファ」レイヤー
• 「イメージ」レイヤーを右クリックし、Add Alpha（まだ行っていない場合）
• 「イメージアルファ」のすべてをコピーします（「イメージアルファ」レイヤー内、Select All＆Copy）

• Paste 「画像」のアルファチャンネルにそれを追加します（「画像」レイヤーの右のサムネイルをクリックして貼り付けます）

  • 前の手順は、単一のコマンド「Color to Alpha」と同じである可能性があります

• オプション：「イメージ」を右クリックしてShow Layer Mask（貼り付けたものが表示されます）。これを省略すると、次のステップで透明度の変化をライブで確認できます。

• Color > Curves
• 曲線ダイアログで、曲線を上部に沿って平らにし、その後急速に左に傾きます。これにより、ほとんどの明るいピクセルが完全に白になります（つまり、画像が不透明になります）。

• Show Layer Mask適用されている透明度を確認するにはオフにします。

  曲線の飽和点（曲線の上部）を移動し、その速度を低下させることで、画像のエッジの透明度と透明度を微調整できます。

Adobe Photoshopを使用できます。[選択] -> [ 色の範囲]に移動します。Shiftを押しながら、削除する必要のある色（この場合は黒）をクリックします。[OK]を押します。次に、すべての黒が選択されます。今削除を押します。