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

関連記事

ランディングページのデザイン方法を徹底解説!CTAを上げるためのコツまとめ

ランディングページのデザイン方法を徹底解説!CTAを上げるためのコツまとめ

ランディングページのデザインは、見た目の美しさだけでなく、コンバージョン率(CV)にも大きく影響します。 どれだけ優れたサービスや商品を紹介していても、情報が伝わりにくかったり、ユーザーにストレスを与 …

ホームページ制作にかかる費用の相場は?カテゴリ別の価格や制作会社に依頼するメリットを徹底解説

ホームページ制作にかかる費用の相場は?カテゴリ別の価格や制作会社に依頼するメリットを徹底解説

「会社のホームページ、本当に効果を発揮していますか?」ビジネスの成否を左右するほど、ホームページは今や重要な存在です。しかし、制作費用の相場がわからず、適切な予算設定に悩む方も多いのではないでしょうか …

ホームページ制作における注意点26選|効率的に作成するために気をつけたいことを解説

ホームページ制作における注意点26選|効率的に作成するために気をつけたいことを解説

毎日何万件もの新しいホームページが公開される中、「選ばれるサイト」になるために必要な要素とは何でしょうか。実は、成功するホームページには、制作過程で必ず押さえておくべき重要なポイントがあります。本記事 …

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

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

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

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

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

デジタルマーケティングの要となるオウンドメディア。その重要性は認識しつつも、効果的な運営に課題を感じている企業は少なくありません。本記事では、オウンドメディアの構築から運用まで、その全容を体系的に解説 …