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

Adobe Photoshopはベクトル画像エディタではありません。 Adobe Illustratorはその仕事を巧みに処理します。しかし、基本的なAdobe Creative Cloudメンバーシッププランのいずれかを使用している場合はどうなただし、Photoshopのお米”ひとめぼれ”や小

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

ラスターイメージをベクターイメージに変換する方法

ベクターイメージは、解像度に変化がある場合にピクセル化される写真とは異なり、任意のサイズにスケーリングすることができます。それらは、任意の解像度にスケーラブルである数式で描かれた”線”のようなパスで作られています。

ピクセルベースのラスターイメージをベクターイメージに変換するには、次の手順を実行します。

ピクセルを選択します。,
それらをパスに変換します。
それらを色付けし、ベクター画像として保存します。

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

スクリーンショットはAdobe Photoshop CC（21.2.0）からのものです。が対応することができるでしょうが、この簡単なチュートリアルのもう一つの最近のバージョンのPhotoshopの出番です。

1., Photoshopでラスターイメージを開きます

ラスターイメージをPhotoshopにドラッグアンドドロップするか、ファイル開きます。この例のサンプル画像は、単純な肖像画です。ベクトル化するオブジェクトの背景が忙しい場合は、まずPhotoshopで背景を削除します。

2. 画像の周りに選択を行います

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

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

選択に移動選択&マスク選択被写体とそれはスマートに写真の中で最も顕著な被写体を選択します。

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

写真のより複雑なオブジェクトの場合、オブジェクト選択ツールはPhotoshopの強力な機能です。でっていうのは、選択対象がでの微調整により制御できます。写真にオブジェクト（または人）のグループがある場合は、これを使用します。

3. しきい値エフェクトの作成

しきい値調整レイヤーは、現在のレイヤーを白黒の画像に変換し、カラー画像を後のプロセスできちんとしたワンカラールックにすることができます。,

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

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

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

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

選択する色の範囲に移動します。

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

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

5. 選択範囲をパスに変換します

Photoshopのパスは、両端にアンカーポイントがある線に過ぎません。言い換えれば、それらはベクトル線画です。パスは直線または曲線です。すべてのようにベクトルを伸ばすこともできますので、形状をしていな。 Photoshopでは、選択範囲をパスに、またはその逆に変換できます。

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

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

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

パスを滑らかにするには、ポップアップ表示されるダイアログボックスで許容値を設定します。 “1.0”の値は、肖像画の周りの不規則なパスに最適です。

許容値は、パスが画像の輪郭にどれだけ近づくかを決定します。, 値が小さいほど、選択範囲はパスに沿ってより密接になります。より高い価値が減少数のアンカーポイントのパスがよりスムーズになりました。親指のルールは、オブジェクトが単純であるほど、許容誤差が高くなります。

しかし、あなたのイメージの複雑さに応じてこの値を試してみてください。

7. 新しい単色レイヤーを作成します

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

次に、メニューから単色を選択します。任意の色を選ぶことができます。,

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

このソリッドカラー塗りつぶしレイヤーは、お好みの色にカスタマイズできます。次のステップでは、このレイヤーをSVG画像として書き出します。

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

レイヤーを右クリックしてExport Asを選択します。また、ファイルからベクター画像を保存することができますエクスポートとして。,

In the Export As dialog, choose SVG from File Settings and click on Export.

You can now open the vector file in Adobe Illustrator or any other vector image editor.

Alternatively, you can export vector paths from Photoshop into Illustrator too. Click File > Export > Paths to Illustrator., この輸出の固体色塗パスIllustrator場合があります。