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制作

関連記事

ランディングページ(LP)の作り方を徹底解説!初心者でも簡単に制作する方法をご紹介

ランディングページ(LP)の作り方を徹底解説!初心者でも簡単に制作する方法をご紹介

ランディングページ(LP)は商品やサービスの販売促進に特化した重要なマーケティングツールですが、制作の仕方がわからず悩んでいる方も多いのではないでしょうか。この記事では、初心者でも簡単に成果の出るラン …

【photoshop】アプリを使わず、簡単に写真を漫画風にアレンジする方法!

【photoshop】アプリを使わず、簡単に写真を漫画風にアレンジする方法!

このお姉さんにあえて漫画調にマーカーネットをアピールしてもらうと… ちょっと面白くて勢いのある効果が生まれますね。 昨今では漫画的な加工を取り入れるWEBデザインも増えてきました。 ですので、今回は写 …

採用サイトに掲載すべきコンテンツ16選まとめ!制作のポイントや実際の事例を交えて紹介

採用サイトに掲載すべきコンテンツ16選まとめ!制作のポイントや実際の事例を交えて紹介

「なぜうちの採用サイトは応募が少ないのだろう?」「他社の採用サイトと差別化するにはどうすればいいのか?」——そんな採用担当者の悩みを解決するため、本記事では採用サイトに掲載すべき16のコンテンツを徹底 …

ホームページの修正依頼はどのようにする? 費用面や必要な確認/対応事項を解説!

ホームページの修正依頼はどのようにする? 費用面や必要な確認/対応事項を解説!

ホームページの修正、その必要性は感じているものの、「今がそのタイミングなのか」「どの制作会社に依頼すべきか」と迷っている企業は少なくありません。本記事では、制作会社への修正依頼を検討すべき4つの具体的 …

病院(クリニック)のホームページ制作費用相場は?制作会社の選び方や安く抑えるポイントを解説

病院(クリニック)のホームページ制作費用相場は?制作会社の選び方や安く抑えるポイントを解説

「医院のホームページ制作、予算はどのくらい必要なのか?」「費用を抑えるコツはあるのか?」そんな悩みを抱える医療機関は多いはずです。実は、ホームページ制作には無料テンプレートから高機能なオーダーメイドま …