Designare cafe

Step1 描いた画像を読み込もう

Illustratorを開き、線画を抽出したいイラストを読み込みます。

先ほどスキャンした画像と全く同じものです。 相変わらずボコボコしています。よくみると鉛筆で描いた部分の消し残しもありました…。

Step2 早速画像トレースをしてみよう

Illustrator CCであれば、画像を選択した際に上部に

このような画面が表示されるかと思います。(CS6やCS5では場所が異なるようです) そして、赤丸で囲っている部分をポチッと押してみます。 すると、

こんな感じに、くっきりとした線画を作り出すことができます！ そして、トレース結果と書いてある右側の拡張というボタンをクリックすると、画像全体がパス化されます。 すると、このようになります。

今回は、画像が白黒だったため、プリセットをデフォルトに指定し、白黒変換でしたが、カラー変換ももちろんできます。 今この画像はどのようになっているかというと、黒の面(線画)と、白の面(画像の中の黒じゃない部分)で構成されていますので、不必要な白の面の部分を消そうかと思います。

Step3 不要な色を一括削除しよう

まず、このパス化された画像のグループを解除します。 解除をした時にレイヤーパネルを見るとわかると思いますが、白と黒のパスがバラバラになっています。 それを一つ一つ選択をして白の部分を消していく… …なんてそんな気の遠くなるような作業はしません笑 自分が選択した色が他の部分でも使用されている場合、一括で選択できる方法を紹介します。 今回は白の部分を消したいので、まずは白の部分を選択します。

パスの面の部分が白、線の部分が何も表示されていないので、この部分は面で表されていることがわかります。 そこで、Illustrator上部メニューバーの「選択」を表示させると、「共通」という項目があります。そして「カラー(塗り)」という部分を選択します。

すると、選択した面の色と共通の色が一括で選択されます！

…すごく分かりづらいので、一括選択されている状態で、色の変更をしてみます。

ドン！！

一括選択されているので、このように白の面の部分を一気に別の色に変更することが可能です。 これはかなり作業時間の削減になりますね。 今回は今選択している部分はいらない部分なので、削除をします。 すると、黒の部分だけが残ると思いますので、あとは任意でブラシなどで書き足しをすれば線画の完成！ 変にいじるとバラバラになったパスが動いてしまう可能性があるので、グループ化をしておくとよりスッキリするかもしれません。 Photoshopで確認をしてみたところ、線画のみになっていることがわかります。

ここまですると、線画として完成です！

Step4 おまけ

後は別のイラストソフトなどを利用して色を塗ってみるとより華やかになると思います。 CLIP STUDIO PAINTで着色をしてみました。

個人的にですが線画がくっきりとあるので、塗りつぶしがとてもしやすく便利でした！ もちろん、先ほど消した白の面を残しておけばそのままIllustratorで色をのせてカラーイラストを作り上げることも可能です。

※この方法で不向きなこと 線画が細すぎるときちんとトレース結果として表示されないので、できればマーカーなどで描いた線画を抽出できるようにした方がより便利に使えるかと思います。