WEBデザイン WEB制作

簡単便利!30秒でできる!【photoshop】で線画を抽出する方法!

投稿日:2014年7月9日 更新日:

線画イラストの線画だけ抜き出したい!背景を透過したい!!・・・そんな時に役立つphotoshopの小技をご紹介します。

 

(1)まず、画像をphotoshopで開きます。

(2)メニューの「イメージ」→「モード」を選択し、「グレースケール」にチェックをしてください。

※カラー情報は破棄しちゃってください!

01

02

(3)「Ctrl」キーを押しながらチャンネルのグレーレイヤーを左クリックすると白い部分が選択されます。

(4)「Shift」+「Ctrl」+「i」で選択範囲を反転。

03

(5)新しいレイヤーを作成し、「Alt」+「Delete」で任意のカラーに塗りつぶします。(例は白色を選択しました。)

04

(6)背景レイヤーを非表示にすると・・・完成です!!

05

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

このテクニックを応用すれば様々な画像の背景のみを透過することができます。(複数の色から構成されている背景には適用できませんのでご注意ください。)
お役立ていただければと思います。

 

弊社では技術力を活かした美しいWEBサイトのデザインをご提案します。
様々な目的に応じたプランを用意しておりますので、ご興味のある方はご覧ください。

WEBデザイン

WEBサイト制作実績3,000サイト以上!
新規作成からリニューアルまで、
多様なご要望にお応えした弊社制作事例から検討したい方はこちら

制作実績を見る

-WEBデザイン, WEB制作

関連記事

採用サイトの必要性は?制作するメリットや必要なコンテンツ、注意点を徹底解説!

採用サイトの必要性は?制作するメリットや必要なコンテンツ、注意点を徹底解説!

採用活動において、企業の魅力を伝える方法が採用サイトの活用です。 求職者が企業の情報を集める際、求人サイトだけでなく企業の公式採用サイトも重要な判断材料になります。 しかし、求人サイトは単に作るだけで …

【Illustrator】基本図形で出来ちゃう!ハートマークの作り方

【Illustrator】基本図形で出来ちゃう!ハートマークの作り方

こんばんは、新人Aです。 今日は、Illustratorでハートを作る方法についてお話します! まぁ、素材サイトさんからデータをお借りしちゃえばそれで済む話なのですが… 理想の形が見当たらない!という …

【最新版】WEBデザインのトレンド20選!厳選したモダンなデザインを一挙公開!

【最新版】WEBデザインのトレンド20選!厳選したモダンなデザインを一挙公開!

インターネットの世界は日々進化し、WEBデザインのトレンドも常に変化しています。最新のデザイントレンドを取り入れることで、ユーザーの目を引き、印象に残るサイトを作ることにつながります。 どのデザインが …

集客に強いホームページ制作を行うには?コツや集客方法を徹底解説!

集客に強いホームページ制作を行うには?コツや集客方法を徹底解説!

「月間100件の問い合わせ」「Web経由の売上が3倍」—なぜ、ある企業のホームページはこれほどの成果を生み出せるのでしょうか? その答えは、戦略的なホームページ制作にあります。本記事では、実際に成果を …

ランディングページ(LP)とは何?意味や事例をわかりやすく解説!

ランディングページ(LP)とは何?意味や事例をわかりやすく解説!

成果につながるランディングページと、ただの情報ページの違いは何でしょうか?時間とコストをかけて作成したのに期待した結果が出ない…そんな経験はありませんか?ランディングページ(LP)は単なるウェブページ …