如何在Photoshop中矢量化圖像－设计师的Photoshop资源

本教程將告訴你如何將轉換JPG圖像載體的Photoshop形狀在僅幾步之遙。本教程是原始的Image to Vector Photoshop教程並進行了重新製作，顯示了它們如何在不同的圖像中起作用。

在Photoshop中，需要執行幾個步驟才能將圖像轉換為矢量。理想情況下，您可以從剪切圖像（即無背景的圖像）開始，或者至少從可以輕鬆去除背景的圖像開始。

首先，觀看此視頻以快速了解將光柵圖像轉換為矢量SVG文件的步驟，然後閱讀完整的逐步Photoshop教程。

如何在Photoshop中創建矢量圖像效果

本教程將向您展示一種創建帶有任何照片/圖像/圖形等的矢量效果圖像的簡便方法。下一個教程將向您展示在Photoshop 中將照片轉換為矢量形狀有多麼容易。因此，讓我們從Leia公主的這張圖片開始。您可以使用任何喜歡的圖像，但是如果要創建矢量輪廓，最好使用白色/黑色背景的照片。

您可以使用Photoshop的魔杖工具輕鬆刪除圖像背景，並獲得像這樣的剪切圖像：

這不是一個完美的切口，但是對於矢量效果而言是很好的。

複製此圖層，然後將圖層命名為Girl 1 Layer和Girl 2 Layer。您還可以保留原始圖層的副本。[ 圖片] > [ 調整]移動，使用女孩1層閾值進行調整。根據照片的大小和細節設置水平。

設置黑色前景色和白色作為背景。[ 濾鏡] > [ 草圖]進行移動，複製Girl 2圖層並使用濾鏡。

將“ 女孩2”圖層的混合模式設置為“ 相乘”，然後合併兩個圖層。

重新使用新創建的圖層的閾值調整。

要獲得平滑的邊緣結果，請移動[ 濾鏡] > [ 樣式]，移動[ 擴散]並選擇

將圖像轉換為矢量形狀

然後將圖像轉換為矢量形狀。

有很多方法可以做到這一點，但這是最簡單的方法。目前，我有一個帶有黑白區域的圖像。選擇 > 移至顏色範圍... 選擇了黑色區域，並使用以下值陰影並選擇。

這將創建一系列黑色區域。單擊“ 移動” 工具下方的“ 選取框選擇 ” 工具，然後右鍵單擊選擇。[ 選擇要創建的工作路徑選項。允許值是1px的。公差越高，矢量形狀曲線越平滑，但細節越少。

您可以轉到圖層 > 新建填充圖層… > 純色，將當前的工作路徑轉換為矢量形狀。選擇black作為顏色，然後輸入新圖層的名稱，例如Girl Vector Shape Black。

創建的這個新層實際上是矢量形狀。要驗證矢量形狀是否均為一種形狀，（將文本工具放在底部）向形狀選擇工具移動，選擇整個形狀，以合併矢量形狀的所有部分。

例如，要在T恤衫上打印矢量形狀，圖層“ 女孩矢量形狀黑色”就足夠了。但是，如果要完整的矢量圖像，則應在白色區域中創建一個類似的圖層。為此，請從“ 選擇” >“ 顏色範圍…”中對第一個黑白圖層執行完全相同的步驟，但是這次選擇“ 突出顯示”。

將得到的圖層命名為“ 女孩矢量形狀為白色”，並為固體填充圖層添加白色。

從Photoshop導出SVG矢量圖像

因此，我使用Photoshop工具將圖像轉換為矢量。所以呢？

您可以將矢量形狀從Photoshop導出為矢量圖像格式，例如SVG。為此，請右鍵單擊形狀圖層，然後選擇“ 導出為”。選擇SVG作為導出格式。

這是將圖像轉換為矢量效果的方法。現在，您可以使用“畫筆”來填補空白，如果要使用“ 畫筆黑色桶工具”添加顏色，就像使用時一樣。這些免費的Sunburst畫筆用於創建矢量漫畫的背景，還添加了矢量Sun Burst。與我在最古老的教程之一中所使用的有關如何在Photoshop中創建漫畫效果的技術類似。