*

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

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

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

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

SPONSORED LINK

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

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

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

まだノイズ多い

解像度

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

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

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

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

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

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

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

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

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

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

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

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

補正前と補正後の比較

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

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

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

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

消しゴムツールで消去

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

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

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

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

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

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

線画のみを取り出す

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

色域指定とは

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

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

背景の白色を選択

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

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

許容量最小

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

許容量最大

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

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

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

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

選択範囲を反転させる

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

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

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

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

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

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

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

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

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

線画の色変え

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

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

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

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

まとめ

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

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

関連記事

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

SPONSORED LINK

関連記事

LED ライト 投光器

自宅ガレージにLED投光器取り付け!ライトの明るさ比較

こんにちわ!紫摩(しま)です! 僕の自宅のガレージは軒下簡易雨よけ程度の自転車が置けるスペ

記事を読む

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

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

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

記事を読む

アクションカムのいいところ ライブビューモニター

モトブログ用にアクションカムX1000Vを選んだ理由!GoProやAS-200Vよりもおすすめできるポイント

こんにちわ紫摩(しま)です! モトブログ用にアクションカムを導入したのは前回のブログで軽く紹介

記事を読む

X1000V ケーズ商談メモ

カメラ購入の際ネットとお店はどっちがいい?価格比較とサービスの違いで賢く買う!

こんにちわ、紫摩です! 僕は電気製品をケーズデンキで買うことが多いのですが、今回買ったアク

記事を読む

バイク バネレート ナイトロン アイバッハ オーリンズ

【バイクのスプリング交換】バネレートとプリロードセッティングで走りはどう変わるか

こんにちわ、紫摩(しま)です。 リアサスセッティングって難しいですよね。減衰とか車高とかプ

記事を読む

花粉 マスク 対策

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

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

記事を読む

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

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

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

記事を読む

撮影キット

「王様の撮影キット」をおすすめする4つの理由!売れる商品には写真撮影のコツがある

こんにちわ、カメラ好きのしまです。 今回紹介したいなと思うのが今、口コミやネットで話題になりつ

記事を読む

バイク バンク リーンウィズ コーナー

【バイクでバンクが怖い人へ】曲がらない・転倒の理由と遠心力の使い方

こんにちわ、紫摩(しま)です。 僕が免許を取ってジムカーナを始めて、それから教える立場になって

記事を読む

20120211_1127129

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

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

記事を読む

スポンサードリンク

Comment

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

コメントを残す

スポンサードリンク

ZX-25R ジムカーナ しま
実はかなり難しいZX-25R走行インプレ!パワーモードについて ジムカーナでGPR300はグリップするのか

こんにちわ、紫摩(しま)です。 ZX-25Rはサーキットとか

ZX-25R ニーグリップパッド
ZX-25Rのニーグリップパッドを自作してみた!取り付けと効果は?

こんにちわ、紫摩(しま)です。 Ninnja ZX-25Rっ

ZX-25R バンパー ガード
【ZX-25Rバンパー取り付け】スライダーじゃない理由…転倒時の車体保護の技術

こんにちわ、紫摩(しま)です。 思い付きでZX-25Rを購入

バキュームピストン ダイヤフラム VTR
【VTR250整備】加速しない時はダイヤフラム劣化では?バキュームピストンと燃調

こんにちわ、紫摩(しま)です。 中古で買ったVTR250の2

エルフ メッシュグローブ EG-S501
エルフの夏グローブ買ってみた!EG-S501 フィット感が良くておすすめ。

こんにちわ、紫摩(しま)です。 皆さん、バイクグローブにこだ

GT601 CBR125R
【CBR125Rタイヤ交換】ダンロップGT601 バイアスタイヤのインプレ

CBR125Rのタイヤ選択でかなり頭を悩ませている方も多いと思いま

Z-8-MURAL_TC-10
ショウエイ新型Z-8はどうなのか?Z-7が今セールで買い時のためヘルメットの違いを比較してみた。

こんにちわ、紫摩です。 ショウエイの超人気モデルZ-7が20

キジマ ヘルメットホルダー ロック ナンバーサイド
【盗難対策】ヘルメットロックで解決!グロムにナンバーサイドタイプ取り付け

こんにちわ、紫摩(しま)です。 皆さん、ツーリング先で脱いだ

CBR125R 女子ライダー
CBR125Rに7年乗った感想『手放さない理由』GSX-R125とスペック比較 

こんにちわ、紫摩(しま)です。 このサイトのメインバイクでも

OLYMPUS DIGITAL CAMERA
ヘルメット内装調整DIY「こめかみが痛い!」スポンジで対処

こんにちわ、紫摩(しま)です。 適正サイズのヘルメットを被っ

→もっと見る

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

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

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

PAGE TOP ↑