Photoshopで線画抽出する方法 〜手書きイラストをスキャンした場合〜

Photoshopで線画抽出する方法 〜手書きイラストをスキャンした場合〜

梅田周平

梅田周平

クイックマスクを利用する

新しい領域でやったほうがイイ

余計なものを排除した状態で一旦コピーします。全選択をして[編集]>[コピー]です。そして、別の場所で作業するため[ファイル]>[新規]です。ちなみにウィンドウのサイズは、先ほどコピーしたものと同じサイズに自動的に設定されます。

 

黒く塗って、クイックマスクモードにする。

  1. 新たにレイヤーを作り、
  2. [塗りつぶしツール]で黒く塗ります。
  3. その後、[クイックマスクモードモードで編集]でクイックマスクモードにします。

 

赤くなる

  1. 先程コピーしたものを貼り付けると赤くなったイラストが表示されます。
  2. その後、クイックマスクモードを解除します。

 

選択されている

イラスト部分以外が選択されています。このまま、BackspaceDeleteでイラスト以外の部分を取り除きます。その他には、一旦選択を反転させて、[右クリック]>[選択範囲をコピーしたレイヤー]として上げても良いです。

 

イラスト部分のみのレイヤー、背景は透明

これでイラスト部分だけのレイヤーができました。イラスト部分のレイヤーは、黒い部分以外が透明になっています。背景の白は別のレイヤーです。

お疲れ様です!あとはこのデジタルデータ化されたイラストを煮るなり焼くなりするだけです。

 

これらの作業をショートカットキーでやると…

Ctrl + A … 全選択

Ctrl + C … レイヤーのコピー

Ctrl + N … 新規ウインドウ

Ctrl + Shift + N (+ Alt) … 新規レイヤー

Shift + F5 … 塗りつぶし

Q … クイックマスクモードにする

Ctrl + V … レイヤーの貼付け

Q … クイックマスクモードを解除

Delete … 余計な部分を削除

Backspace … 後退キー

 

 

途中でEnterとかが必要ですが、この順番でショートカットを打っていけばイラストを部分を抜き取ったレイヤーが完成します。
(Macの場合はCtrlCommandに置き換えてください。)

 

おまけ

こうなりました。

ちなみに抜き取ったイラストはこんな感じにアレンジしてみました。筆で書いたらもっとかっこ良いかもしれませんね。
Web制作のご相談・料金のお見積りはこちらから

LIGはWebサイト制作を支援しています。ご興味のある方は事業ぺージをぜひご覧ください。

Webサイト制作の実績・料金を見る

この記事のシェア数

個人趣味全開系ブログ「喫茶店の部屋」執筆者の喫茶店こと、しゅーへいです.写真とマジックが好きな難病持ちの元高専生です.難病とはポジティブに付き合っています.あと、腕毛が濃い。

このメンバーの記事をもっと読む
デザイン力×グローバルな開発体制でDXをトータル支援
お問い合わせ 会社概要DL