TOP > デザイン > Photoshop > 【たったの6ステップ】Photoshopでイラストの線だけ抽出する方法

【たったの6ステップ】Photoshopでイラストの線だけ抽出する方法 Photoshop

【たったの6ステップ】Photoshopでイラストの線だけ抽出する方法

堀内 良太

2019/12/25

0

LineLine

この記事のURLをコピー

 

線画の線の抽出のしかた

イラストや線画からPhotoshopを使って色の濃い線だけを抽出する方法を紹介します。

やりかたはとっても簡単です。

 

イラストから線のみ

 

準備

まずは絵を用意します。抽出する線が判別しやすいようできるだけ濃い色のペンで下描きをしましょう。

 

イラスト下描き

 

イラストをスキャンする

できた絵をスキャナーでスキャン(なければスマホのカメラで全体を明るく撮影でもOK)し、データをPCに転送します。

データをPhotoshopでひらきます。

 

画像を白黒にする

Photoshopで画像をひらき、「イメージ」→「色調補正」→「白黒」に変換します。

 

画像を白黒にする

 

レベル補正で色を濃く

変換したら「イメージ」→「色調補正」→「レベル補正」で線の濃度を調整します。

 

画像をレベル補正

真ん中と一番右のつまみを左に移動させてコントラストがはっきりつくよう動かしていきます。

 

レベル補正でコントラストをはっきり

 

不要な線はブラシをつかって白く塗りつぶしてしまいましょう。

 

不要な線を塗って消す

 

チャンネルで線を抽出

不要な線が取れたらチャンネルとかかれたパネルをひらき、パネル下にある点の丸をクリックしましょう。

 

チャンネルから選択範囲を作成

 

すると、チャンネルにある色が選択されます。白い部分が選択されるので、黒色の箇所が選択されるように選択範囲を反転させます。

「選択範囲」→「選択範囲を反転」をえらんで反転しましょう。

 

選択範囲を反転する

 

選択した線に色を塗る

線が選択できたらレイヤーパネル下にあるアイコンをクリックして、新規レイヤーを作成します。

 

新規レイヤーを作成

 

そのレイヤーに「編集」→「塗りつぶし」で色を塗りつぶします。黒なので黒色か、線の色をかえたいようであれば左パレットのカラーを選択し色を変更して塗りつぶしましょう。

 

塗りつぶし

 

カラーピッカーで描画色を変える

 

完成

これで完成です。線の部分だけ抜けました。とても簡単です。

 

線の抽出

 

線を抽出してできること

線を抽出してできることは色々ありますが、いくつか紹介していきます。

 

イラストにブラシで色を塗る

これは当たり前ですが、ブラシや塗りつぶしツールで色を塗ることができます。この時、線のレイヤーとは別のレイヤーを作成し、そこに色を塗っていきましょう。

 

イラストにブラシで色を塗る

 

フリーブラシを使った参考例の記事はこちら

 

線をパスにする

次に線をパスにする方法を紹介します。パスにすることで、いつでも線を選択して新しい線を作成することができます。

 

線のレイヤーをcommand+クリック(windowsならctrl+クリック)で選択範囲を作成し、選択した状態のままパスパネルをひらき、パネル右上にあるメニューアイコンをクリックします。

 

選択範囲を作成

 

メニューがドロップしたら作業用パスという項目をクリックし、OKを押します。

 

作業用パスを作成

 

そうしたらもう一度メニューを選択し、パスを作成を選択したら線のパスの完成です。

 

パスを作成

 

また、パスをイラレに配置すれば(command+cでコピー(windowsならctrl+c)command+vで配置(windowsならctrl+v))ベクターデータとして利用することができます。

ロゴにしたり、デザインのワンポイントにも使えたりするので便利です。

 

イラレにフォトショで作成したパスを配置する

 

まとめ

以上、Photoshopを利用してイラストの線を抽出する方法でした。

以下手順をまとめましたので参考にしてください。

 

  • イラストを描く。
  • イラストの線の色は濃い目で描く。
  • スキャナーでスキャン。もしくはスマホで撮影。
  • 画像を白黒にする。
  • レベル補正でコントラストをはっきりつける。
  • チャンネルで選択範囲を作成する。
  • 選択を反転して塗りつぶし。
  • 線の抽出完成。

 

 

堀内 良太

フォトレタッチとイラスト作成が得意なフリーランスのデザイナー。デザインがなんだかアメコミっぽくなる習性がある。ヒップホップを愛する。

0

LineLine

この記事のURLをコピー

コメント6件

  1. 匿名 より:

    わけわかりませんでした

    • 石川 洋平 より:

      コメントありがとうございます。努力します!

  2. naimed より:

    当方は古いバージョンしか持ってませんがよく分かりました!ありがとうございます!!

  3. imai より:

    とても分かりやすいです。助かりました^^