gimp-transparent

画像編集

GIMPで画像の背景を透明化させる方法を、初心者向けに優しく解説【透過処理】



今回は、画像編集ソフト「GIMP」における…

画像の背景を
透明化(透過処理)させる方法

を解説していきたいと思います

具体的には、

gimp-transparent-sample-a-f

↑ こんな画像を…

gimp-transparent-sample-b-f

↑ こんな画像にのっけた場合に…

gimp-transparent-sample-m1

↑ こうならずに…

gimp-transparent-sample-m2

↑ こうできるようになります(語彙力)

それじゃーさっそく見ていきましょー🐥

リクナビNEXT

この記事を書いた人

azuki_01

あずき

専業ブロガー / フリーランス3年目 / 元アパレル / WordPressとSEOを独学で学んで、10年間の会社員生活から独立しました

画像編集ソフトGIMPで、背景などを透明化(透過処理)させる方法

pc-work-202001_01

重要な注意ポイント

「透過処理」は、画像の拡張子(ファイル形式)を通常の「.jpg(.jpeg)」ではなく「.png」にする必要があります

ほかの画像と重ねて「.jpg」で完成させたい場合は、先に「.png」で透過処理を完了させて、ほかの画像と重ねてから最後に「.jpg」で保存すればOKです

GIMPを開きます

上部メニュータブから、

「ファイル」 > 「開く/インポート」

で、編集する画像を選択しましょう

ちなみに今回は、わかりやすく説明するために…

gimp-transparent-sample-a-f

↑ このシンプルなロゴ画像を使います

gimp-transparent_01

↑ 上部メニュータブから、

「レイヤー」 > 「透明部分」 > 「アルファチャンネルの追加」を選択します

※選択できない状態であれば、ここはスルーで大丈夫です(立ち上げ時のデフォルト状態の差によるものだと思われます)

gimp-transparent_02

↑ 同じく上部メニュータブから、

「ツール」 > 「選択ツール」 > 「ファジー選択」を選択します

gimp-transparent_03

↑ カーソルのデザインが切り替わるので、この状態で透過処理させたい部分をどこでもいいので1ヶ所ポチッとクリックしましょう

gimp-transparent_04

↑ するとその範囲の輪郭に破線が流れるので、この状態で「Delete」を押します

gimp-transparent_05

↑ 背景が透過処理されました

ただよく見ると、いくつかの文字の中がまだ透過処理されずに白いままですね(「a」「p」「e」の3つ!)

gimp-transparent_06

↑ なので、文字の中も同じように「クリック→Delete」で1ヶ所ずつ透過処理していきましょう

gimp-transparent_07

↑ 3文字とも、中の白い部分が透明化できました

これで透過処理そのものはOKなんですが、1つ大事な注意点として

「GIMP」は画像の保存方法がちょっと特殊です

一般的な「名前を付けて保存」ではなく、「名前を付けてエクスポート」を使います

具体的には、

上部メニュータブから、「ファイル」
 > 「名前を付けてエクスポート」
 > 「エクスポート」
 > もう1回小さなウィンドウが出るので、「エクスポート」←これで保存OK!
 > GIMPを閉じる(右上の×)
 > 「画像〇〇の変更を保存しますか?」と出るので、「保存しない」で閉じる

この流れでOKです🐥

最初の風景に、透過処理したロゴ画像を乗せると…

gimp-transparent-sample-m2

↑ 白地背景がバッチリ消えました🐥

基本的な使い方はこれでOKです

大変お疲れさまでした♪

あずき🐥

【おまけ】そのほかに、ブログやるなら知っておきたい画像編集テクニック【初心者向け】

pc-work-202001_08

今回のテーマ以外にも、ブログ運営していて「知っといてよかった!」と感じた実用的な画像編集のテクニックを優しく解説してます

具体的には…

  • リサイズ ←画像編集するなら真っ先に知っておきたい!
  • ファイル形式の使い分け ←同じく絶対に知っておきたい!
  • テキストの挿入、縁取りや影付き
  • 網掛けや枠線、矢印の挿入
  • 透過処理

などなど… ブログやるなら知っておいて損はない、本当に実践的なスキルばかり

例えば、「ブログのサムネや解説用の画像」の編集をしたいけど…

  • 完全初心者で、まずなにからどうすればいいのかわからない…
  • 難しいことはいいから、「これだけは知っておけ!」っていうのを知りたい…

こんな方におすすめです

TOPページは ↓ から♪

image-edit-top-202001-ec
ブログ運営だけに特化した、「画像編集」の完全初心者向けテクニックTOP【超実用】

続きを見る

リクナビNEXT

この記事を書いた人

azuki_01

あずき

専業ブロガー / フリーランス3年目 / 元アパレル / WordPressとSEOを独学で学んで、10年間の会社員生活から独立しました

-画像編集

Copyright© あずきのぶろぐ。 , 2020 All Rights Reserved.