無料の高機能画像編集ソフトGIMP 第4回 写真の背景を切り抜く方法

無料の高機能画像編集ソフトGIMP について第1回第2回第3回とブログに書いてきました。第4回の今日はGIMPを使って、写真の背景を切り抜く方法について書きます!

GIMPで写真の背景を切り抜くときに便利な前景抽出選択のマニュアル

GIMPで写真の背景を切り抜く方法を検索していたら、GIMPのマニュアルページを見つけました

前景抽出選択

このほかにもマニュアルページのトップページを見ると


たぶんすべての機能について解説されているようなので、GIMPを使う際はこちらをブックマークしておきたいと思います(^^)/

背景を切り取りたい画像を適当な大きさに縮小する

背景を切り取りたい画像を読み込みます

この画像は新幹線名物のカッチカチに凍っているバニラアイスです(^_^;。この背景を切り取りたいと思いました。写真の大きさは1772×1772ピクセルと大きいので背景を切り取る前に縮小します。

縮小方法については、

最近WordPressの相談を受けることが多くなりました。画像を制作するときに無料で使えるソフトを試していましたが、フリー画像ソフトのGIMPはなぜか使っていませんでした。とい

で書いてありますので参照ください。

600×600ピクセルに縮小しました。

前景抽出選択を使って背景を切り抜く


前景抽出選択
を使って背景を切り抜いていきます。

前景抽出選択をクリック

カーソルが投げ縄マークに変わります。

s-ws000007

この投げ縄で残したい前景(この場合はアイス)を囲んでいきます。

s-ws000011

最初の位置にくっつけます。マウスを離すと

このように選択しなかった部分が青くなります。また、カーソルの形が投げ縄からブラシで描画に変わります。

ここからは、切り抜いた部分で残したい色の部分をなぞっていきます。

s-ws000015

一筆書きのように

s-ws000019

だいたいなぞったらカーソルを離します。すると

こんな感じに残る部分は写真のまま残ります。残したい部分で青くなっている部分は、追加で

s-ws000023

s-ws000031

なぞっていきます。するとなぞった部分が残る画像になっていきます。細かい部分は画像を拡大して確認します。

残したい部分が青くなくなるまでなぞったら、リターンキーを押します。すると、

s-ws000047

前景が選択
されます。

s-ws000049

ファイル>切り取り をクリック

s-ws000050

選択部分が切り取られました。

切り抜いた画像を新しい画像として生成して、ゴミを消す

切り抜いた画像を新しい画像として生成してゴミを消していきます。

s-ws000052

ファイル>画像の生成>クリップボードから をクリック

s-ws000057

切り抜いた部分だけの画像が貼り付けられました。

s-ws000058

まだ切り抜きたくない部分も残っているので、これを消していきます。

s-ws000059

消しゴムをクリック。

s-ws000063

消したい部分で消しゴムをクリックしていき、

s-ws000098

こんな感じに消していきます。まとまって大きな部分があったら、

ファジー選択 をクリックして、

まとめて選択して、

DELETEキーをクリックして、消すこともできます。ファジー選択の時、

ツールオプション の しきい値 を上げたり下げたりすることで、類似色の選択範囲を広げたり狭めたりすることができます。

jpgで保存する

切り取った前景をjpg形式で保存します。

s-ws000110

ファイル>エクスポート をクリック

s-ws000112

名前をつけて

s-ws000113

エクスポート をクリック。ファイルが保存できました。

切り抜いた画像はこちらです↓

%e3%82%a2%e3%82%a4%e3%82%b9

新幹線の座席が紺色だったのでにちょっと色が残ってしまってますが(^_^;、

%e3%82%a2%e3%82%a4%e3%82%b92

背景に色をつけるとアイスだけのすっきりとした画像として使えると思います!

まとめ:GIMPを使えばWebで使う画像の加工はすべてできると思います!

4回に分けてGIMPを使ってWebで使う画像を使うにはどうすればいい?ということについて書いてきました。

最近WordPressの相談を受けることが多くなりました。画像を制作するときに無料で使えるソフトを試していましたが、フリー画像ソフトのGIMPはなぜか使っていませんでした。とい
「無料の画像編集ソフトGIMPは有料ソフトと遜色のない高機能 第1回インストールと画像の読み込み&縮小」で無料の高機能画像編集ソフトGIMPの導入部分あたりについて書きました。
無料の高機能画像編集ソフトGIMP について第1回、第2回とブログに書いてきました。第3回の今日は写真を使ったバナーを作りました。 GIMPのフィルター機能を使って写真を加工し
無料の高機能画像編集ソフトGIMP について第1回、第2回、第3回とブログに書いてきました。第4回の今日はGIMPを使って、写真の背景を切り抜く方法について書きます!

GIMPを使えばWebで利用したい画像の加工はすべてできると思います!これ、という画像ソフトがないなと思っている方はぜひ試してみてください(^^)/

GIMPに関する書籍です。

できるクリエイター GIMP 2.8独習ナビ Windows&Mac OS X対応 (できるクリエイターシリーズ)
ドルバッキーヨウコ オブスキュアインク できるシリーズ編集部
インプレスジャパン
売り上げランキング: 5,357
GIMP2.8 スーパーテクニック教本 (100%ムックシリーズ)
晋遊舎 (2012-08-27)
売り上げランキング: 225,252
はじめてのGIMP2.8 (BASIC MASTER SERIES)
羽石 相
秀和システム
売り上げランキング: 358,243
[Amazon sponsored link] GIMP 関連本
兎本美佳
ブログを見た人がそのままできたらいいなと思って、できるだけ丁寧に書いています。blogに書いたようなネタの有償対応のご相談は「ゆうそうと」へいただければと思います(^^)/
無償での対応をご希望の場合は、コメントをいただけましたら可能な場合はコメントを返させていただきます。

シェアする

  • このエントリーをはてなブックマークに追加

フォローする

スポンサーリンク
スポンサー広告

コメント

  1. 養老 より:

    どうにも上手くいきません

    とかなんですか?
    ショートコードですか??

    • 兎本美佳 兎本美佳 より:

      養老さん、おはようございます。コメントありがとうございます。ショートコードがそのまま表示されてしまっていたようでした。昨日入れたカスタマイズでショートコードがそのまま表示されてしまう感じになっていたので教えていただき助かりました。今は直っていると思います。よろしくお願いします。

トップへ戻る