【透過画像作成】画像の背景を透かして透明にする方法を解説!


WS000185

こんにちは。

マサトです。

 

今回は「背景が透明な透かし画像の作り方」を解説していきます。

透かし画像というのは、
余計な背景部分を切り抜き「背景色を透明にした画像」のこと。

 

例えばこの画像は、空を飛んでいるワシの画像ですが、

dgkoperkgho@werghergh

 

背景部分を切り抜き背景色を透明にしてあげると、こんな感じになります。

ajfiohu2480tu24t2423t

背景部分が透明になったので、見栄えも良くて何か格好良いですよね。

 

この背景が透明な透かし画像の作り方を覚えておくと
画像編集はもちろんのこと
youtubeなどの動画編集でも役立つことが沢山あるので
やり方を覚えておいて損はないです。

 

有料の「Photoshop」

derghl35oy35^0y354545

 

無料の「GIMP」

35689068i9egtrhketheth

 

それぞれで、作り方を解説していきます。

 

では早速行ってみましょう!

Photoshopで背景を透過させる方法

今回はこのワシの画像を切り抜いていきます。

re@pghk3e5@pohp35h35g

 

 

Photoshopを開き、切り抜きたい画像をパネルにドロップ&ドラッグしていきます。

wegj2490ut2490-igt40-224

 

 

次に「クイック選択ツール」を選びます。

wfj2we4i0ug92w4g2424g

 

 

赤枠部分が「+」になっていることを確認します。

また緑枠部分でくり抜き範囲を選択できます。(画像や幅によって任意で変更してください)

pこぴえgr9-い340-34

 

 

くり抜く画像の上に、マウスカーソルを持っていき、左クリックを押しながらマウスを動かします。

すると透明な点線がくり抜く対象物の上に表示されます。

切り抜きたい対象物を、この透明な点線で覆っていきます。

wekju340hyu3y55y

 

 

細かい部分は「Altキー」+マウスのカーソルで拡大・縮小して範囲を指定していきます。

またこういった細かい部分は緑枠の部分でくり抜き範囲も小さくしてあげます。

erjkogjk34ogh35h35

 

 

赤枠のように、点線がくり抜く範囲をはみ出してしまった場合ですが、

wdpk2うぇお0-@gち2340-gt24お^

 

 

青枠の「-」を選択して、はみ出した範囲を指定して消していきます。

gfhki350-@iy35^0oy35h

 

 

こんな感じで、細かい部分も綺麗に範囲指定できました。

lwrmjk2w34i-0h3gh4g3

 

 

同じように羽の部分も細かいので、
「Altキー」+マウスのカーソルで拡大したり、くり抜き範囲を小さくするなどして範囲指定していきます。

swdgp234o0yio35^hy

 

 

きれいにできました。

ef24k9gi2340-ghi345-ghy35

 

 

切り抜きたい対象物を透明な点線で全て覆ったら、

345jijy5390yi350y35

 

 

パネル部分の対象画像の上で右クリックし「レイヤーをラスタライズ」をクリックします。

「レイヤーをラスタライズ」が無かったり選択できない場合は、この動作は行う必要はありません。

wgtj2349yui3450y3535y

 

 

切り抜く対象物の上で右クリックし「境界をぼかす」をクリックします。

sdf24k0-@ghi3450hy355

 

 

「ぼかしの半径」ですが、今回は「2ピクセル」に設定します。(ここは自分のお好みで構いません)

we4ki-gki24o0@gh24@

 

 

切り抜く対象物の上で右クリックし「選択範囲をカットしたレイヤー」を選択。

awdelojkgfq2e4opgo2424gt

 

 

するとパネル部分が「切り抜いた画像」と「背景画像」に分かれるので、青枠部分をクリックし背景画像を隠します。

57576kk68k68,6,8

 

 

背景が無くなり、範囲指定したワシの部分が表示されます。

dgjkpwkg224gty24y24y

 

 

「ファイル」→「web用に保存」をクリックします。

leto@kbnhpetlhehteth

 

 

デフォルトでは画像ファイルの規格が「JPEG」になっているのですが、

etrjk9y35ui9-yu

 

 

「JPEG」から「PNG-24」に変更してください。

「JPEG」のままだと、背景は白色となり透明になりません。

