イラレの画像トレースで写真をイラスト風に加工する方法と設定

Illustrator(イラレ)には「画像トレース」という機能があります。少し前までは「ライブトレース」と呼ばれていた機能のことです。

細かく設定も可能ですので、入力値を調整すれば、自分好みに調整が可能です。トレースというだけあって、写真からパス化することも出来る便利な機能なので、様々なシーンで応用が効くかと思います。

「画像トレース」によって簡単に今までなかった表現をすることができますので、是非覚えて実践して欲しいです。

写真をイラスト風に加工できるイラレの“画像トレース”とは

画像トレースを使用すると、ラスタライズ画像（JPEG、PNG、PSD など）をベクターアートワークに変換できます。この機能を使用すると、既存のアートワークの一部を基にして、これをトレースすることで、新規のアートワークを簡単に描画できます。

Adobe公式 画像トレース

この機能を使えば、手書きの文字やイラストなどを簡単にベクターデータに変換して、色を付けたり形を調節したりと自由に編集出来るようになります。

プロの現場では、手書きの文字やイラストなどをベクターデータに変換する際に使うこともあります。

このように、画像トレースを使えば、自分でペンツールを使ってベジェ曲線を引かずにトレース出来るので、“時間短縮”としても活躍してくれる機能です。

この“画像トレース”を使えば写真をイラスト風に加工した表現も可能になります。

イラレの画像トレースで写真をイラスト風に加工する方法

まずはイラスト風にしたい写真をIllustratorのアートボードに配置します。高解像度でサイズの大きい画像などは変換する際に多少時間がかかりますので、適度なサイズの写真にしてください。

写真を配置できたら、その写真を選択状態でコントロールパネルの「画像トレース」をクリックします。

画像のサイズが大きい場合は、「この大きさの画像にトレースを実行すると、時間がかかる可能性があります。続行しますか？」という注意メッセージが出ますが構わず「OK」を押して先に進みます。

正確にはまだこの状態はパス化されておらずプレビューで表示されているだけなので編集をしていきます。

この状態から、コントロールパネルから「画像トレースオプション」をクリックします。プリセットの隣にあるアイコンです。

画像トレースオプションの中身はこのようになっています。

この８つの項目が画像トレースオプションでは頻繁に使われますので、まずはこの項目を覚えて使えるようにしましょう。

トレース元の画像によって設定は変えていく必要がありますが、今回の画像では、下記のような設定にしました。

これで写真をイラスト風に加工できました。

イラスト風に加工した写真をパス化する方法

画像トレースを使ってイラスト風に加工した写真をパスにするためには、コントロールパネルの「拡張」をクリックするとパス化することができます。

パス化するとパスが大量に増えるため、データが重くなります

設定したパスの数によりますが、写真をパス化した場合はパスが大量になり、データが重くなりますので、パス化する必要のないデータはパス化する必要はありません。

画像トレースで写真をイラスト風に加工するポイント

イラレの“画像トレース”を使って写真をイラスト風に加工するポイントがあります。

なぜ、パスの数や色数を増やさないのがポイントかというと、単純にパスの数や色数を増やせば増やすほど、写真に近づいていきイラスト感が損なわれていってしまうからです。

求めるイラストテイストによって色数やパスの数を変えてください。色数やパスの数の数値でイラストのテイストが大きく変わります。

色数を10色に減らした場合

色数を3色に減らした場合

このように写真からはイメージが遠ざかりますが、よりアーティスティックなイラストに近づけられたりと面白い表現もできるので、自分好みの設定を探してみてください。

イラレ の画像トレースを使って写真をイラスト風に加工する方法まとめ

Illustrator(イラレ)の画像トレースを使って写真をイラスト風に加工する方法をご紹介しました。

オプションの役割や意味を覚えてしまえば、簡単に写真をイラスト風にすることができるかと思います。

入力する数値によっては面白いビジュアルが出来上がることもありますので、是非、この“画像トレース”を使いこなして好みのビジュアルを作ってみてください。

Illustratorでのイラスト作りでは「塗りつぶし」を使った方法などもありますので上手く組み合わせてイラスト作成を進めることをおすすめします。