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制作・SEO・マーケティングに関する最新情報や実務に基づいたノウハウをわかりやすく発信しています。

-WEBデザイン, WEB制作

関連記事

【無料】ホームページ作成が自分でできるツール13選!メリット・注意点も解説

【無料】ホームページ作成が自分でできるツール13選!メリット・注意点も解説

ホームページ制作。かつては専門家の領域と思われていたこの分野が、今や多くの人にとって身近なものとなっています。技術の進歩により、無料のツールやサービスを活用すれば、プログラミングの知識がなくても基本的 …

【Illustrator】アーガイル模様の作り方

【Illustrator】アーガイル模様の作り方

みなさまこんにちは、新人Aです。 今日はまたIllustratorを使って、パターンのお話を。 以前は七宝柄、タータンチェックときて・・・今日はアーガイル柄を作りたいと思います。 アーガイル柄といえば …

ランディングページとホームページの違いは何?シーン別の使い分けや必要性を解説

ランディングページとホームページの違いは何?シーン別の使い分けや必要性を解説

網羅性の高いホームページと、特定のアクションに特化したLPを、目的に応じて使い分けることがビジネスの成果に直結します。 「ランディングページ」と「ホームページ」。WEBマーケティングにおける二大主役で …

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

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

クリニックサイト制作は、予算に応じた最適な手法を選び、費用を抑えつつ医療機関としての信頼性と患者の利便性を高めるべきです。 「医院のホームページ制作、予算はどのくらい必要なのか?」「費用を抑えるコツは …

ボタンを押すだけ!? 【Photoshop】 フリー  レイヤースタイル ゴールド(金色)系 厳選素材まとめ!

ボタンを押すだけ!? 【Photoshop】 フリー  レイヤースタイル ゴールド(金色)系 厳選素材まとめ!

こんにちは。 今回はクリックするだけでゴールド&メタリックな質感のデザインが作れてしまうPhotoshopのレイヤースタイル素材と活用方法についてご紹介いたします。 このフレームを・・・ たっ …