クリエイターなら絶対に登録しておきたい転職エージェント5選!

【Illustrator】ライブトレースの使い方を徹底解説【サンプルあり】

この記事を読むのに必要な時間は約 13 分です。

Illustrator(イラストレーター)のライブトレースとライブペイントの使い方と例を徹底解説します。
初心者の方にも分かりやすいようにサンプルを交えながら操作方法を解説します。

意外と便利なライブトレースとライブペイントを使いこなして素敵な作品作りに活かしてみてはいかがでしょうか?

では早速始めていきましょう!

ライブトレースとは?

ライブトレースとはペイントソフトで描いたイラスト、スキャンしたイラストを自動でトレースし、ベクター画像にしてくれる便利機能です。
ペンツールでトレースしなくても、クリック一つで簡単にトレースしてくれるイラレの便利機能です。

ビットマップ画像は拡大・縮小をすると画像が劣化しますが。
その反面、ベクターデータは拡大・縮小を行っても劣化が発生しません。

意外に面倒なペンツールのトレースを一瞬で行ってくれる便利機能がライブトレースです。

めんどくさがり、時短を求めている方にオススメの機能ですよ。

簡単なキャラをライブトレース

では左図の簡単なキャラクターでライブトレースを行います。左図はクリップスタジオペイントのペンで描いた落書きです。

こちらの落書きをライブトレースを使ってベクター画像にします。

 

STEP.1
イラストを配置する
イラレのキャンバスに画像を配置します。ドラッグ&ドロップで配置すればOKです。

※aiファイルと配置する画像は同じフォルダに入れておきましょう。

新規作成&保存の方法は下記記事で解説しております。【Illustrator】イラレの新規作成と保存、ファイルの種類を徹底解説
STEP.2
画像トレースを適用する
画像が選択されている状態だと画面上部に [ 画像トレース ] のボタンが表示されるのでクリックします。
クリックすると自動でトレースがされます。
STEP.3
トレースの調整
画像トレースパネルのボタンを押してトレースの調整をします。

今回は白黒の境界がハッキリしているので自動トレースで十分キレイにトレースできています。
FINISH
完成
ライブトレースの完了です。

見た目的にほぼ同じですが、ライブトレースをするとベクター画像になるので拡大縮小をしても劣化しません。
MATCHBOX
ポートフォリオ制作&転職を最速で実現
MATCHBOX はマイナビクリエイターが提供している高品質なポートフォリオを無料で作成できるサービスです。

作品とテキストを準備するだけで簡単にポートフォリオが作成できます。PDFに出力できるので紙媒体とWeb媒体の両方を超簡単に作成可能!

無料で使えるMATCHBOX を活用し最短でポートフォリオ制作とクリエイティブ業界への転職を実現しましょう。

 

拡張について
ライブトレースしたオブジェクトを選択すると画面上部に [ 拡張 ] が表示されます。

[ 拡張 ] を適用するとアンカーポイントとパスで構成されたオブジェクトに変換されます。
ダイレクト選択ツールやペンツールでオブジェクトを自由に編集ができるようになります。

一度拡張を適用すると元の状態には戻せませんので、もし必要ならコピーしてから拡張を適用する事をお勧めします。

細かい線画をライブトレース

進撃の巨人に登場するリヴァイ兵長の落書きをライブトレースしてみます。

先のキャラクターに比べ、線が細めの落書きです。

 

STEP.1
画像を配置してライブトレースを実行
先の方法と同様に画像を配置し、[ 画像トレース ] を実行します。
STEP.2
トレースの調整
デフォルト設定のままだと元絵と少し印象が違うので調整を入れます。
STEP.3
パネルを調整して原画に近づける
[ 画像トレースパネル ] のボタンをクリックして画像トレースパネルを表示させます。

[ 詳細 ] をクリックするとより細かなトレースの調整が可能になります。

しきい値だけでなく、パス、コーナー、ノイズの値を調整して原画に近いトレース結果を探します。
FINISH
完成
ライブトレースの完成です。

アップにすると分かりやすいのですが、線が細かい絵は少し調整が必要になる場合があります。

ゼロからペンツールでトレースするより圧倒的に早くトレースできるので時短に繋がりますよ。
レバテッククリエイター
クリエイターの転職に必要不可欠
レバテッククリエイター はクリエイティブ業界に特化した無料で使える転職エージェントです。

Web業界、ゲーム業界、デザイン業界、イラストレーターなど、クリエイティブに特化した業界の求人数が業界トップクラス!
転職だけでなく派遣・フリーランスなど、様々な働き方にも対応していますよ。

レバテッククリエイター公式サイト

写真をライブトレース

写真をライブトレースしてみます。
モフモフの羽が可愛いですね。

 

STEP.1
画像トレースを実行
画像を配置し、[ 画像トレース ] を実行します。

