【チュートリアル】Illustrator/イラレの画像トレース方法!!

こんにちは!ユアムーン 編集部です!

突然ですが、皆さんはイラストレーターで画像をトレースをしたことはありますか!?

画像トレースとは文字通り、画像をイラストレーター内でベクターデータ(図形)化することです。うまく行く場合と行かない場合がありますが、これが出来るとクリエイティブ制作においてかなりの時短が可能となります。

この記事では、画像トレースの基本的な使い方を解説します!それでは早速見ていきましょう!

最新のチュートリアル記事は[こちら]からも確認できます!

Illustrator/イラレの画像トレースのやり方

①:「ウィンドウ」→「画像トレース」

まず初めに、画像トレースの設定画面を開きます。

画像トレースのウィンドウは、「ウィンドウ」→「画像トレース」から開くことが出来ます。

設定画面については後ほどご説明します!

②:「オブジェクト」→「画像トレース」→「作成」

次に、画像を選択した状態で画像トレースの作成を選択します。

この作業は、「オブジェクト」→「画像トレース」→「作成」から行うことが出来ます。この時点では、まだベクターデータ化されておらず、事実上画像として扱われています。

一度ベクター化してしまうと、トレースの細かい設定が出来なくなってしまいますので、必ず「作成」を選択するようにしましょう!

この時、「作成して拡張」を選択しないように注意しましょう!

③:画像トレースの設定

ここからは設定画面を一つ一つ見ていきましょう!ピンクで色を付けている箇所が、設定する時によく使うパラメーターです。一つ一つ解説していきますが、これらは使いながら覚えていくのが良いでしょう!

プリセット

プリセットでは事前に準備されたトレース設定を選択することが出来ます。下記の画像を見ての通り、写真(高精度)ではもともとの画像にかなり近くなっていますが、「3色変換」や「スケッチアート」では、かなりデフォルメされています。

初めのうちは細かい設定に慣れていないかと思いますので、このプリセットから自分の思うトレース設定を選択することをおすすめします。

表示

トレースしたオブジェクトの表示方法を設定できます。

カラーモード

トレースした画像のカラーモードを設定できます。

パレット

パレットはカラーモードをカラーにした場合にのみ指定する項目です。「自動」「限定」「フル階調」の3つを選ぶことができ、「フル階調」に行くにつれより写真に近い表現が可能となります。

しきい値/グレー/カラー

この項目は、カラーモード指定したパレットの設定に基づいて設定します。

グレー/カラーでは、色の数を指定することができ、数値が大きくなるにつれより細かい表現が可能となります。

しきい値のみ、設定した数値より暗いピクセルは黒色になります。そのため数値を大きくすると黒の面積が大きくなり、小さくすると白の面積が大きくなります。

パス

オリジナルの画像をどのくらいの精度でトレースするかを設定できます。精度を低くするにつれ、とがったパスの表現が目立つようになります。

コーナー

曲線部の精度を調整します。値が大きくなるほど、スムーズな曲線が描かれます。

ノイズ

指定したピクセルの領域を無視して、ノイズを減らします。値が大きいほどノイズが少なくなります。

③:「オブジェクト」→「画像トレース」→「拡張」

最後に、画像トレースの設定を行ったらベクター化を行います。ベクター化は、「オブジェクト」→「画像トレース」→「拡張」で行えます。

まとめ

いかがでしたでしょうか!?

イラストレーターの画像トレースの使い方を一通り網羅出来たかと思います!画像トレースは写真を簡単にイラストのように見せる時に非常に役立ちますので、是非覚えておいてください!

今後も、知っていると便利なクリエイティブ情報を発信していきますので、よろしくお願いします!

最新のチュートリアル記事は[こちら]からも確認できます!


未経験可!おすすめデザインスクール3選

「デザインを本格的に習ったことが無い!」
「ウェブデザイナー/動画クリエイターに転職したい!」
「デジタルに強いクリエイターになりたい!」

そんな方にユアムーン編集部が厳選したおすすめデザインスクールを3つ紹介します!

デジタルハリウッド STUDIO by LIG

デジタルハリウッド STUDIO by LIGは、Web制作会社(株式会社LIG)が運営するプログラムで、現役デザイナーから直接、様々な指導を受けることが出来ます。LIG運営のコワーキングスペース使い放題の他、Mac・デュアルディスプレイ設備など、環境についても十分な機能を備えています。

現役クリエイターによる直接指導!Webクリエイタースクール【デジタルハリウッド STUDIO by LIG】

インターネット・アカデミー

インターネット・アカデミーは、1995年に開校した日本初のWeb専門スクールでWebデザイン、プログラミングなどを学ぶことが出来ます。歴史が他の学校に比べて長く、あらゆる実績と講師力があります。現在のウェブデザイナーはプログラムを書く高い能力も求められているので、これからウェブデザイナーになりたいという人に是非おすすめです。

実績多数!プログラミング・Webデザインスクール【インターネット・アカデミー】

クリエイターズジャパン

クリエイターズジャパンは、現役の動画クリエイターが講師として教えている動画編集スクールです。Adobe製品の基本的操作方法を一から丁寧に教えてくれるため、初めての方でも安心して受講できます。これから動画を作ってみたい人、隙間時間を活用し副収入を得たい人、在宅ワークで動画制作をしたい人、様々な方にお勧めできるスクールです!

動画編集スクール【クリエイターズジャパン】

「PORTFOLIO SENSEI」-ポートフォリオ添削サービス-

ご自身のポートフォリオに出来に満足していますか?

Euphoric ” “運営元 ユアムーン株式会社では、「PORTFOLIO SENSEI」というポートフォリオ添削サービスを提供しています。「新卒/第二新卒でクリエイティブ職」「クリエイティブ業界に転職」「海外美大への入学」を目指す方に是非お勧めのサービスです!

現場クリエイター陣が見極め、添削・ご指導させていただくことであなたのポートフォリオを最大化致します!


Adobeを始めたい方はこちらから!