Photoshop、Illustrator、Inkscapeを使った画像のベクター化：かんたんガイド

スカイラー・リード2023年3月07日更新フォトエディター

「画像ベクタイザー」を使うと、幾何学的・数学的なコマンドを用いてコンピューター画像をデザインし、操作できます。ベクター化された画像は、画質を損なうことなく拡大・縮小できます。では、どの画像ベクタイザーが最適なのでしょうか？本記事では、特に優れた3つの選択肢を厳選して紹介します。また、特定の画像をベクター画像に変換したいときがあることも理解していますが、そこで役立つのが画像ベクタイザーです。こうして作成したベクターグラフィックは、Web、ゲーム、マルチメディア向けの高解像度イラストに利用できます。これらの情報を踏まえ、3つの異なるソフトウェアを使い、以下の手順に従って簡単に作成する方法を見ていきましょう。

1. ベクター画像とは 2. Illustratorで画像をベクター化する方法 3. Photoshopで画像をベクター化する方法 4. Inkscapeで画像をベクター化する方法 5. 画像をベクター化する方法に関するFAQ

1. ベクター画像とは

ベクターアートはベクターグラフィックスで構成されています。これらのグラフィックスは、数学的に計算された点、線、曲線、図形から成り立っています。ベクター画像ファイルを拡大・縮小しても解像度や品質が低下しないため、必要なサイズに自由に変更できます。名刺に会社のロゴを配置したり、ポスターをデザインしたり、Adobe Photoshopで写真を編集したりするのに非常に便利なツールです。ベクターアートとは、Adobe Illustrator のようなベクターイラストレーションソフトで作成されたすべての作品を指します。

振り返ってみると、ラスタ画像を生成するために必要な計算能力が非常に高価だったため、ベクターグラフィックスは初期のコンピューターグラフィックスの一種でした。1960〜1970年代の初期コンピューターはベクターディスプレイを使用しており、1979年発売の「Asteroids」などのビデオゲームもベクターグラフィックスを採用していました。この手法は、ほとんどのディスプレイがラスタグラフィックスへと移行した1980年代まで続きました。さまざまなサイズで印刷できるアートワークや、画面サイズに応じて変化するレスポンシブWebデザインのニーズから、現代のデザインにおいてベクターファイルは必須となっています。ベクターは、機能性に優れた、クリーンで拡大縮小可能な画像を生成し、視覚的に魅力的な表現を可能にします。現代のタイポグラフィでは、ベクターがほぼ独占的に使用されています。

2. Illustratorで画像をベクター化する方法

Adobe Illustratorは、画像をベクター化するのに最適なツールです。PCだけでなく、iOSやAndroidなどのモバイル端末からも利用できます。このツールを使えば、1枚の画像をシンプルなアウトラインやシルエットに変換したり、お気に入りの色で塗りつぶしてベクターグラフィックを作成したりできます。では、その手順を見ていきましょう。

ベクター化したい画像を選択し、不透明度（Opacity）を約70％まで下げます。

作業中に誤って画像を動かさないように、画像レイヤーにロックをかけます。ロックアイコンは画像の右側にあります。

新しいレイヤーを作成し、ペンツールを使って画像の周りを描画・トレースします。ツールバーからペンツール（Pen Tool）を選び、線の色（ストロークカラー）を指定し、塗り（Fill）はなし（None）に設定します。

元画像の色は、スポイト（Eyedropper）ツールを使ってサンプリングし、ベクター画像に適用できます。もし一部の領域が見えない場合は、右クリックして色エリアの重なり順を並べ替え、正しい順序にしてください。必要であれば、ベクターにさらに細部を追加することもできます。

このソフトウェアは画像編集機能が強力で、画像をPNGに変換したり、JPGをSVGに変換したりといった操作も行えます。

3. Photoshopで画像をベクター化する方法

Photoshop は主にラスタ画像の編集に使われるのに対し、Adobe Illustrator はベクターアートのためのAdobe Creative Cloudアプリです。どちらのアプリでも、両端にアンカーポイントを持つ線である「パス」を使用して、ベクター画像の輪郭を定義できます。Photoshopでラスタからベクターに変換する際には、画像上にパスを定義する工程が重要になります。この方法では、シンプルな画像をベクター化するための分かりやすい手順を採用しています。ロゴ、アイコン、シェイプのような画像で最も効果を発揮し、写真のような複雑で色数の多い画像ではうまく機能しない場合があります。

まず、ベクター化したい画像を準備します。キーボードでCtrl + Alt + Iを押して画像サイズ（Image Size）ウィンドウを開き、解像度（Resolution）を300に設定します。その後、ベクター化したい画像を背景から切り離します。選択範囲を作成し、新規レイヤーに複製してください。もしくは背景を削除してもかまいません。