画像トレースボタン右側の [ ▼ ] をクリックするとトレースのプリセットを読み込むことができます。

今回は [ 写真(高精度)] を選択してみます。
FINISH
完成
ライブトレースした画像が元写真と同じ印象の絵になりました。ワンクリックで完了です。

プリセットを使ってトレースするとさらに楽ができますので上手く活用してください。
おまけ
拡大すると
拡大しないと分からないですが、イラレのベタ塗り感があります。
AdobeStock
高クオリティ素材サイトのAdobeStockで制作を加速させよう
無料の素材サイトとは比較にならないクオリティのAdobeStockは導入されているでしょうか?

AIやPSDをはじめとした全Adobe製品のネイティブ形式の素材データが揃っています。
ダウンロードし、文字を編集するだけで高品質な作品が作成可能です。もちろん商用利用可能!

ライブペイントツールを使った色塗り

下記記事でライブペイントツールを使った色塗りの方法について徹底解説しています。

ライブペイントツールを使うと直感的に色塗りができます。イラレの塗りが苦手な方にオススメです!

【Illustrator】イラレのライブペイントとライブトレースで簡単イラスト作成!

まとめ

以上、ライブトレースの方法でした。

線画をライブトレースしてベクター画像に、ロゴをライブトレース、文字をライブトレースしてフォント化、様々な使い方ができる便利機能の一つなので覚えておくと便利です。
ペンツールでチマチマと作るのが一番キレイに仕上りますが、時間を掛けられない場合はライブトレースをして仕上げにペンツール+ダイレクト選択ツールで調整、という方法も大いにアリかと思います。

ライブペイントツールを使った色塗りについて紹介しておりますので併せてチェックしておくとさらに効率的に制作が進められますよ!

ではまた!

Illustratorを最安で導入しよう

オススメはコンプリートプラン

単品よりも圧倒的にお得で便利なCreative Cloudコンプリートプランがオススメです。Photoshop、Illustrator、Acrobatを単体で使うと、費用がコンプリートプランと同等かそれ以上になります。
初めからコンプリートプランを選択する方が断然お得&便利ですよ。

学生・教職員なら

学生や教職員の方にオススメなのが
アプリ1本分の価格で全てのAdobe製品が使い放題!

Illustrator単品なら

Illustrator単体なら があります。
ソフト1本当たりの価格はコンプリートプランと比べて割高ですが、イラレ単体なら最安です。

制作を加速させる最強素材サイト

最強素材サイトであるAdobeStockがあると制作の効率性、品質がさらに高まります。
無料素材とは一味違うので手を加える手間が劇的に省けますよ。

ゼロイラもくじ

ゼロから始めるIllustratorのもくじです。

ゼロから始めるIllustrator目次
【導入編】ゼロから始めるIllustrator
最安値でイラレを購入する方法と導入方法
イラレでよく使う機能15選 for 初心者
イラレ全ショートカット一覧
Illustratorとは・DTPの基礎知識
操作画面、新規作成と保存、各種ファイル形式
オブジェクトの作成と選択、構造
イラレの塗りと線について
イラレのカラーモードについて
RGBからCMYKへ変換する方法
整列と分布について徹底解説
オブジェクト重ね順について徹底解説
数値入力によるオブジェクトの作成と操作
レイヤーの概念と操作を分かりやすく徹底解説
オブジェクトの色々なコピペ方法
ペンツールの基本操作とパスの編集
ペンツールを使ったトレースのテクニック①
ペンツールを使ったトレースのテクニック②
グラデーションツールを極める
メッシュツール・グラデーションメッシュの使い方
ブラシツール・塗りブラシツールの使い方と違い
消しゴムツール・はさみツール・ナイフの使い方
パスファインダーの機能全てを徹底解説
ブレンドツールを使ったオブジェクト作成
回転ツールと回転コピーの使い方
リフレクトツールの使い方
歯車や花、本など色々な図形を作る方法
文字ツールの基本的な使い方
文字を装飾する・アピアランスの設定
文字で画像をマスクする
アピアランスを使って線を設定・線をデザインする
クリッピングマスクの使い方を徹底解説
ライブトレースを徹底解説
ライブペイントを徹底解説
イラレで略地図を作る
編集しやすい角丸長方形の作り方
トンボ(トリムマーク)の設定と塗り足し
名刺サイズのレイアウト用紙の作成とガイドの作成・活用
ポートフォリオ用のテンプレート
ニーアオートマタのUI風ポートフォリオ用テーマ
ゼロイラの目次一覧
SCROLL
目次一覧
ゼロから始めるシリーズ

IllutratorとPhotoshopの使い方をゼロから解説する「ゼロから始めるIllustrator」と「ゼロから始めるPhotoshop」の目次リンクです。
本業が教えるイラレとフォトショ講座の目次は下記からどうぞ。