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

関連記事

WEBサイトの種類を一覧で紹介!目的に合ったWEBサイト制作を行うための知識を身につけよう

WEBサイトの種類を一覧で紹介!目的に合ったWEBサイト制作を行うための知識を身につけよう

WEBサイトは、情報発信・販売促進・ブランド構築・採用活動など、さまざまな目的に応じて作られています。 そのため、自身がネット上でサービスを展開する際には、適切なWEBサイトの種類を選ぶことが成功の鍵 …

ランディングページ(LP)制作の費用相場は?制作を依頼する際の注意点についても解説

ランディングページ(LP)制作の費用相場は?制作を依頼する際の注意点についても解説

成果を出すランディングページの費用は適正なのか?10万円から100万円超まで、LP制作の相場と選ぶべき制作会社の条件を徹底解説します。デザインだけでなく、マーケティング戦略や効果測定まで含めた本当に価 …

ホームページ制作は目的が重要!目的を明確にする方法や活用事例をわかりやすく解説!

ホームページ制作は目的が重要!目的を明確にする方法や活用事例をわかりやすく解説!

「集客」「ブランディング」「採用」など、企業のホームページには様々な目的があります。しかし、その目的が曖昧なまま制作を進めてしまうと、誰に何を伝えたいのかが不明確なコンテンツとなり、貴重なビジネスチャ …

ホームページの保守とは何をすべき?作業内容やかかる費用などをまとめて解説!

ホームページの保守とは何をすべき?作業内容やかかる費用などをまとめて解説!

持続的にWEBサイトの運営をしていくために、必要不可欠な「ホームページの保守」。その重要性は十分に認識されているでしょうか。ドメイン管理から最新のセキュリティ対策まで、保守作業は多岐にわたります。適切 …

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

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

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