HOME  /GIMP
 /GIMP2.8で写真から切り抜き画像を作成する
2020年05月06日

GIMP2.8で写真から切り抜き画像を作成する

GIMPで切り抜き画像を作成する方法には色々な方法がありますがパスツールを使う方法が一番正確に切り取る事ができます。
本ドキュメントではパスツール内で使える画像の拡大/縮小、選択点の追加/削除/移動、曲率の変更方等々を解説しています。

1.画像の無料提供サイトを利用する

東京オリンピックのロゴでも問題となったように、画像を加工する場合は著作権問題を考慮する必要があります。
そこで私は下記の画像の無料サイトを利用しています。

1.PAKUTASO/ぱくたそ
2015年9月時点で6,484枚の写真。制限なしで利用できます。

2.写真素材 足成
2015年9月時点で75,361枚の写真。制限なしで利用できます.

3.写真AC
会員登録すると利用できるサイトです。1日のダウンロード数で無料利用の制限がありますが種類は豊富です。

 

上記サイトからダウンロードしたデータで勉強教材を作成しました。

勉強素材のダウンロード

­ ­注意

上記のボタンをクリックすると下記資料がダウンロードされます。

①GIMP.png(ねずみ画像)

②車.jpg(車の写真で写真ACから入手した素材です)

③背景(雪).jpg(PAKUTASO/ぱくたそから入手した素材です)

④矢印(私が作成した4つの矢印が入っています。)

GIMPを簡単に理解する上での参考データとして用意しましたが、ダウンロードするか否かは利用者判断です。

ウィルスチェックは掛けていますが、心配な場合はダウンロード後、再チェックをお願いします。

 

2.具体的な切り抜き画像の作成

①GIMPを起動してください。

 

②GIMPのメニュー『ファイル→開く/インポート』で「車.jpg」を開いてください。

 

③表示されたレイヤの「車.jpg」を右クリックして『アルファチャンネルの追加』を実行する。

img_5600bcd74728d

アルファチャンネルとは透過度情報を保存するデータ領域で、車以外の所を選択して透明にする為に利用します。

 

パスツールを使って囲まれたエリアを透明にする。

をクリックして、消したい画像エリアを選択する。

 

⑤Enterを挿入してエリアを確定後、Deleteキーを挿入する。

【パスツール内で使えるコマンド】

やりたい事 コマンド
画像の拡大 『+』キーで画像が拡大します
画像の縮小 『-』キーで画像が縮小します
選択点の移動 移動する点を選択してドラック&ドロップ
選択点の削除 削除する点を選択してBackSpaceキー
選択点の追加 Ctrlキーを押しながら点を追加したい所でクリック
線の曲率変更 変更したい線を選択して移動+表示された四角のガイドラインを操作して曲率変更
クローズの仕方 Ctrlキーを押しながら始点をクリック
領域の確定 Enterキーで領域が確定され、領域破線が点滅
領域画像の削除 Deleteキーで領域画像が削除されます。
作業の取り消し メニュの『編集→××を元に戻す』を挿入。1個1個作業が前に戻ります

 

⑥同様に車以外の領域を順次選択して透明にし、下記画像を作成してください。

  

⑦自動車の切り抜き画像を保存する。

切り抜いた画像を保存する前に下記処理を行ってください。

・回転コマンドで、車を回転させ部品をして使える傾きにする。

・コマンド『レイヤ➡レイヤの自動切り抜き』でレイヤサイズを変更する。

・コマンド『画像➡キャンパスをレイヤに合わせる』でキャンパスサイズも変更してください。

・最後にメニューの『ファイル➡名前を付けて保存』で、任意の名前で保存してください。

(GIMPファイルの拡張子はxcfになります)

以上で、切り抜いた画像が他の画像の部品として使えるようになりました。

 

2.画像切り抜きでパスツール以外に使えるコマンド

1.下記コマンドで囲んだ領域を消す。


上記コマンドで境域を描画→Enterで確定→Deleteで消去

※大まかな領域を消すのに便利なツールです。

 

2.同色の領域を消す。


上記コマンドで消したい所をクリックすると同色のエリアが選択され点滅→Enterで確定→Deleteで消去

※綺麗に消せないことがあるのであまり推奨できない。

 

3.消しゴム


消しゴムにするブラシを選択し、消したい所をなぞって消す。

 

4.その他ツール


パスツールに近い機能を持った画像切り抜きツールです。
電脳はさみはパスツールと同様に周辺をなぞって切り抜くツールですが、パスツールの様に色々コントロールができません。
全景抽出選択は大まかに選択した画像から自動的に画像を切り抜きますが、これも誤認識等の修正に手間がかかるのであまり便利とは思えません。
いづれにしてもこれらのツールの使い方はネットで調べてください。

 

以上でダウンロードしたファイルに『車.jpg』から車を切り抜いた画像がが作成されました。

以上でこのドキュメントの説明は完了です。

関連ドキュメントはメニュの「GIMPタブ」か下記の関連記事一覧から探して下さい。

又、このサイトには、Google広告が掲載されています。

この記事が貴方の参考になりましたら、広告もご覧頂ければ幸いです。


<関連記事一覧>

「gimp」に関連するドキュメントを表示しています。尚、このページネーションはJquryで制御しています。

GIMPで色を指定するツールには「パレット」、「GIMP」、「色相環」、「CMYK」、「水彩色」があります。ここではそれらの使い方を中心にGIMPで色を指定する方法を解説しています。

色々なポスターやテレビ画像では、下記の様に、ぼぼ縁取りされた文字が画像が使われています。ここでは「210_effects-selection_glow-selection.scm」というスクリプトを使った縁取り方法を解説しています。

