Gimpで画像の背景を透明にする


303

jpg画像がいくつかあり、それぞれに透明な背景が必要です。

私が持っているGIMPをグラフィックツールとして。

それらをWebページに配置し、メイン要素のみを表示し、背景を透明にする必要があります。


fn-delete魔法の杖を選択した後に押す必要があるMacbookを使用している場合、;)削除はそれ自体では機能しません。
ベン

回答:


307

utopicamの答えを拡張するために、画像に半透明にしたい影などの領域が含まれている場合があります。例えば、あなたがのような、ライトボックスで写真のショットを持っているとしましょうスウェーデンの木製のおもちゃの馬のこの素敵な、自由にライセンス供与写真の礼儀クリエイティブツール

CC-By 2.0の下でCreative Toolsからライセンスされた、ライトボックスに入れられたデールカーリアンのおもちゃの馬の写真

一般に、最初のステップは、維持したいシャドウと反射を除いて、背景が実際に真っ白になるまで画像のレベルを調整することです。(この手法は灰色または色付きの背景でも使用できますが、その方法で良い結果を得るには少し手間がかかります。)この場合、画像は既にうまく調整されているので、それについて何もする必要はありません。

次のステップは、背景を選択することです。これはと行うことは非常に簡単だった魔法の杖ツール私はバックグラウンドを持つオブジェクトのブレンドに白のストライプ一部のビット修正しなければならなかったものの、なげなわツールを。また、背景を適切に選択したら、エイリアスを使用してオブジェクトの周りに白っぽいハローが残らないように、選択範囲を数ピクセル(最大解像度で)拡大しました。(この縮小されたスクリーンショットではそれを見ることができませんが、私がそう言うかもしれないなら、私は本当に選択でかなり良い仕事をすることができました。)

背景が選択された同じ画像

さて、ここにトリックがあります。背景を切り取る代わりに、ColorsColor to Alphaを使用して、背景色(白)を透明に変更しました。(utopicamが示唆するように、バケットの塗りつぶしをカラー消去モードで使用することもできます。)画像全体に適用すると、オブジェクトも半透明に見えますが、背景のみが選択されているため、オブジェクト自体が残っている間は影が半透明になります不透明:

カラーをアルファに適用した後の画像

そして、半透明の影と反射をより良く示すために、同じ画像を淡い青色の背景に示します:

淡い青色の背景に同じ画像

私が見せなかったもう1つのトリックは、画像レイヤーのコピーを2つ作成し、選択範囲を上のレイヤーのレイヤーマスクに変換し、下のレイヤーにアルファに色を適用する方が便利な場合が多いことです。これにより、マスクを編集してオブジェクトのエッジを微調整しながら、結果がどのように見えるかをライブで確認できます。(ヒント:さまざまな色で塗りつぶされたいくつかの背景レイヤーを作成して、さまざまな背景で画像がどのように見えるかを簡単に確認できるようにします。)特に、オブジェクトの端の近くでハイライトをわずかに半透明にすることで、結果が見やすくなりオブジェクトに反射する背景を模倣するため、より自然です。


1
the first step would be to adjust the levels of the image until the background really is solid white-私たちのダミーのためにこれを正確に行う方法を含めるべきですか?または、その方法について別の質問をする必要がありますか?
ヒッピートレイル

1
@hippietrail:レベルツールは一般にかなり良い仕事をします:右端の入力スライダーを左に動かして見栄えを良くするか、白いスポイトを使用します。カットオフがシャープすぎる場合は、「これらの設定を曲線として編集する」に切り替えて、そこを滑らかにすることができます。(基本的に、通常必要なのは、ほとんど直線的な曲線ですが、鋭角ではなく徐々に上端に近づくように少し曲がっています。)
Ilmari Karonen

「白」の背景を完全な白まで動かすカーブツールが好きです。また、これにより、画像の残りの部分全体に素敵なヒストグラムストレッチが与えられます。
パープル氏

75

輪郭選択の代わりに高速バケット塗りつぶしを使用する

注:このチュートリアルはPDFでも入手できます。

_同国人のルネ・マグリットによる_La trahison des images_  このチュートリアルの目的のために部分的に破壊されました。

アルファチャネルを追加する

一部の画像タイプには透明度チャンネルがありません。たとえばJPG。この場合、アルファ透明度チャンネルを追加します。これはを選択することにより行われLayer → Tranparency → Add Alpha Channelます。

色付きバケット塗りつぶし[オプション]

次の手順はオプションで、最初に透明になる領域を塗りつぶすことで構成されます。バケット塗りつぶしツールを選択するか、Shift+を押しますBBucket Fillツールボックスオプション内で、Fill transparent areas必要な場合にのみ選択します。最良の結果を得るために調整しながら、数回の試行を選択BG colour fillSample mergedて実行してくださいThreshold。間に、Ctrl+ Zを押して元に戻します。

