illustratorで手描きイラストをデジタル化する2つのやり方

illustratorではなめらかな曲線でイラストが描けるのですが

いびつな線で描きあげた手描きイラストもまた味があっていい。

今回はillustratorで手描きイラストを取り込んでデジタル化する方法2つを書きます。

バージョンはillustratorCCを使用。

 

今回使う手描きイラストはこちら

f:id:uni1237:20180802111149j:plain

手帳にボールペンでイラストを描き、iPadのカメラで撮影したもの。

 

このイラストを

①画像トレース機能を使う

②Adobe Captureアプリを使う

というふたつの方法でパソコンに取り込んでみようと思います。

 

画像トレース

まず、[ウィンドウ]→[画像トレース]で画像トレースを表示させます。 

次に[編集]→[配置]でイラストを選択

f:id:uni1237:20180802111822j:plain

 

そして[オブジェクト]→[画像トレース]→[作成]

f:id:uni1237:20180802112033j:plain

 

プレビューにチェックを入れて画像トレースウィンドウで細かな調節をします。

f:id:uni1237:20180802112541j:plain

 

きれいにトレースができました!

f:id:uni1237:20180802113010j:plain

 

最後にイラストを選択した状態で[オブジェクト]→[画像トレース]→[拡張]でパスのグループ化に変換させます。

f:id:uni1237:20180802113316j:plain

これで細かい調節が可能となります。

 

f:id:uni1237:20180802114049j:plain

ライブペイントツールや塗りブラシなどで着色したら完成。

 

 

Adobe Captureアプリを使う

次にAdobe Captureというアプリを使って手描きイラストをベクター化します。

Adobe Capture CC

Adobe Capture CC

  • Adobe
  • 仕事効率化
  • 無料

 

アプリを起動し、下のカメラボタンでイラストをアップロードします。

f:id:uni1237:20180802124609p:plain

 

手帳のラインを消すために右のバーを上下させて調節します。

f:id:uni1237:20180802124742p:plain

 

その他に消しゴムツールでノイズを消したり

スムーズツールで線をなめらかに変換したりします。

終わったら完了ボタンをポチ。

f:id:uni1237:20180802125022p:plain

 

アプリでの操作は以上で終わり。

次からはillustratorソフトを使います。

イラレを起動して[ライブラリ]を開くとさきほどアプリで保存したイラストが同期されているのでアートボードにドラックして配置します。

f:id:uni1237:20180802125514p:plain

f:id:uni1237:20180802125739p:plain

すでにパス化されているので、さきほどと同じようにして色を塗って完成。

 

 

比較

ふたつの線画を比べてみました。

【画像トレース】

f:id:uni1237:20180802130640p:plain

 

【Adobe Capture】

f:id:uni1237:20180802130704p:plain

アプリの方は手帳の線を消そうと調節したらこのように少しカスカスになりました。

なので罫線があるノートなどに描いたイラストを取り込む場合は【画像トレース】を使ったほうがきれいに取り込むことができます。

 

このように画像トレースやアプリを使うとillustratorで手軽に手描きイラストができあがります。