*

【Photoshop線画抽出方法】イラスト画像を綺麗に編集するフォトショの使い方!

手書きイラストこんにちわしまです。
Photoshop(フォトショップ)を使っていろいろ加工や編集が出来ることはご存知だとおもいますが、その使い方となると少々マニアックすぎて難しいもの。

線画を描くだけなら新規レイヤーにパスで描いて行けばいいのですが、やっぱり手描きの温もりもほしい!

そこで今回はイラストの線画をなるだけ手書き感を残したままデジタル化してみようということで説明していきたいと思います。

SPONSORED LINK

線画イラストをスキャンしてフォトショップに取り込む

スキャン最近のプリンターにはスキャナーがついているモデルが多いですよね。
写真やイラストの取り込み方はお分かりでしょうか?
ファイル→読み込み→“お使いの機器”を選択
上の画像のような手順でスキャンします。

取り込み画像の解像度はいくらがよいか?

まだノイズ多い

解像度

解像度とは簡単に言えば“その画像をどれだけのドット数で表現するか”というもの。

線画イラスト程度なら解像度は150~300dpiもあれば十分です。
A4サイズ写真なら600dpiはほしいところですがファイル容量との兼ね合いで相談してください。

取り込むだけでは画像が汚い

色調補正へスキャナーってすごいのです。
細かいゴミから用紙の薄い折れまでしっかり映してくれるのでこちらとしては厄介なことに手間が増えてしまうのです。

そこで色調補正をして薄いゴミや余計な線を飛ばしてしまおうというわけです。

イメージ→色調補正→レベル補正

手順は分かりましたでしょうか?では次に参ります。

レベル補正で画像の色バランスをとる

色調補正移動レベル補正とはコントラストと明度を同時に変えることが出来るツール。

画像が見にくいかもしれませんが、レベル補正をクリックするとこのような画面が開きます。
線画なら、だいたい赤丸の位置まで右の△を移動させてみてください。

中間色の設定を変える(上級)

色調補正後真ん中の△は中間色をいじるバーでそちらのコントラストを変えて薄くしたり濃くしたり出来ます。
特にこだわる人以外はあまり使わなくてもなんら問題は無いです。

補正前と補正後の比較

色調補正前 色調補正後左が補正前、右が補正後となっております。(画像をクリックすると拡大)

お分かりいただけますでしょうか。いらない薄いゴミとかアタリ線が大まかに飛んで線画がよりわかりやすくなりました。それと背景を白に統一するという意味でもこの作業をしています。

消しゴムでさらにゴミ取り&修正

ごみ消去さてここからは根気のいる作業になります。
少しでもいいものに仕上げたいのならゴミ取りと余計な線は消しゴムで消していきます。

消しゴムツールで消去

上の画像の赤丸○で囲んだ部分が修正部分。
こういうゴミとかアタリ線なども味(画風)といえばそれも分かりますが、意味の無い線は残しておく必要ありません。

必要に応じてブラシで描き加えるのもアリ

ごみ取りしたあと手描きの鉛筆線とブラシツールの線ではぜんぜん違うのであまり手を加えることはオススメできませんが、消しすぎたり主線を整えたりする程度で描き加えるということは僕もよくやっております。

ペンタブレットを使い、消しゴムは“ボケブラシ”を使うと違和感無く修正が出来ます。

さて納得のいくような仕上がりになりましたでしょうか?
しかしこのままでは背景レイヤーにくっついているので色が塗れません。(塗ると線画が消える)

お待たせしました!ここからようやく本題の線画のみを抽出していきましょう。

線画のみを取り出す

チャンネルを使用したりマスクを使ったり、いろんな方法がありますが、
今回やるのは色調補正を使った線画抽出方法です。

色域指定とは

色域指定色域指定とは選択範囲をきめるポイントの一つでどの色の部分をどれだけの強さ(レベル)で選択範囲に指定するかというもの。

選択範囲→色域指定という部分を押してツールを開きます。
言葉にすると分かりにくいので早速見ていきましょう。

背景の白色を選択

色域指定実行スポイト(赤丸○)で背景の白色を選択してください。
『線画を抽出したいのなら線画以外の背景(白)を消せばいいという発想の転換です。

許容量(緑丸○)で、どこまでの色を拾うか、レベルを変えることが出来ます。
詳しくは下で説明をしております。

許容量最小

色域指定(薄い)こちらは許容量を最小にした場合。
薄くなりゴミや余計な線が省かれてあっさりとした仕上がりになりますが、その分薄い部分は線が消えてなくなります。

許容量最大

