【Illustrator】アイコン画像を一瞬でトレースしてベクター画像にする方法【ライブトレース】

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

アイコン素材を探している時に、丁度良い感じでAIやPNG形式のアイコンが無い場合、どうされていますか？ペンツール等を使ってゼロからトレースするのも良いでしょう。

当記事はパス化したいアイコンを「一瞬」でトレースする方法について解説します。

元画像を準備

例えば左図のような背景透過でないJPG画像のロゴ部分だけが欲しい時があるとします。

そこまで複雑で無いとは言え、ペンツール等を使って手作業でトレースするのは面倒ですよね。

かと言ってPhotoshopでマスクして使うのも、画質が荒れそうで嫌です。

楽々トレースの手順

結局イラレでパス化してしまうのが一番汎用性の高くて綺麗です。
Illustratorで作っておけばPhotoshopへ簡単にコピペできますしね。

STEP.1

画像を配置する

イラレに対象の画像をドラッグ&ドロップで配置します。
キャンバスのサイズは適当で大丈夫です。

サンプルはA4サイズに配置しています。

STEP.2

画像トレースを実行

[ 選択ツール(V) ] で対象画像を選択し、[ 画像トレース ] をクリックします。

STEP.3

画像トレースパネルでトレース結果を調整

トレース結果が微妙な場合は調整を加えます。
[ 画像トレースパネル ] をクリックするとダイアログ画面が開きます。

白黒でハッキリした画像は未調整のままで上手くトレースできる事が多いです。

もし「透かし」が入っている画像でも [ しきい値 ] を調整する事でキレイにトレースできます。

STEP.4

拡張し、背景を削除する

画面上部の [ 拡張 ] をクリックします。

拡張すると [ ダイレクト選択ツール(A) ] での編集が可能になり、余分な背景を削除できます。

FINISH

完成

以上でトレースの完了です。

ペンツールを使って手作業でトレースすると時間が掛かりますが、ライブトレースを使うと一瞬でトレースが終わります。

下記でライブトレースのより詳しい使い方、ライブペイントの使い方を解説しておりますので是非ご覧ください。

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

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

おわりに

以上、アイコン画像を一瞬でトレースしてパス化する方法についてでした。
欲しいアイコンのAIやPNGが無かった際に試してみて下さい。
制作の時間が短縮できますよ。

下記で無料アイコンサイトやフォトショ用の無料カスタムシェイプを紹介しております。
是非併せてチェックしてみてください。

ではまた！

【2020年度版】無料＆商用利用できるフリーアイコン配布サイト14選！

【無料・商用可】Photoshopのカスタムシェイプ46選【2021年度版】

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」の目次リンクです。
本業が教えるイラレとフォトショ講座の目次は下記からどうぞ。