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

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

関連記事

【Webデザインおすすめ書籍】10倍ラクするIllustrator仕事術 【増強改訂版】

今までイラレの本は買ったことがなくほぼ自己流で操作していたのですが、今回評判のよいこちらの本を購入してみたので、ご紹介します。 10倍ラクするIllustrator仕事術 【増強改訂版】CS5/CS6 …

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

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

【Webデザインおすすめ書籍】Webデザイン良質見本帳 目的別に探せて、すぐに使えるアイデア集

今日は久しぶりに、Webデザイン関連のおすすめの本をご紹介したいと思います。 デザインのアイディアやヒントが欲しい方、クライアントと方向性を決める時に参考となるものが欲しいという方、必見の本ですよ! …

「ヒアリング能力」をアップさせるのに参考になる記事3選

デザイナーはディレクターを間に介してクラインアントの要望やデザインのイメージを聞くわけですが、ただ指示の通りに作っていただけでは、結果的にクライアントの抱いていたイメージとはかけ離れたものになってしま …

【Photoshop】レイヤーマスクを複製する方法

今回は久しぶりにphotoshopのテクニックについてご紹介したいと思います。 いきなりですが、私の会社では有料サイトの画像を使用する場合はまずカンプ画像を使い、その後クライアントからOKが出たら画像 …