画像を背景から切り離したら、Ctrlキーを押しながらレイヤーパネルでレイヤーのサムネイルをクリックします。これで画像部分が選択されます。次に、ツールパレットから矩形選択ツール（マーキーツール：Mキー）を選択し、選択範囲の上で右クリックします。そのメニューから「作業用パスを作成（Make a Work Path）」を選びます。

次にダイレクト選択（Direct Selection）ツールに切り替えるか、Aキーを押してから、もう一度画像上で右クリックします。そして「ベクターマスクを作成（Create Vector Mask）」ボタンをクリックします。これでレイヤーにベクターマスクが適用され、レイヤーパネルに表示されます。

その後、ベクターマスクを作成（Create Vector Mask）ボタンをクリックします。これによりレイヤーにベクターマスクが適用され、レイヤーパネルで確認できます。ファイル（File）メニューから別名で保存（Save As）を選び、ファイルの種類（Save as type）でPhotoshop EPSを選択します。保存（Save）をクリックして、ベクター化した画像を保存します。

ベクター化した画像が少しぼやけて見える場合は、画像アップスケーラーを使って画質を向上させることができます。

4. Inkscapeで画像をベクター化する方法

Inkscape は、ベクターグラフィックの作成・編集用アプリケーションで、無料でダウンロードでき、Windows、Mac、GNU/Linux で利用できます。サブスクリプション料金を払いたくない、あるいは高価なソフトを購入できないPCユーザーのイラストレーターやデザイナーには、Inkscape が適しているかもしれません。CorelDRAW や Adobe Illustrator といった主流ソフトに慣れている場合は、ある程度「学び直し」や「慣れ直し」が必要になるでしょう。とはいえ、Inkscape は画像をベクター化するうえで非常に有効なツールだと言えます。では、その使い方を見ていきましょう。

画像をドラッグしてInkscape ドキュメント内に配置するか、Inkscapeで画像を開きます。画像をドラッグして挿入した場合、次のようなプロンプトが表示されることがあります。画像を選択するには、それをクリックしてください。

その後、Inkscape 上部のツールバーでパス（Path）にカーソルを合わせます。を押して「ビットマップをトレース（Trace Bitmap）」. を選択します。複数回のスキャンを使いたいので、「複数スキャン（Multiple）」ボタンをクリックし、ドロップダウンメニューから「色（Colors）」を選択して、元画像の色を新しいベクターに維持します。すべての色をカバーするには、スキャン回数を増やす必要があるかもしれません。

ビットマップをトレース（Trace Bitmap）ウィンドウでOKをクリックすると、Inkscape が数秒で画像をベクター化します。画像のベクター化が完了したら、ノードツール（Edit Paths By Nodes）アイコンをクリックします。

画像をクリックすると、その周囲に点の輪が表示されているのがわかります。これらの点を操作することで、新しく作成されたベクターの形状を自由に変更できます。

5. 画像をベクター化する方法に関するFAQ

ベクター化した画像をPNG形式で取得できますか？

はい。CorelDRAW のような優れたグラフィックデザインプログラムは、PNG をベクターに変換するための最適かつ最も分かりやすい方法です。PNG を開き、そのベクター素材としての品質に満足できるまで編集します。背景を削除し、線をシャープにし、エッジをきれいに整えます。その後、ファイルをエクスポートします。

JPGをベクターに変換することは可能ですか？

Adobe Illustrator は、JPG をベクター画像に変換する最も簡単なツールです。Illustrator は無料ではありませんが、Adobe のウェブサイトから体験版をダウンロードできます。このアプリケーションをお持ちであれば、Windows ではスタートメニュー、Mac ではアプリケーションフォルダで見つけることができます。

ベクターアートとベクセルアートの違いは何ですか？

ベクターアートワークはベクターグラフィックスで構成されています。これらのグラフィックスは、数学的に計算された点、線、曲線、形状から成り立っています。ベクター画像ファイルを拡大・縮小しても解像度や品質が劣化しないため、必要な任意のサイズに調整できます。ベクセルアートは完全にピクセルベースのデジタルアートであり、ベクターグラフィックスの技法を模倣していますが、通常のベクターグラフィックスやラスター画像とは異なります。「ベクセル」という用語は、ベクター（vector）とピクセル（pixel）という2つの言葉を組み合わせたものです。ベクセルデザインは、複数のレイヤー状の形状によって構成されています。

結論

本記事では、さまざまなプラットフォーム向けの優れた画像ベクタイザーを3つまとめて紹介しました。これらのツールを使えば画像をベクター化できるだけでなく、さらに高度な機能にもアクセスできます。そのため、多くのグラフィックアーティストが作品制作にこれらのツールを選んでいるのです。ぜひ本記事を共有し、これからグラフィックデザイナーを目指す人たちの助けにもなってください。

役に立ちましたか？

296 票