2019.10.10 Thu
Photoshopで線画抽出｜3ステップで手書きイラストをデジタル化
こんにちは。デザイナーの豊島です。
普段のデザイン業務のなかで、自分で描いたイラストを紙面に使用することが時々あります。そんなときによく行うのが手書きのイラストのデジタル化。そうすることで色付けや編集がとても楽になります。
そこで今回は、誰でも簡単にできるPhotoshopで手書きのイラストの線画を抽出する方法を紹介します。
目次
1.Photoshopで線画を抽出する方法
まず事前準備として、デジタル化をする絵はこのあとの作業がしやすいように、白い紙に黒いペンで描くことをおすすめします。鉛筆書きでそのままの質感を残したいものは、鉛筆書きでもOKです。
ステップ①描いたイラストをスキャン
今回用意した手書きのイラストはこちら。
少し肌寒くなってきたので、好きな動物であるキツネくんに冬の格好させたイラストを描いてみました。
イラストは、白黒かグレースケールでスキャンをし、イラストの周りにゴミがある場合は、事前に消しゴムツールなどで消しておきましょう。スキャナーがない場合はデジカメや携帯で撮影しても大丈夫ですが、なるべくイラストの光の当たり方にバラつきがないようにしましょう。
ステップ②「レベル補正」でメリハリをつける
次に線を抽出しやすいように「イメージ→色調補正→レベル補正」でイラストにメリハリをつけましょう。
レベル補正の入力レベルでイラストの白い部分はより白く、黒い部分はより黒く補正しましょう。真ん中の▲を右側へ、左の▲を左側へずらすとメリハリがつきやすいです。用意したイラストにもよりますので、微調整を行なってください。
もしこの時点でゴミが出てきた場合はキレイに消しておきましょう。
スキャンした時と比べて白黒がはっきりしてメリハリがつきました。
ステップ③チャンネルで選択範囲を作成
次にメリハリがついたイラストを線画だけにしていきます。
まずは線画にしたいレイヤーを選択。
次に「ウィンドウ→チャンネル→チャンネルを選択範囲として読み込む」をクリック。
分かりづらいですが、イラストの白い部分のみが選択されました。
次に、「選択範囲→選択範囲を反転」でイラストの黒い部分（線画）のみを選択。
新しいレイヤーを作成し、塗りつぶしツールで好きな色で塗りつぶしてください。最後に元々あったレイヤーを削除すれば、線画の部分のみを抽出することができます。
ちなみにこの方法はイラストだけでなく、手書きの文字でも応用可能です。
2.Photoshopでの線画抽出は誰でも簡単にできる
Photoshopで線画を抽出する方法を紹介しました。
これでいつでも自分で描いたイラストの加工ができますね！この方法を知っておけばイラストを使用したデザインの可能性が広がりそうです。
ちなみに今回線画を抽出したイラストは、水彩絵の具っぽく色付けしてみました。
線画を抽出する際は基本的に同じ作業になるので、アクションとして登録しておくと便利ですよ。
この記事の執筆者MARINA TOYOSHIMAチーフデザイナー
記事検索
人気記事
-
Photoshopで写真の色味を合わせる方法！初心者でもワンクリックで簡単補正
-
Macのファンクションキーの使い方｜カスタム設定で作業効率アップ!
-
対談記事のつくり方とは？大切な台本づくりや当日の進行、「伝わる」原稿のまとめ方をレクチャー
新着記事
アーカイブ
- 2024年3月(1)
- 2023年12月(1)
- 2023年5月(1)
- 2023年4月(1)
- 2023年2月(1)
- 2022年12月(2)
- 2022年8月(1)
- 2022年6月(2)
- 2022年4月(1)
- 2022年3月(2)
- 2022年2月(3)
- 2022年1月(1)
- 2021年12月(1)
- 2021年11月(1)
- 2021年10月(1)
- 2021年9月(4)
- 2021年8月(5)
- 2021年7月(7)
- 2021年6月(12)
- 2021年5月(9)
- 2021年4月(13)
- 2021年3月(2)
- 2021年2月(5)
- 2021年1月(2)
- 2020年12月(3)
- 2020年11月(5)
- 2020年9月(1)
- 2020年8月(1)
- 2020年7月(2)
- 2020年6月(2)
- 2020年4月(3)
- 2020年3月(5)
- 2020年2月(17)
- 2020年1月(3)
- 2019年12月(8)
- 2019年11月(10)
- 2019年10月(16)
- 2019年9月(17)
- 2019年8月(12)
- 2019年7月(14)
- 2019年6月(9)
- 2019年5月(22)
- 2019年4月(9)
- 2019年3月(1)
関連記事
-
お役立ち
Photoshopで写真の色味を合わせる方法！初心者でもワンクリックで簡単補正
2019.09.26 Thu
-
お役立ち
新聞デザインの基本。入稿ルールと写真のレタッチで気をつけたい3つのこと
2019.09.28 Sat
-
お役立ち
グラフィックデザインの勉強法｜手軽にデザイン力がアップする3つの方法
2019.08.20 Tue
新着記事
-
本の紹介
ティモンディ前田裕太さんが選ぶ5冊の本┃どんな個性も愛おしい！「森見登美彦ワールドを楽しむ本」
2024.03.06 Wed
-
本の紹介
作家・河邉徹さんが選ぶ5冊の本┃繊細な心理を緻密に描くことを学んだ「作家活動に影響を与えた本」
2023.12.27 Wed
-
本の紹介
ブロードキャスト！！房野史典さんが選ぶ5冊の本┃「歴史の学び直し」に推したい！日本史がもっと面白くなる本
2023.05.31 Wed
人気記事
-
お役立ち
Photoshopで写真の色味を合わせる方法！初心者でもワンクリックで簡単補正
2019.09.26 Thu
-
お役立ち
Macのファンクションキーの使い方｜カスタム設定で作業効率アップ!
2020.02.19 Wed
-
お役立ち
対談記事のつくり方とは？大切な台本づくりや当日の進行、「伝わる」原稿のまとめ方をレクチャー
2021.03.26 Fri
お問い合わせ
お仕事のご相談や、採用についてなど、
お気軽にお問い合わせください。
-
会社案内
-
フォームからの
お問い合わせ
052-908-9662