画像加工 GIMPを使って背景を透明にする方法

画像加工 GIMPを使って背景を透明にする方法

ヘッダー画像や、画像を重ねるときに、
もし、バック画像に色がついていたり、
写真を使う場合など。
ちょっと困ることがありますよね。

そう、重ねる画像の背景がついている場合

背景画像を透明にする方法
簡単に説明しますね。

 

 

 

ヘッダー画像も、他の画像を作成する時も
画像を1枚ということは、ないかと思います。
(1枚の時もあるけれども・・・・)

 

バックの画像があって、そこに他の画像を重ねたい!

でも、重ねる画像に色がついているのさ!

 

こういうケース、たくさんありますよね。

 

バックの画像は、そのままで。

 

重ねる画像の背景を透明にすると・・・・
いい感じに、背景画像と違う画像が重なりますよね。

 

こんな感じね。

画像加工前

 

 

これは、私が作ったヘッダー画像ですが、
ピンクのヘッダー背景に、イラストを載せているんです。

無料の素材から、画像をダウンロードしてくると、
背景が透明になっている画像と、白背景にイラストが描かれているものがあります。

 

大体は、白い背景の上に、イラストなどが描かれているんですが、
これをバックの画像に重ねる場合、色い部分がこんな感じになるでしょう?

背景が白い

これでは、美しくないですよね。

 

 

この重ねる画像の白い背景を透明にして重ねると、
いいでしょう?

 

画像の加工は、無料の画像加工ソフトGIMPを使います。

 

GIMPは、無料でもいろんなツールがたくさんついているので、
加工もしやすいのですが、ちょっと重いソフトです。
(画像ソフトが大体重いんですが・・・・)

 

私は、最近背景を透明にする時のみ使っていますが、
いろんなツールをいじって、使いやすかったら、
どんどん使ってみて!
こちらから、ダウンロードできます。
GIMP ダウンロード

 

画像の背景を透明にする方法

GIMPを起動させたて、
メニューのファイルから、開くを選択してください。

Gimp-画像を開く

 

 

画像を選ぶと、こんな感じに取り込まれます。

画像取り込み

 

この画像だと、ちょっと余白の白い背景の部分が広いですよね。

 

最初に、ちょっと狭くしておくために、処理をします。

 

メニューの画像から、最小限で切り抜きを選択してください。

最小限で切り抜き

 

余白を最小限に残して、切り取ってくれます。
こんな感じね。

画像を切り取った後

 

次にメニューのレイヤーから、透明部分をクリックすると、
別窓でメニューが開きますので、その中の【アルファチャンネルを追加】
クリック。

アルファチャンネルを追加

 

いよいよ、背景を透明にするために画像の選択をしていきます。

 

ツールボックスから、図のように画像をクリックしましょう。

ツールボックスから

 

※ツールボックスが表示されていない場合は、メニューのツールから、
選択ツールをクリック後、ファジー選択をクリックしてくださいね。

ファジーの選択

 

そのまま画像の白い余白部分に、
カーソルを合わせます。

画像を切り取った後

点線で、画像が囲まれた部分を確認してくださいね。
(点線で囲まれた部分が、画像として残る部分です。)

 

 

メニューの編集から、【消去】を選択します。

背景の消去

 

 

消した後は、こんな感じになりますよ。

背景を消した後

背景の色が消えたら、OKです。

 

 

もし、消し残しがあった場合は、shiftキーを押しながら画像をクリック
してみてください。
そうすると、画像を消したい部分が点線で囲まれます。

 

そしたら、また編集から、消去をクリックすると、
画像が消えます。
※消し残しがあったら、これを繰り返してくださいね。

 

画像の背景がきれいになったら、保存します。

画像の保存

 

この時の注意なんですが、
ファイルタイプをPNG画像にしてください。

 

背景が透明な画像ファイルは、この拡張子をPNGにして使います。

 

保存が出来たら、OKです。

 

 

それを、先ほどの画像に重ねてみましょう。
こんな感じね。

画像完成!

 

どう?

ちょっといい感じですよね。

ついでに、文字を追加してみました。

サンプル画像完成

どうでしょうか?

 

画像加工の使い方を覚えると、
写真やイラスト、いろんなものを重ねて、オリジナルなものが作れます。

 

ぜひ覚えてチャレンジしてみて!!

 

もし、このヘッダーを使いたい方は、
こちらの画像をダウンロードしてくださいね。

biyou_1

(画像の大きさは、900(幅)×300(高さ)です。)
※直接リンクをせずに、画像を右クリックで「名前を付けて保存」で、
自分のPCにダウンロードして、お使いください。
また、一言メッセージをいただけると、さらに嬉しい!!
 
 
 
A6A6

なにかお困りのことはありませんか?

良かったらメールをしてくださいね。

ぺんちゃーん クリック!!

arrow10_59x29_ylw

mail-pen1

ちえぞうに直接届きます!!

 
 
 

コメントを残す

サブコンテンツ

管理人:ちえぞう

chiezou



こんにちは。ちえぞうです。
手作りモノが、大好きで、好きが講じて手芸家になりました。
自分の時間を、もっと大事にするため、アフィリエイトもしています。 夢を叶える為に、日々奮闘中です。

もっと詳しくプロフィール♪

line

お役に立てたら、ぽちっとな ♪



Fc2ランキングへ



お問い合わせ

ペンちゃんをクリック!!

pen

ご質問や、ご相談など、
気軽にメールしてくださいね。

アメブロテンプレート参考本

このページの先頭へ