色域指定(濃い)こちらは最大にした場合。
なかなかこういう使い方はしないと思いますが一例で載せてみます。
薄いグレーのゴミも全て拾って選択範囲としていますね。

こういったどの段階の明度まで選択範囲として拾うか、というのがこの許容範囲というレバーの役割なのです。(ゴミを拾わない程度で真ん中あたりが無難かな)

線画を選択範囲で拾い出す

線画が選択範囲さて、先ほどの許容量も決めて「OK」を押すとこのような画面になりますでしょうか?・・なるのです。
こちらが線画以外を選択範囲とした状態です。線画以外です。

選択範囲を反転させる

選択範囲→選択範囲を反転を選んでください。

選択範囲の反転なぜここで反転させるかといいますと、先ほどピッカーでどこの色をとりましたか?・・そう、背景の白を選択範囲として取っています。そのままでは線画以外の背景を選択範囲としているので反転させて線画のみを選択範囲”としておきます。

新規レイヤーを作りそちらに線画コピーを作る

“レイヤー”とは階層みたいなもの。他には影響せずそのレイヤー内だけで作業が出来るのです。

レイヤーを二つ作るレイヤーを作るタイミングは別にここじゃなくてもかまいません。最初に作っていても問題はありません。
新規レイヤーボタン(赤丸○)を押し、線画レイヤー白地レイヤーの二つを作ります。

※白地レイヤーには白を塗りつぶしておいてください。これでうっとおしい原画を消すことが出来ます。
緑丸○の瞳アイコンでも表示の有無を切り替えられますので見にくい場合は他を消して作業してくださいね。

線画色を変えて線画レイヤーに塗りつぶしをする

線画の色を選択 線画を塗りつぶし新規レイヤーで塗りつぶす、選択範囲以外には色が塗られないのでこれで線画の出来上がりというわけです。

あと、別に線画色を変える必要は無いのですが、真っ黒じゃきつすぎるという場合に線画色をセピア調やグレーにしてみると面白い絵柄になるかもしれません。

線画の色変え

線画の色変え応用になりますが、この線画レイヤーの上に新規レイヤーを作りをグループ化(Ctrl+G)して部分的に色を変えることも出来ます。
グループ化することではみ出さずに色を塗ることが出来るという仕組みです。

知っておきたいショートカット(塗りつぶし)

