最近Photoshopをゲットしたライターのしゅーへいです。
LIGデザイナー陣のデザイン技術をチラチラ見ながら、Photoshopの勉強をしております。ちなみに打倒、王さんです。

今回の記事は、手描きのイラストをデジタルデータ化する方法です。
必要な物は「スキャナ」と「Photoshop」です。今から紹介する方法は、線画でも利用可能なので覚えておいて損はないです。

ストーリー

家にあった中二病ノートに2012年4月に書いたイラストというか文字がありました。なんか「イイナ・・・。」とか思ったので、このイラストをデジタル化しようと思います。

スキャンする

まずはスキャナを使ってスキャンします。

320dpiのTIF形式でスキャンしました。綺麗にスキャンできるならJPEGでも良いと思います。

Photoshopでの作業

次に、Photoshopでの作業に移ります。

余計な部分の除去

そのままスキャンしたものは、デジタルデータ化したくない余計なものまでスキャンされています。まずは、イラスト以外の部分を除去する作業から始めます。

やり方は、［イメージ］＞［色調補正］の中にある「明るさ・コントラスト」と「レベル補正」を使って、イラスト以外を消していく感じです。

余計なものを排除したらこんな感じになります。方眼紙の目の部分は細かく、コントラストを上げても完全に消せなかったので消しゴムツール等を使って消しました。

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

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

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

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

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

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

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

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

Ctrl + A　…　全選択

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

Ctrl + N　…　新規ウインドウ

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

Shift + F5　…　塗りつぶし

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

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

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

Delete　…　余計な部分を削除

Backspace　…　後退キー

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

おまけ

ちなみに抜き取ったイラストはこんな感じにアレンジしてみました。筆で書いたらもっとかっこ良いかもしれませんね。