Warning: "continue" targeting switch is equivalent to "break". Did you mean to use "continue 2"? in /home/users/1/attlabo-ssl/web/buchiko-web.com/wp-content/plugins/all-in-one-seo-pack/modules/aioseop_opengraph.php on line 844
【Photoshop】画像の白い部分だけを透過させたいときの方法 | ぶちろぐ

アラサー主婦のWEBデザイン奮闘記

Webデザイン Web制作

【Photoshop】画像の白い部分だけを透過させたいときの方法

投稿日:

今回は、Photoshopで画像の白い部分だけを透過させたいときの方法についてご紹介します。

ダウンロードした素材を切り抜いて使いたいときなど、この方法を使えば簡単に行うことができるのでおすすめです。もちろん、白に限らず他の色でもそこだけ透過することができますよ。

それでは早速、その方法について見ていきましょう!

 

画像の白い部分だけを透過させる方法

まず、レイヤーにロックがかかっている場合はダブルクリックで解除します。

 

メニューの「選択範囲」から「色域指定」を選択。

 

その後、画像の白い部分をクリックします。

たとえ白い部分がひとつながりになっていなくても、「色」で選択されるので、細かい部分をすべてクリックする必要はありません。

クリックした色が選択されたら、あとは必要に応じて「許容量」のスライダーを動かして、範囲の調整を行ってください。

範囲がしっかり決定したら「OK」をクリックします。

 

その後、「Delete」キーを押すと選択範囲の部分が消去され、白い部分が透明になります。

[Ctrl]+[D]で選択を解除すれば、切り抜きの完了です!

 

 

まとめ

いかがでしたでしょうか?

今回ご紹介した色域指定を使用した方法以外にも、「マジック消しゴムツール」を使ったやり方もあるのですが、少し白い部分が残ってしまったので色域指定のほうがより精度が高く切り抜けるといった印象です。

簡単な紹介ではありますが、少しでも参考になれば幸いです。

 

-Webデザイン, Web制作

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

転職活動、応募先の選び方。私が大切にしていた4つのポイント。

  みなさんはWebデザイナーとして応募先の企業を決めるとき、何を基準に決めますか?   お給料? 会社の規模? 通勤時間?     人それぞれ選ぶポイントは様々だと思いますが、 私は4つのことを大切 …

【Illustrator】配置した画像にフチをつける方法

今日はIllustratorで配置した画像にフチをつける方法についてご紹介します。 もちろん、クリッピングマスクのかかった画像でもフチをつけることができますよ。 なんとなくフチって「線を追加」でつけら …

たった数秒で人物だけを切り抜いてくれる「remove.bg」を試してみた!

少し前から気になっていた「remove.bg」、まだ試せていなかったので本当に数秒で切り抜きができるのか、検証してみましたよ〜。 まず「remove.bg」を初めて聞いたとういう方のために簡単に説明す …

ゲーム感覚でベジェ曲線を練習できる「The Bezier Game」

イラストレーターの特徴とも言えるベジェ曲線について、「難しい」「上手く描けない」と思われている方は多いと思います。 私自身、まだまだベジェ曲線を使いこなせていなくて、苦手意識がすごくあります…。 そん …

無料で利用できる物件写真素材サイト「物件写真.net」

今回はちょっと珍しい、アパートやマンションなど物件の外観写真がたくさん揃った素材サイトをご紹介します。 バナーなどのデザインに使えるのはもちろん、クライアントにデザイン案を提出する時に、イメージしやす …