GIMPの透過機能

基本操作

GIMPの透過機能を使って赤いマルを作成しネッシーを気づかせよ!

[st-kaiwa-48]GIMPで透過機能を使って赤い丸を作成する操作方法をご紹介![/st-kaiwa-48] GIMPには"透過"という特定の色を透明にできる機能が搭載されています。

そして"透過"には様々な方法があるのですが…私が使用している操作は1つだけなので,

今回は「簡単に指定した色を透明にする操作方法」をSEOブログやアメブロなどで良く使用する"赤いマル"を作成しながら紹介していきます。

GIMPで赤いマルを作成しながら透過機能の操作方法を見ていきましょう(^^)
[st-kaiwa-44]GIMPの透過機能は(赤いマルだけでなく)背景の白を透明にして2つの画像を合成させたり不要な部分を排除したりと利便性の高い機能です!

私も画像を組み合わせる時に頻繁に利用しています![/st-kaiwa-44]

使用頻度 多い
操作難易度 覚えるだけかと…(ただし色によって異なる)
利便性 背景などを透明にし2つの画像を組み合わせられる

ココに注意

今回の"透過"機能に関しては赤いマルの作成例を出して解説していくのが理解しやすいと思いその操作方法に沿って話を進めていますが…

GIMPで「丸」を作るだけなら別ページにて紹介している"簡単に丸を作成する方法"の操作が1番早くて効率的です(^^;)

手っ取り早く「丸」を作成したい人はそちらも参考にして下さいね。

GIMPで透過

GIMPで透過する時は?

  • 画像の背景を透明にしたい時
  • 選択した部分を透過したい時
  • 赤いマルを作成したい時

GIMPで画像を透過するメリットは?

  • 背景を透明にして2つ以上の画像を自然に組み合わせられる!
  • 特定の色を透明にできる!
  • 様々な"円(マル)"をカンタンに作成できる!

操作の流れ

※たまたま私が仕事帰りに撮った写真にネッシーが写り込んでいたので(100%ウソ)赤いマルでピックアップしていきます。
GIMPの透過機能

step
1
新しいレイヤーを追加する

GIMPの透過機能
GIMP操作画面上部の「レイヤー(L)」を選択し「新しいレイヤーを追加」をクリックし背景が透明なレイヤーを追加します。

step
2
楕円選択をクリック

GIMPの透過機能
「楕円選択」をクリックし,わざわざピックアップしなくても誰でも気づくネッシーの周りを"円"選択します。

※描画色は赤に変更しました。

step
3
一旦,円を赤で塗りつぶす

GIMPの透過機能
一旦,選択した"円"を塗りつぶし機能にて赤一色に染めます。

step
4
選択範囲を縮小する

GIMPの透過機能
GIMP操作画面上部の「選択(S)」をクリックし「選択範囲の縮小(H)」を選択し数値(px)を入力し選択範囲を縮小します。

※ここでは「3px」縮小しました。

[拡大図] GIMPの透過機能

step
4
縮小した選択範囲を再び"白に塗りつぶす"

GIMPの透過機能
描画色を"白"に設定し縮小した範囲を再び塗りつぶし機能にて塗りつぶします。

step
5
レイヤーを選択し透明部分⇒色を透明度にをクリック

GIMPの透過機能
GIMP操作画面上部の「レイヤー(L)」をクリックし「透明部分(A)」⇒「色を透明度に(A)」を選択します。

step
6
対象の色を選択しOKをクリック

GIMPの透過機能
透明にしたい色を選択する画面が表示されるので,対象の色を選択してOKをクリックします。

デフォルトでは"白(ffffff)"が対象の色として設定されています。
[st-kaiwa-44]GIMPでは白に限らず様々な色が選択可能です!他の色を透明にしたい場合,プレビュー画面を見ながら自分が希望する"透明度"になっているか検証しながら操作しましょう![/st-kaiwa-44] ※(私は)SEOブログで使う画像にはほぼ白ばかり透明にして無色にしてやっています。

それ以外の色を透明にする必要性に駆られた事は記憶に無いです…(笑)

step
7
白色が透明になり赤い円が作成できた

GIMPの透過機能
白色が透明になり赤い円が作成できました。

(工程修了)

<プラスアルファ操作>
選択を解除は忘れずに行ないましょうね(^^;)
↓↓↓
GIMPの透過機能
ついつい「選択を解除」をし忘れて,次の編集ができず…

「選択を解除してないからじゃき!数秒無駄にした。。」という海軍大将みたいになってしまいますからね。。

ちなみに私はいまだによく赤犬になります。
(わからない人ごめんなさい)

<完成画像>
GIMPの透過機能で完成したネッシー

背景を透明にする時は?

このGIMPでの「色を透明度に(H)」は他にも頻繁に使用する時があるのでその操作方法も紹介しておきます。

ネット上にある無料画像サイトなどでイラスト画像をダウンロードした場合,背景色(白)も含まれている事が良くあります。

例えば"カーソル"を画像に付け加えたいと思いダウンロードしたけど背景色も含まれていたという場合…
↓↓↓
GIMPの透過機能
白い背景色が含まれており画像としてどこか不自然…というかブサイクになってしまいます。

この場合は「色域を選択(B)」にて一旦,"カーソル"の色を選択します。
GIMPの透過機能
対象のレイヤーを選択してカーソルのレイヤー画像をクリックしたら…
GIMPの透過機能
カーソルの白が透明になりました。
GIMPの透過機能
必要部分まで透明になってしまったので再び「塗りつぶし」にて真ん中部分を白に塗りつぶします。
GIMPの透過機能
こうして背景の白のみを透明にできたので,後は「レイヤーの拡大・縮小」にてサイズを調整し「レイヤーを移動」させれば完了です。
GIMPの透過機能
ここでは"カーソル"を例に出しましたが,キャラクター画像などの場合も同じように背景を透明にできます。

ただカーソルの真ん中部分も透過されたように使用したいキャラクターの服などが白い場合同じように塗りつぶしをする必要があります。
GIMPの透過機能
背景(ダンジョン)とキャラクターをなじませるため白を透明に…
GIMPの透過機能
可愛いキャラの服までも透過されてしまったので,再び塗りつぶしで白に塗りなおします。
[st-kaiwa-44]せっかく描いて下さっているキャラなので妙な変色はさせたくありませんよね!

でも2つの画像を組み合わせる時に度々起こる現象ではあるので上記の対応で画像を整えなおしましょう![/st-kaiwa-44]

まとめ~画像の透過操作

今回はGIMPで画像の色を透過する操作方法を赤いマルを作成しながらご紹介しました。

使用頻度は多く,透明にする色によっては難易度も上がってしまいますが,白を透過するだけなら,あまり支障なく行なえるかな?と思います。

慣れてきたら2つ以上の画像を組み合わせて,この透過機能を使用していきましょう(^^)







-基本操作
-,