手描きイラストをillustratorでデータにする画像トレースのやり方

1. イラストを手描きする

まずはメモ帳や紙などにペンで手描きのイラストを描きます。

できるだけ濃いインクが出るペン（黒のボールペンなど）を使ったほうがいいです。シャーペンなどで描いて筆跡が薄くなって、メモ帳の罫線と同じようなトーンになってしまうと画像トレースがかなりやりにくくなりまるのでご注意ください。

2. スマホ（iPhone）で撮影する

先ほど描いたイラストを自分のスマホで撮影します。
できるだけメモ帳とスマホが並行になるように、真正面から撮るのがコツです。

このときに自分の影などが入らないように気をつけて撮影してください。影（グレーや黒）が入ってしまうと画像トレースがやりにくくなります。

3. スマホでモノクロに加工する

撮影した画像はスマホでできるところまで簡単に加工しておきます。ボクはiPhoneなどで操作方法などは参考にならないかもしれませんが、こんな感じで加工しています。

iPhoneで色調加工でモノクロにする場合、ボク的におすすめなのは「ノアール」です。

画像トレースしてデータにするものなので、白と黒のみの画像にできるだけ近づけたほうがいいです。普通にモノクロにだけするとグレーの部分もたくさん入ってしまうので注意してください。

4. googleドライブにアップしてPCに取り込む

モノクロに加工したらPCに取り込むためにgoogleドライブにアップします。

アップする方法はgoogleドライブのアプリをインストールすれば簡単にアップできます。・・が、その前にgoogleアカウントを取得し、googleドライブを使っていないといけませんが・・。

googleドライブに限らず、PCからモノクロ画像がダウンロードできるものならなんでもいいです。メールで送ってもいいですね。ボクはメールよりも簡単なのでgoogleドライブを使っていますが、自分にとって一番やりやすい方法で問題ないと思います。

5. photoshopで白黒に加工

PCにモノクロ画像を取り込めたら、その画像をphotoshopで開き、さらに白黒に加工します。
この時点ではまだ背景のメモ帳の罫線や方眼が残っている可能性があるので、それをできるだけ無くすくらい白黒にします。ボクがよく行う画像処理としては

などです。

ここで完全にペンの線の黒とノートの背景の白だけになるくらいまで白黒にしましょう。これがうまくいくと画像トレースがやりやすくなります。

6. illustratorで画像トレース

ここまで画像加工して、いよいよillustratorにて画像トレースします。まずは画像をアートボード上に配置します。

画像トレースする手順としては、

以上です。
これで白と黒のベクターデータが出来上がります。

7. ベクターデータ完成

トレーズ後は線を細くしたりカラーをつけたり形状を加工したり、自分がイメージしているテイストに微調整して完成です。

手描きならではの風合いがありますよね。ベクターデータにすると拡大縮小が自由にできるようになるので、チラシやポスター、バナーなどの制作物に使用しましょう。