先ほど塗りつぶすという話が出てきましたが簡単な方法があります。
それはAlt+BackSpaceで一発なのです。(背景色はCtrl+BackSpace

選択色を塗りつぶし 背景色を塗りつぶし左が描画色の塗りつぶし”のショートカットキーで、右が背景色の塗りつぶし”ショートカット。
覚えておいて損は無いどころか作業が格段に早くなりますのでぜひ使っていきましょう。

まとめ

線画の下に色がぬれるということで線画の抽出のやり方(色域指定版)をみてきたわけなのですがいかがだったでしょうか?
一気に流したので分かりにくかったかもしれませんが、実際にやってみると意外と簡単に出来ちゃうものなのですね。
こうして線画のみを新規レイヤーに独立させてその下に肌レイヤーだの服レイヤーだの増やしていって塗るわけなのです。

最初の色調補正の段階で、出来るだけゴミといらない薄い線を飛ばしておくことが作業効率を上げるコツですのでやってみてくださいね♪

関連記事

フォトショでイラスト講座!塗り方で差が付く3つの方法!【女性の描き方編】

SPONSORED LINK

関連記事

原付二種ステッカー

原付50ccを二種登録する方法と注意点!ボアアップで黄色ナンバーにするための手続きを詳しく紹介

こんにちわ、紫摩(しま)です。 50ccの原付を二種登録すればうっとおしい3大縛りから解放

記事を読む

歩き遍路

2015年初詣は八栗寺へ!アクセス方法と参拝の注意点。八栗ケーブルがおすすめ!

こんにちわ、おへんろ好きのしまです。 今回は“初詣に八栗寺はいかが?”という感じで、参拝に関す

記事を読む

Xiaomi ブルートゥースイヤホン 中国

【PR】安くて高音質なワイヤレスイヤホンが海外にあった!Xiaomi(シャオミ)『Music Sport Earbuds-mini』の評価と品質

こんにちわ、紫摩(しま)です。 今回はGEARBEST様からのレビュー依頼で、中国メーカー

記事を読む

料金 お金画像 維持費

お金を見つけたらどうする?落し物を拾った時の対処法!警察に拾得物の届け出をする流れと必要な物

こんにちわ、紫摩(しま)です。 突然ですが『お金』好きですか? 僕はお金が大好きです

記事を読む

交通事故 多段階停止

事故を起こす原因と安全運転のコツ3選『危険予知トレーニング』ができてない!

こんにちわ紫摩です。 Twitterでも毎日のようにバイク事故やあおり運転がどうのこうのと言っ

記事を読む

DSC_0024

動物撮影でピントが合わない!その原因はカメラのAF設定かも?フォーカスモードの選び方と使い方

こんにちわ、しまです。 今回はカメラの設定、フォーカスモードについてのお話です。 動かな

記事を読む

20120211_1127129

小型二輪、原付二種バイクのメリットとデメリットとは?125ccまでのスクーターならAT限定免許がおすすめ!ファミバイ特約保険で維持費も安い

こんにちわ原二生活をしているしまです。 今回はいま流行りの“小型二輪”についてのお話です。

記事を読む

花粉 マスク 対策

俺流の花粉症対策!辛い症状緩和には何がいい?マスクよりも鼻炎薬を早めに飲むのがおすすめ

こんにちわ、紫摩(しま)です。 春になれば花粉の季節・・・ 皆さん花粉(症)対策ってどの

記事を読む

OLYMPUS DIGITAL CAMERA

手洗いで自動で出てくるハンドソープ評価!『ノータッチディスペンサー』飲食店などによく置いてるアレ、実はちゃんとした理由があった!

こんにちわ、紫摩(しま)です。 2018年、明けましておめでとうございます。 今年も小物

記事を読む

DSC_0004

車載動画撮影時の風きり音対策!ノイズ低減のために外付けマイクはどうなのか!?検証してみた(動画あり)

こんにちわ、ケチが故に安物買いで無駄遣いしてしまう、しまでございます。 前回、バイクの車載カメ

記事を読む

スポンサードリンク

Comment

  1. […] こんにちわしまです!! 前回の線画編に引き続き、今回はPhotoshop(フォトショップ)でのCGイラストの描き方(塗りがメイン)です。 どういう手順で描いていけばよいのか、またコツ […]

コメントを残す

スポンサードリンク

バイク 汎用サイドスタンド グロム
【調整式サイドスタンド】ローダウンのグロムに取り付けレビュー!強度や耐久性は大丈夫?

こんにちわ、紫摩(しま)です。 以前グロムのレイダウンリンク

ポッシュ ウルトラヘビー バーエンド
ハンドルバーエンドの重さと操作性の違い(セルフステアと曲がり具合)振動対策は?

こんにちわ、紫摩です。 みなさんバイクのハンドルバーエンドっ

エラー Wordpress 真っ白
【サイトSSL化でのトラブル】WordPressの編集画面が真っ白になった!エラーを見る方法とログインできない原因

こんにちわ、紫摩(しま)です。 先日の記事でも紹介した、SS

タイヤ RX01R 比較 RX03R
バイアスタイヤ【RX-01SpecRと03Rの違い】どっちがおすすめ?グリップや性能比較インプレ

こんにちわ、紫摩(しま)です。 IRCのスポーツハイグリップ

トップページ ネット SSL
WordPressサイトSSL化で失敗!https置換しても鍵マークにならないエラー

こんにちわ、紫摩(しま)です。 このブログサイト『MYSIM

insta360 ONE X 写真
バイクで360度カメラ!オススメは『Insta360 ONE X』アプリで楽々動画編集。リコーとの重さ違い

こんにちわ、紫摩です。 皆さん360度カメラって使ってますか

Twitter 不具合
【これで解決】Twitter(Android)不具合2020アプリ開かない!バージョンは8.28.2

こんにちわ、紫摩です。2020年1月22日にTwitter(ツイッ

ぱくたそ
古着もメルカリで売れる3つのコツと注意点!発送方法『ゆうパケットプラス』のメリット、デメリット  

こんにちわ、紫摩(しま)です。 リサイクルショップに持って行

TYGA アンダーカウル グロム
後期グロムにTYGA(タイガ)カーボンアンダーカウル取り付けレビュー!MSX125 undercowl

こんにちわ、紫摩です。 グロム/MSXのアンダーカウルは、た

後期グロム MSX125
後期グロム(JC61)シールチェーンに交換(RK ブラックスケール)106リンク

こんにちわ、紫摩です。 今回はグロムのチェーン交換。納車1年くら

→もっと見る

  • mysimasima筆者、紫摩(しま)のプロフィール

  • メールアドレスを記入して『送信』で、
    更新情報を無料で通知してくれます(^^)

    37人の購読者に加わりましょう

PAGE TOP ↑