Photoshopで画像をベクトル化する方法

AdobePhotoshopはベクター画像エディターではありません。 AdobeIllustratorはその仕事をうまく処理します。しかし、AdobeCreativeCloudの基本的なメンバーシッププランの1つを利用している場合はどうでしょうか。それとも、Photoshopだけを購読しているだけですか？

Photoshopには、ベクターシェイプとパスを最初から描画できるツールがいくつかあります。複数のパスを選択し、ライブシェイププロパティなどの機能を使用して外観を変更することもできるようになりました。それでも、Photoshopで画像をベクトル化する方法を学ぶには、もう少し手間がかかります。

ラスター画像をベクター画像に変換する方法

ベクター画像は、解像度が変更された場合にピクセル化する写真とは異なり、任意のサイズに拡大縮小できます。それらは、任意の解像度にスケーラブルな数式で描かれた「線」のようなパスで構成されています。

ピクセルベースのラスター画像をベクター画像に変換するには：

1. ピクセルを選択します。
2. パスに変換します。
3. 色を付けて、ベクター画像として保存します。

いつものように、Photoshopでさまざまなレイヤーを操作して、ラスターイメージからパスを抽出します。これは、最初のラスターポートレートと、ベクトル化された後の最終的な画像を示しています。

スクリーンショットはAdobePhotoshopCC（21.2.0）のものです。ただし、Photoshopの最近のバージョンのほとんどでこの簡単なチュートリアルに従うことができるはずです。

1。 Photoshopでラスター画像を開く

ラスター画像をPhotoshopにドラッグアンドドロップするか、ファイル>開くから開きます 。この例のサンプル画像は単純なポートレートです。ベクトル化するオブジェクトの背景がビジーである場合は、最初にPhotoshopで背景を削除します。

2。画像の周囲を選択する

Photoshopで選択を行うために使用できるさまざまな方法があります。選択する方法は、画像の性質によって異なります。たとえば、画像のエッジがまっすぐな場合は、長方形のマーキーを選択できます。 道具。色で選択したい場合は、魔法の杖 またはクイック選択 ツールはオプションです。

ポートレートの場合、件名を選択 コマンドは、写真の主要な被写体を自動的に選択できます。これは、スマートアルゴリズムを使用して画像内の人物を検出するコンテンツ認識ツールです。選択ツールを選択すると、ツールバーに[件名の選択]ボタンが表示されます。 選択の下にもあります メニュー。

[選択]>[選択してマスク]に移動します >件名を選択 写真の中で最も目立つ被写体をスマートに選択します。

グローバルリファインメントを使用する スライダーを使用して、必要に応じて選択範囲のエッジを微調整してから、選択範囲を新しいレイヤーに出力します。

写真内のより複雑なオブジェクトの場合、オブジェクト選択ツールはPhotoshopの強力な機能です。 件名の選択と同じように機能します しかし、より多くのコントロールで選択を微調整するのに役立ちます。写真にオブジェクト（または人物）のグループがある場合にこれを使用します。

3。しきい値効果を作成する

しきい値の調整 layerは、現在のレイヤーを白黒画像に変換します。プロセスの後半で、カラー画像にすっきりとした1色の外観を与えることができます。

[レイヤー]パネルで、新しいしきい値を追加します 新しい塗りつぶしまたは調整レイヤーの作成を選択してレイヤーを作成します アイコン。希望の外観になるまでスライダーを調整します。サンプル画像では、51の値を使用しています。

4。 [色の範囲]コマンドを使用して色調領域を選択します

選択の下の[色の範囲]コマンド メニューは魔法の杖のようなものです 選択。ただし、画像のその領域のスポイトツールと同じまたは類似の色を共有するピクセルを選択できるため、より優れています。画像のさまざまな領域でツールを繰り返し使用することで、さまざまな色を選択できます。

このPhotoshopチュートリアルでは、色の範囲を使用します すべての白と黒の色調領域を選択するコマンド。

[選択]>[色の範囲]に移動します 。

スポイトツールを使用する 画像内のすべての異なる色調領域を選択します。ドロップダウンでグレースケールプレビューを選択すると、選択した領域がわかります。

OKをクリックします ダイアログを閉じて、ポートレートを選択した状態でしきい値レイヤーに戻ります。

5。選択内容をパスに変換する

Photoshopのパスは、両端にアンカーポイントがある線に他なりません。つまり、ベクトル線画です。パスは直線でも曲線でもかまいません。すべてのベクトルと同様に、詳細を失うことなく、それらを伸ばして形作ることができます。 Photoshopは、選択範囲をパスに変換したり、その逆を行ったりすることができます。

マーキーを選択します ツールまたは任意の選択ツール。画像を右クリックして、[作業パスを作成]を選択します コンテキストメニューから。

また、許容値を設定します 表示される小さなボックスに。

6。パスの許容値を設定する

パスをスムーズにするには、ポップアップするダイアログボックスで許容値を設定します。 「1.0」の値は、ポートレートの周りの不規則なパスに最適です。

Tolerance値は、パスが画像の輪郭にどれだけ「くっつく」かを決定します。値が小さいほど、選択はパスに厳密に従います。値を大きくすると、アンカーポイントの数が減り、パスがスムーズになります。親指のルールは次のとおりです—オブジェクトが単純であるほど、許容範囲は高くなります。

ただし、画像の複雑さに応じて、この値を試してください。

7。新しい単色レイヤーを作成する

どこもクリックせずに、[レイヤー]パネルに移動し、[作成]を選択します 新しい塗りつぶしまたは調整レイヤー 。

次に、単色を選択します メニューから。あなたはどんな色でも選ぶことができます。

この手順では、しきい値レイヤーの上にベクトルシェイプレイヤーを作成します。

この単色の塗りつぶしレイヤーは、任意の色にカスタマイズできます。次のステップでは、このレイヤーをSVGイメージとしてエクスポートします。

8。ベクター画像をSVGファイルとして保存する

レイヤーを右クリックして、名前を付けてエクスポートを選択します 。 ファイル>名前を付けてエクスポートからベクター画像を保存することもできます 。

名前を付けてエクスポート ダイアログで、ファイル設定からSVGを選択します エクスポートをクリックします 。

これで、AdobeIllustratorまたはその他のベクター画像エディターでベクターファイルを開くことができます。

または、PhotoshopからIllustratorにベクターパスをエクスポートすることもできます。 ファイル>エクスポート>Illustratorへのパスをクリックします 。これにより、ソリッドカラー塗りつぶしパスがエクスポートされます。 インストールしている場合はIllustratorに。

Photoshopで画像をベクトル化する方法は他にもあります

この特定の方法は、カラー写真から単調なベクトル画像を取得する簡単な方法です。 Photoshopの他の画像変更のテンプレートとして使用できます。次に、紙または別の媒体で任意のサイズに拡大または縮小します。

Photoshopで画像をベクトル化する方法は他にもあります。フォローするものは、ベース写真と希望する結果によって異なります。