sfwmfj2w4ipj234y345y

 

 

「PNG-24」に変更したら「保存」をクリックします。

weriop9y35i5345y35y

 

 

これで背景が透け、透明な透かし画像になります。

sdgfwe4kgiop234koh3hy4

GIMPで背景を透過させる方法

GIMPのダウンロード方法はこちらを参照してください。

無料画像編集ソフトGIMPのダウンロード方法と初期設定!

 

GIMPを開き画像を挿入します。

wui9ogth24890tu24802

 

 

「レイヤー」→「透明部分」→「アルファチャンネルの追加」の順にクリック。

swgjk234iopjyu90-345iy35

 

 

ツールボックスの「ファジー選択」をクリック。

3kyo340-y453y5

 

 

画面の背景色部分で左クリックすると、対象物が透明な点線で囲われます。

qefk2weogk34o@ghyl345

 

 

マウスを右クリックし「編集」→「消去」をクリック。

wsgrwropghkow3h3hy

 

 

すると背景色の大部分が消えます。

werh,k35ohk350yh3

 

 

微かに残った場合は、消しゴムツールで背景色を消していきます。

sdg2wekoghjk345h35h53

 

 

ツールボックスで「消しゴム」を選択。

234890tu23480uy3ipj35h

 

 

ツールオプションで消しゴムサイズを変更できます。

efsdghwer,khrw3ekho@pw3e5r

 

 

「選択」→「選択を解除」をクリック。

dwskg24juy9-234g

 

 

左クリックを押しながら消しゴムツールで、残った背景色を消していきます。

sdg2wekoghjk345h35h53

 

 

きれいに消したら「ファイル」→「名前を付けてエクスポート」をクリック。

ehgerlh@pelphetrh3e

 

 

「名前」の部分の拡張子部分を「JPEG」から「PNG」に変更します。(重要)

sgkwerijgh35h35h

 

 

下記画像の設定にして「エクスポート」をクリックします。

これで画像が保存されました。

erkhop35k0-h345yhu454

 

 

これで背景が透け、透明な透かし画像になります。

sdfmjgfipwejkgo@wegwg

画像の拡張子は必ず「PNG」

ファイル名の末尾の【.(ドット/ピリオド)】以降の部分を拡張子と言います。

透かし画像を作成する場合の画像拡張子は、かならず「PNG」となります。

拡張子が「JPEG」などでは背景が透明にはならないので注意してください。

PhotoshopとGIMP

やはり有料(980円/月)で世界最高峰のPhotoshopに比べると
無料のGIMPは機能的にも劣ります。

例えば今回のように
背景色と切り抜く対象物のコントラストが単純であればGIMPでも十分ですが

背景色と切り抜く対象物のコントラストが複雑な画像を切り抜く場合
GIMPではどうしても限界があります。

無料のGIMPを使用する場合は
理解しておくべき部分かなと思いますね。

 

本格的に動画編集や画像編集をする場合は「Photoshop一択」です。

僕の人生にPhotoshopがないことは
考えられないくらい超優秀なソフトなのでね。

このソフトのおかげで軽いデザインとか余裕でできるようになるし
どれだけ助けられたかわかりません。

それがたったの年間12000円なのでね
圧倒的コスパだし自己投資としても超優秀な部類に入ると思います。

学んでおいて絶対に損はないです。

最後に

ん~画像で説明するのめちゃめちゃ大変でした~苦笑

 

背景が透明な透かし画像を作れるようになると
動画編集などでもマジで重宝するので
是非是非是非覚えて活用してください。

 

それではこのへんで!

=========================================

記事を最後までご覧いただきありがとうございました。
今後も価値ある情報を提供していきますので楽しみにしていてくださいね!

Lineに登録していただいた方限定で『FX自動売買システム』をプレゼントしています。
詳細はこちら

またLINE限定の有益な情報や限定プレゼントも不定期配信しているので
是非登録しておいてください。

Line登録は下記アイコンからお願いします!

ejg0w3uhui34343434

コメントを残す

※『ふざけているニックネームや名前』『一文字だけの英単語』などには返信しませんのでご注意ください。

サブコンテンツ

このページの先頭へ

自動監視化AI搭載の次世代型自動売買ツールを『無料』プレゼント中!