引き出し線を引いたりする場合はブラシの矢印では無理です。このような時に使う物としてスクリプトで書く矢印があります。ここでは「Allow-set-size」というスクリプト矢印の使い方を解説しています。

サイトを構築していくと必ずロゴや基本商品及び矢印等、頻繁に使う画像があります。これらをブラシとして登録しておくと簡単に配置する事ができます。ここではGIMP2.10のブラシの解説と整理方法を解説します。

GIMPの文字はWindowsフォントがそのまま使われます。このWindowsフォントを使わないくする設定とフォント追加を解説しています。

カラーパレットはGIMP2.8からGIMP2.10で少し変更になり、使い易くなりました。この辺の設定方法を解説しています。

GIMPをカスタマイズする為には個人フォルダに機能を付け加えますが、個人フォルダはPCの環境によって異なる性質を持ちます。そこでそれらに影響されないOS直下の個人フォルダの作り方を解説しています。

GIMP2.10が初めての方向けにGIMPのインストールの仕方からGIMPの基本設定を解説しています。特に基本設定でシングルウィンドウモードへの切り替え方法から始まりツールオプションやダイヤログボックスエリアの整理方法を解説しています。

ここではGIMPの鉛筆、ブラシ、エアーブラシ、消しゴムの使い方を解説しています。

MSアカウントはマイクロソフトが提供しているシングルサインオンWebサービスで、この中で複数のデバイスを管理する事ができます。MSアカウントでどの様な事ができるか?は他のサイトの情報を参照してください。ここではMSアカウントが管理しているデバイスをデバイスを削除する方法を解説します。

GIMPの使い方が判ってくるとGIMPで名刺をデザインし独自の名刺を作る事も可能になります。このドキュメントは100円ショップのダイソー等で名刺作成用のプリンタ用紙を購入し自宅のプリンタで印刷する方法を解説していますがこれを理解すると名刺印刷業者のHPに書かれている内容も理解できるようになります。

GIMPの操作画面は、自分が使い易い様にカスタマイズができます。このドキュメントはそのやり方解説しています。

サイトを構築していくと必ずロゴや基本商品及び矢印等、頻繁に使う図形があります。これらの図形をGIMPのxcfファイルで保管し使いたい時に取り込む方法もありますが、これらをブラシとして登録しておくと検索も容易になると共に作成も簡単になります。ここではブラシの使い方と登録方法を解説します。

図形や文字に凹凸をつけるためにはエンボス(Emboss)又はべベル(Bevel)という機能を利用します。このドキュメントはLayer Effectsというプラグインを使ってOuter Bevel、Inner Bevel、Emboss、Pillow Embossで文字や図形を3D化する方法を解説しています。

3DTextというスクリプトを使って図形や文字を3次元化する方法を解説します。文字の3D化は特に大きな問題ありませんが、図形の3D化に関しては、必ず図形を確定化させてから3DTextを実行する事がポイントになります。

GIMPには商用利用可能なフォントを追加したり、図形や文字作成を助ける為のプラグインやスクリプト等を独自に追加する機能があります。しかしWindowsのアカウントを日本語で利用している場合、GIMPのデフォルトの個人フォルダが利用できません。本ドキュメントはこのような場合でも利用できる個人フォルダの作成方法を解説しています。

Windowsを日本語のアカウントで利用すると、海外で作られたソフトウェが起動できなかったり、一部の機能が使えないことが発生します。本ドキュメントはWindowsを英語のアカウントに切り替える方法を解説しています。

背景画像、部品画像及び切り抜き画像を作成してきましたのですサンプル画像を作成する総ての部品が揃いました。
それではいよいよそれらの部品を君合わせて最終画像を作成し、画像ファイルとしてエクスポートします。

ダイアログボックスエリアにフォントとカラーパレットを設定した環境下でテキストを作成したり色を変える方法を解説しています。またデザイン分野では文字の大半が縁取り文字になっていますがこれを行う為の基本的な操作も解説しています。

GIMPで図形を描画する場合どのレイヤに図形を書くのか?が一番重要になります。また図形を綺麗に書く為にはグリッドやガイド線をうまく使う事と、曲線を含む図形を書く為にはパスツールを理解するとうまく書くことができます。本ドキュメントはこれらの図形描画にまつわる基本的な事項を解説しています。

GIMPで文字を入力したり図形を描画する場合ツールメニュの下にある描画色か背景色で色を選択します。しかし実際に使ってみるとあまり操作性が良くありません。そこで本ドキュメントではダイアログエリアに自分専用のカラーパレットを設定し色選択が容易にできる方法を解説しています。

GIMPの基本設定ではGIMPの画面周りを整理しましたが、ここではGIMPとは何か?を知ってもらう為にサンプル画像を使ってレイヤの概念やレイヤ操作の基本的なコマンド(移動,拡大・縮小,回転,鏡像反転,)及びテキスト入力の基本を解説しています。

GIMPをインストールするとWindowsに登録されているフォントが総てGIMPフォントに取り込まれます。しかしこのフォントを使って画像を作成する事は可能ですが商用利用できるか?否かが問題になります。そこで本ドキュメントではWindowsフォントを取り込まない方法及び商用利用OKのフォントの取り込み方を解説しています。

GIMPが初めての方向けにGIMPのインストールの仕方からGIMPの基本設定を解説しています。特に基本設定でシングルウィンドウモードへの切り替え方法から始まりツールオプションやダイヤログボックスエリアの整理方法を解説しています。