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

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

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

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

この記事の目次

元画像を準備

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

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

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

楽々トレースの手順

Illustratorを導入しましょう

当記事の内容を実践するにはIllustratorが必須です。
まだIllustratorが未導入の方はAdobe公式サイトから入手しておきましょう。
なお、AdobeCCのプランはコチラの記事で徹底解説しています。

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

STEP.1

画像を配置する

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

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

STEP.2

画像トレースを実行

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

STEP.3

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

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

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

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

STEP.4

拡張し、背景を削除する

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

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

FINISH

完成

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

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

ライブトレースとライブペイント

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

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

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

ワンランク上のテンプレート素材

Illustratorの学習をする上で、プロが作成した生データを研究する事は重要です。
普段からデザイン業務をされている方にとって自分以外のプロのクリエイターが作成したデータを見る事は日常茶飯事ですが、そうでない方は見る機会がありません。

AdobeStockのテンプレート素材はプロによる高品質な作品ばかり！
全て商用利用可能なので、テキストを変えるだけでそのまま使えます。

制作の手間を格段に軽減してくれるだけでなく、スキルアップの為の教材としても最適ですよ。

デザイン制作の勉強としての導入にオススメの名刺デザイン。
想像だけで作るとイマイチな仕上がりになりがちですが、良質なサンプルを参考に作ると吸収できる情報の質が段違いです。
相手に舐められない名刺テンプレート50選

ロゴ作成とIllustratorの相性は抜群！
ロゴのアイディアやデータの作り方を学習・研究するための良質な教材だらけです。
ハイクオリティなロゴテンプレート50選

例えばクリエイターの就職や転職に必須のポートフォリオ。
プロのテンプレートでレイアウトや余白、文字サイズを簡単に研究可能。内定獲得の可能性が格段にアップします！
厳選！ポートフォリオ用テンプレート34選

ゲームUIの制作は素材制作にはツールの深い知識が必要です。
テンプレートはまさに制作ノウハウの宝庫！
どれも最高の素材ばかりです。
ゲームUIに使えるテンプレート48選

単なる白黒のテキストを高品質なロゴのようなグラフィックにできるエフェクトです。
超短時間で高品質な作品制作をされたい方に超オススメ！
商用利用が可能で高品質なテキストエフェクト50選

継ぎ目が無い高品質な背景素材50選です。
全て商用利用OK！作品の密度を一気に高める事ができる汎用的な素材ばかりです。
商用利用できる高品質なシームレス背景パターン50選

良質な素材をもっと見る

上記で紹介しているテンプレートはごく一部。
下記記事で良質な素材を紹介しております。併せてチェックしてください！

【最強素材サイト】Adobe Stockのテンプレートがチート級に便利な件について

クリエイティブ業務で使える優良素材まとめ

おわりに

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

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

ではまた！

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

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

Photoshopは活用されていますか？

Illustratorだけでなく、Photoshopも活用されているでしょうか？
まだPhotoshopを導入されていない方はAdobe公式サイトのフォトプランが最もお得です。学生さんは学割コンプリートプランが最強にお得！
Photoshopの使い方はゼロから始めるPhotoshopで徹底解説しています。

ゼロから始めるIllustrator目次

イラレ基本操作