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

関連記事

面白い動きや便利な機能をJSで実装! その6:クリックで画像を拡大表示させるアニメーション

面白い動きや便利な機能をJSで実装! その6:クリックで画像を拡大表示させるアニメーション

記事内の画像をクリックしてその場から拡大表示させるアニメーションを実装したいと思います。 今回使用するjavascriptは「zoom.js」になります。 【これまでの関連記事】 面白い動きや便利な機 …

【最新版】オウンドメディアの作り方を徹底解説!目的や作る際の注意点も合わせてご紹介

【最新版】オウンドメディアの作り方を徹底解説!目的や作る際の注意点も合わせてご紹介

オウンドメディアは、有益な情報を継続発信して顧客との信頼を築き、中長期的な集客やファン獲得を目指す戦略的資産です。 デジタルマーケティングの要となるオウンドメディア。その重要性は認識しつつも、効果的な …

建築業のホームページ制作のやり方を解説!費用相場や失敗しないためのポイントもご紹介

建築業のホームページ制作のやり方を解説!費用相場や失敗しないためのポイントもご紹介

建築業のサイト作りは、施工事例で信頼を可視化し、集客や採用などの目的に合わせた戦略的なコンテンツ構成にすることが不可欠です。 建築業界では、ホームページが新規顧客獲得の重要な窓口となっています。しかし …

デザインにおいて余白は重要!おしゃれに見える理由や効果などを例をもとにしてわかりやすく解説!

デザインにおいて余白は重要!おしゃれに見える理由や効果などを例をもとにしてわかりやすく解説!

Webデザインにおける余白は、視覚的な整理を行い情報を際立たせるための重要な要素であり、快適なユーザー体験を生みます。 デザイン設計においては、余白が重要です。適度に余白が配置されることで、コンテンツ …

ランディングページの効果とは?制作運用のポイントや測定方法を分かりやすく解説!

ランディングページの効果とは?制作運用のポイントや測定方法を分かりやすく解説!

LPの成功は、ターゲットに合わせた緻密な設計と、制作後のデータ解析や改善を繰り返す継続的な最適化によって実現されます。 プロが教える、顧客獲得の決め手となるランディングページの秘訣をご紹介します。適切 …