ある程度の色の混合は避けられず、望まれることさえあります。(この点で、Adobe Photoshopにも違いはありません。)したがって、結果の画像が最終的に使用される背景と互換性のある色を選択してください。背景色Tool Optionsを変更するには、ツールボックスウィンドウの上半分にある背景色の四角形をクリックします。ここでは、f3f3e9プレーンカラーの塗りつぶしの背景色として使用しました。ただし、スポイトツールを使用して、デスクトップ上の任意の場所から色を選択することもできます。

<code>バケット塗りつぶし</ code>:必要な場合にのみ、<code>透明領域を塗りつぶす</ code>を選択します。 <code> BGカラーフィル</ code>および<code>マージされたサンプル</ code>を選択し、最良の結果を得るために<code> Threshold </ code>を調整しながら数回試行します。 その間に、<kbd> Ctrl </ kbd> + <kbd> Z </ kbd>を押して元に戻します。

<code> Bucket Fill </ code>が適用されました。 結果の画像が最終的に使用される背景と互換性のある塗りつぶし色を選択します。 これは、一部の色の混合が避けられず、望まれているためです。 ここでは、プレーンカラーの塗りつぶしに<code> f3f3e9 </ code>を使用しました。

色で選ぶ

今正しいことはSelect → By Colourです。実行するのColour to Transparencyは魅力的かもしれませんが、これにより、目的の画像領域内の半透明領域も変更されます。今回は、Fill transparent areas同様にselect を実行しますSample merged。この特定の例では、適用Antialiasingも選択もしませんでしたFeather edges。それでも、これらの設定を試して、最適なものを選択してください。繰り返しますが、Threshold最良の結果を得るために調整しながら何度か試行してください。間に、Ctrl+ Zを押して元に戻します。

<code>色で選択</ code>:今度は、<code>サンプルの統合</ code>だけでなく、<code>透明領域の塗りつぶし</ code>も選択します。 繰り返しになりますが、<code> Threshold </ code>を調整しながら数回試行し、最良の結果を得るために<code> Antialiasing </ code>と<code> Feather Edges </ code>を試してください。 その間に、\ <kbd> Ctrl </ kbd> + <kbd> Z </ kbd>を押して元に戻します。

<code>選択→色別</ code>が適用されました

選択範囲から引く

色の選択を正確に行うことは困難な場合があります。色が一致したため、目的の画像領域の一部も選択される場合があります。この場合、ほとんど見えないが、パイプの中央にある9つの目的のピクセルも削除対象として選択されました。この場合、選択したツールでCtrl+ Dragを使用Selectして、減算選択領域を選択します。

選択した<code> Select </ code>ツールで<kbd> Ctrl </ kbd> + <code>ドラッグ</ code>を使用して、減算選択エリアを選択します。

これで、目的の透明領域が選択されました。

選択範囲を拡大する(オプション)

目的の画像の縁では、背景の一部の色合いが選択されていないままです。この場合、を使用してピクセルで選択範囲を拡大しSelect → Grow… → 1pxます。

削除

目的の透明領域を選択したら、単にを押しDeleteます。

目的の透明領域を選択したら、単に<kbd> Delete </ kbd>を押します。

最終結果

最後に、透明画像をFile → Export As...透明をサポートするファイル形式でエクスポートします。これはPNGが望ましいですが、GIFも同様に機能します。

最終結果


4
選択範囲を1ピクセルずつ拡大して、白いエッジを削除することができます(選択>
拡大

4
私はグラフィックデザインに全く精通していません。背景を削除する必要があるまれな機会ごとに、私はこの答えに戻ってきているようです。ありがとうございました!
スレイヤーノア

1
またFeather、選択でオプションを使用すると、空白に対してぼやけたエッジを持つ画像にも役立つことがわかりました。
-jocull

1
おかげで:既に純粋な白い背景のjpgを持っているので、これと同じくらい簡単でした:透明レイヤーの追加、選択、削除。
djvg

21

jpgの特定の部分(たとえば、メインフィギュア)をトリミングし、「背景」を削除する必要があるように聞こえます。これは、なげなわツールを使用して行うことができます。

gimpのWebサイトには、多くのチュートリアルと説明があります。このhttp://docs.gimp.org/en/gimp-painting.html#gimp-concepts-selectionとこれを確認してください :http : //docs.gimp.org/en/gimp-tool-free-select.html

多角形選択はアンカーポイントあなたがクリックするたびに作成されます。次に、マウスポインターを移動すると、新しいアンカーポイントを含む線が描画され、再度クリックしない限り移動できます。

なげなわツールにはさまざまな方法でアクセスできます。

  • 画像メニューバーの[ツール]→[選択ツール]→[自由選択]から、

  • ツールボックスのツールアイコンをクリックして、

  • キーボードショートカットを使用しますF

画像の背景を透明にするには、アルファチャネルを追加し、マジックワンドを使用して背景を選択します。次に、カラーピッカーツールを使用して背景色を選択します。これは、ツールボックスの前景色になります。選択した色でバケット塗りつぶしツールを使用します。バケット塗りつぶしモードを「カラー消去」に設定します。これにより、選択した色のピクセルが消去されます。他のピクセルは部分的に消去され、色が変更されます。

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.