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デザイナーを目指したのか

    私がWebデザイナーを目指そうと思ったのは、前職で飲食店スタッフをしていた2017年の頃です。 前職でもそれなりに楽しく働いていたのですが、どこかでずっと、手に職をもった職人や技術者に憧れてい …

可愛らしい保育園サイト3選

いきなりですが、みなさんはどんなテイストのデザインが好きですか? 私は子供向けのほんわかしたデザインが大好物なので、Pinterestなどでそういったデザインのサイトを見ているととても楽しいです。 そ …

かわいいデザインのサイトが集まったギャラリーサイト

一口に“かわいい系のサイト”と言っても、子供向けのポップな感じなのか、女性向けの柔らかい感じなのか…など、様々ですよね。 なので、WEBデザインでかわいいを表現するのはなかなか難しいなあとよく思います …

日本の伝統色を集めた「NIPPON COLORS」のご紹介

和風のデザインを制作するとき、配色の参考になる素晴らしいサイトを見つけたのでご紹介します。 その名も「NIPPON COLORS – 日本の伝統色」といって、日本らしい色の数々がストックさ …

スマホ向けWEBサイトを集めたギャラリーサイトのご紹介

Webサイトのスマホ対応はWebサイト制作において、もはや必須要件となってきていますよね。 とはいえ、スマホに適したデザインを考えるのは難しく迷ってしまうことも多いのではないでしょうか。 そこで今回は …