*

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

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

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

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

SPONSORED LINK

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

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

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

まだノイズ多い

解像度

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

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

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

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

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

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

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

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

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

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

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

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

補正前と補正後の比較

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

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

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

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

消しゴムツールで消去

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

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

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

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

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

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

線画のみを取り出す

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

色域指定とは

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

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

背景の白色を選択

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

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

許容量最小

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

許容量最大

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

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

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

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

選択範囲を反転させる

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

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

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

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

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

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

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

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

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

線画の色変え

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

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

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

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

まとめ

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

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

関連記事

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

SPONSORED LINK

関連記事

クリスタルガードプロ コーティング 自動車 ボディ

『クリスタルガードプロ』レビュー!親水ガラスコーティングのメリット・デメリットと車用コーテイングの選び方

こんにちわ、紫摩(しま)です。 新車を購入してまずやっておきたいのがボディーコーティングですよ

記事を読む

後輩 怒る上司 うざい上司

【上司・先輩がウザい】指導傾向と対策!逆に部下・後輩から信頼される上司になるには?

こんにちわ、紫摩(しま)です。 前回は、『好感の持てる部下・後輩』というテーマで書きましたが、

記事を読む

2018グロム

【新型MSX125価格】2018年グロムとの違いは?JC61後期カラーリング比較

こんにちわ、紫摩(しま)です。 2016年以降のモデル、いわゆる“新型グロム”の海外版、M

記事を読む

スカイライン300

フォトショップPhotoshopで写真加工!ボロボロの古い写真を復元してみた

今日のブログは写真加工についてのお話です。 僕は以前中学生時代にはイラストレーターになりたいと

記事を読む

D5500撮る

新モデルD5500とD5300の違いを比較!”ニコン初”タッチパネル搭載一眼レフの評価と通販価格

こんにちわ、しまです。 Nikonの一眼レフD5300が発売して1年と3か月。 そしてついに

記事を読む

減衰 フォーク 構造

PDバルブのセッティング【VTR250】減衰が弱すぎてフォークがフワフワ。オイル粘度とリバウンド

こんにちわ紫摩です。 先日のサスセッティング沼なのですが、まだ続きがあります。 リアショ

記事を読む

71IlpyuD+CL._SL1395_

おいしいプロテインバーのおすすめ4選!(ザバス、inバー、一本満足、アミノプロテイン)

こんにちわ、紫摩(しま)です。 筋トレ初心者で、プロテインに興味が出てきて、仕事の休憩中に

記事を読む

TNT125 フロントブレーキ キャリパー

ベネリTNT125のリアブレーキ(CBS)が最悪!安全補助装置だけど危険な理由

こんにちわ、紫摩です。 イタリアバイク、Benelli(ベネリ)TNT125というミニバイ

記事を読む

アクションカム 画質設定おすすめ

アクションカムの録画モード(HDとMP4)画質の違いを比較!YouTubeにアップするなら最高画質でOK

こんにちわ、紫摩(しま)です! アクションカムレビュー、一記事でまとめようと思ったらかなりの量

記事を読む

DSC_0004

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

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

記事を読む

スポンサードリンク

Comment

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

コメントを残す

スポンサードリンク

TNT125 フロントブレーキ キャリパー
ベネリTNT125のリアブレーキ(CBS)が最悪!安全補助装置だけど危険な理由

こんにちわ、紫摩です。 イタリアバイク、Benelli(ベネ

ネジザウルス モグラ なめた
【なめた六角ボルトを外せる】ネジザウルスモグラが最強!狭い場所で叩かず使える

こんにちわ、紫摩です。 今回は工具のお話です。 バイク

チェーン 調整 ZX-25R
ZX-25Rのチェーンたるみ調整方法!必要な工具は?緩まらないアクスルシャフトはこうして外す

こんにちわ、紫摩です。 今更ですがチェーンの調整方法と注意点

直線 スラローム
直線スラロームがめっちゃうまくなるコツ!加減速と体重移動のタイミングがポイント

こんにちは!しまです。 今回はライテクブログです。 あまり

TNT125 アイドリング スタンド
TNT125のサイドスタンドスイッチをキャンセルするやり方!暖機運転ができない

こんにちは、紫摩(しま)です。 TNT125は誰もやってる人

TNT125 転倒 バンパー
TNT125転倒実験!スライダー兼バンパー取り付け!立ちごけ対策になるか?

TNT125を買いました。こんにちは、しまです。 そしてジム

ZX-25R リアサス ZX-10R
ZX25Rでスポーツ走行するならこのカスタム3選!+おまけ

こんにちは、紫摩(しま)です。 最近ZX-25Rネタばっかり

TNT125 レバー 
ベネリTNT125カスタム【クラッチ/ブレーキレバー】交換!

こんにちは、紫摩です。 ベネリTNT125を妻が購入したので

TNT125 マフラー
バイクサイトも知らないTNT125のスゴイところ!グロムと比べてみた結果(ヘッドライト、フォーク、フレーム、リアサス、ブレーキ)

こんにちは、紫摩です。 以前もグロムとベネリTNT125の原

ZX-25R タイヤ 交換 
【スーパーコルサSP V3インプレ】ZX-25Rでジムカーナ!公道グリップ最強タイヤは滑らないのか?

こんにちは、紫摩です。前回のブログでZX-25Rのタイヤ交換しまし

→もっと見る

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

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

PAGE TOP ↑