マーカーネット株式会社

WEB制作ブログ WEBデザイン、HTMLコーディング、PHP、スマートフォン制作などWEB制作全般に役立つ情報を発信していきます。

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制作, その他

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

2014年秋冬の流行色?

こんばんは、新人Aです。 すっかり気温も秋めいて来ましたね! 季節が変わると気になるのは流行色!ファッションやデザインには欠かせない流行色ですが、今年は何が流行っているんでしょう? ずばり、【ラディア …

no image

ブラウザによって画質変わっている!?気づかなかった…ブラウザの自動画像処理!

ブラウザによって画質変わっている!?気づかなかった…ブラウザの自動画像処理! http://www.markernet.co.jp/blog/2015/07/31/post-5902/ Faceboo …

WEBデザイナーが仕事を依頼されたとき、まず最初に聞いておくべき7つの事。

こんばんわ。WEBデザイナーのKです。 本日は、WEBデザイナーがWEBディレクターから案件を依頼された時に、 必ず聞いておくべきことをまとめてみました。 ざっくりなので、細かく分けるとまだまだ沢山あ …

WEBデザイナーが厳選する 年賀状に使えるフリー素材まとめ!

WEBデザイナーが厳選する 年賀状に使えるフリー素材まとめ!

2014年の残りあとわずかですね。 年末といえば、年賀状! これから作り始める方もまだまだいらっしゃるのではないでしょうか。 そこで・・・ 今回は、そんな方にお役立ちの無料で高クオリティーなデザインハ …

モバイルフレンドリーでいたい!~素敵サイトレスポンシブの旅~

みなさん、こんにちは! web初心者のKです! この度、googleがモバイルフレンドリーな webサイトのランクを上げるアルゴリズムの変更を発表しましたね! http://www.itmedia.c …