此教學課程描述了如何將數字點陣化的點陣圖轉換成向量作品。這一過程稱作描圖或向量化,既可手動完成,又可以使用自動工具。在這個教學課程中,我們解釋了如何使用 Vector Magic 快速又輕鬆地進行轉換。

這個教學課程適用於何種圖像?

這個教學課程適用於:

  • 從向量原圖進行數字點陣化的點陣圖

不適用於:

此教學課程僅適用於將原始向量作品進行數位點陣化而得到的點陣圖。這適用於原始向量作品遺失或者擷取不方便或耗時的情況。在這個教學課程中,我們介紹了此類圖像重新向量化的過程。

我在學習此教學課程的過程中需要什麽?

  • 這個教學課程使用的是 Vector Magic 桌面版。您可以從桌面應用程式頁面下載一個試用版。

  • 線上版與桌面版的全自動模式非常相似。使用者介面看上去稍有差異,並且沒有透明度支持。雖然有這些差異,您仍然可以在學習此教學課程時使用線上版。

源圖像

我選擇作爲範例的圖像如下所示:

這是一個解析度較高的圖像(604x528 像素),但在我們的使用者上傳的此類別圖像中也較常見。我還選擇了使用 PNG 而非 JPG 或 GIF,因爲我想在這個教學課程中關注基本工作流程,而非客服壓縮噪點的特殊挑戰。

基本精靈

我們現在就開始吧。在本節,我們會介紹您在 Vector Magic 桌面版中正確處理此圖像時應當採取的步驟。您可以邊看邊嘗試,以瞭解應用程式的運作方式。

我們首先載入圖像。這可以透過剪貼簿完成,可將圖像拖放至應用程式或其啟動器圖示,或者透過使用傳統的檔案瀏覽對話完成。選擇您常用的方式,將圖像載入應用程式。

精靈模式

載入圖像會將您帶往精靈模式頁面(如下所示)。此教學課程將遵循基本精靈,因此您應當點擊精靈模式頁面上的三個大按鈕中的第二個。

圖像類型

這會將您帶往圖像類型頁面,我們必須在該頁面選擇正在處理的圖像的類型。共有相片、有混合邊緣(消除鉅齒)的標誌和無混合邊緣(未消除鉅齒)的標誌三個選項。與這些類別相關聯的圖示展示了它們之間的差異。

放大此圖像以確定其是有混合邊緣還是無混合邊緣的標誌(即是否消除鉅齒)。您可以使用滑鼠滾輪進行縮放,並且可以使用手繪工具透過點擊和拖曳滑鼠在圖像上移動。仔細檢視圖像中的任意邊緣即可揭示這個圖像包含消除鉅齒的邊緣。因此,我們選擇第二個選項——有混合邊緣的標誌。

您會注意到,這個選項也是程式的推薦和預選選項。這個功能非常方便,讓選擇變得更輕鬆。

透明度

和許多其他圖像檢視器和編輯器一樣,VM 使用棋盤式圖樣顯示背景(圖像背後)。因此,如果圖像包含透明的部分,會作爲棋盤顯示出來。透明度得到 VM 桌面版的支援,但不受線上版支援。這就需要使用者做出選擇。如果透明度在邊界處為 Alpha 混合(PNG 圖像通常如此),則使用者不應處理透明度。如果透明度在實作中為 1 位元透明度遮罩(如同 GIF),但圖像的其他部分已消除鉅齒,則有必要將圖像壓平合併為合適的背景色彩。使用者可以在這個頁面(如下所示)上做出此選擇。這種情況下,透明度為 Alpha 混合,我們希望在向量結果中保留透明度,因此將選擇「保持透明」。

輸入質量

下一個選項是源圖像的質量。演算法需要瞭解這一資訊,這樣在圖像含雜訊的情況下,就不會將壓縮雜訊或其他不完美之處誤認爲是應在向量圖中重現的實際特徵。在這個範例中,輸入圖像是非常乾净俐落的不含雜訊的 PNG。這絕對是一個優質圖像,因此我們會選擇該選項(如下所示)。但請務必放大特定圖像,加以仔細檢視。有時有些圖像在縮小時看上去乾净俐落,但仔細檢視就會發現有明顯的缺陷。

色彩模式

下一個選項決定了如何選擇在向量結果中使用的色彩。「自設色彩」表示您可以選擇使用的精確色彩集合,而「無限制色彩」表示演算法將自動進行選擇。一般而言,如果圖像中有許多色彩,您應當選擇「無限制色彩」;而當圖像中色彩很少時,應當選擇「自設色彩」。但有時即使圖像中色彩極少,也可以選擇「無限制色彩」,因爲這一選項耗時較少。在這個範例中,我想爲您示範選擇「自設色彩」的過程,因此我會選擇這個選項(如下所示)。

調色盤選擇

在「自設色彩」模式中,使用者必須選擇希望在向量化結果中包含的具體的色彩集合。此頁顯示了幾個使用者可從中作選的「快速調色盤」。選中一個快速調色盤會使其在頁面頂部的方塊中加以顯示。您可以透過點擊選中調色盤中的單個色彩,對其加以編輯或刪除,還可以透過點擊「+」圖示,新增色彩。在這個範例中,七色快速調色盤是正確的選擇(如下所示),因此我們將其選中并繼續。每個快速調色盤左側的箭號指示程式是否認爲其為可能的選項。雙箭號是程式的最佳猜測。在這個範例中,最佳猜測(九個色彩)並不正確,但只需點擊一次滑鼠就可能糾正該錯誤。選中正確的調色盤后,我們點擊「下一步」以開始向量化工作。

審閲結果

向量化過程需要一兩分鐘的時間,具體取決於您的處理器的速度。一旦完成,您就會進入「審閲結果」頁面。您可以在此頁面中使用稍加變更的設定快速重新處理圖像,或者進行手動編輯。儘管結果在放大檢視的情況下看上去很不錯(如下所示),仍有幾個小缺陷。我會在接下來的幾個屏幕截圖中解釋如何糾正這些缺陷。

小缺陷

以下兩個圖像顯示了士兵頭盔上一個經過不良重新構建的細節。 儘管稍微模糊,但看上去似乎黃色—而非黑色—應當在這個窄點上加以連結。 在以下第二個屏幕視圖中,向量化結果的輪廓在點陣原圖的上方加以顯示。 爲了糾正這個問題,我們點擊了位於故障排除選項下方的「編輯結果」按鈕。

編輯分割

分割編輯器與 Microsoft 的小畫家以及其他簡單的點陣圖編輯器十分類似。使用者可以對向量圖的粗糙、像素對齊版本進行手動編輯。這尤其適合糾正此範例所示的錯誤,即連結了錯誤的形狀。在這個範例中,頂部的黑色形狀與底部的黑色不應相連,但卻連在了一起。下方的第一個螢幕擷取畫面展示了程式的原始計算分割。

爲了糾正這個問題,我們選擇取色器工具,並點擊圖像中某處的黃色。然後使用鉛筆工具將底部形狀的左上角的兩個黑色像素改成黃色。這樣就可以如以下屏幕所示,連結兩個黃色形狀、分開兩個黑色形狀。在做出這個變更後,我們點擊「更新」按鈕,應用這些變更。

最後,在重新處理完成後,結果向量圖看上去要好得多(參見以下螢幕擷取畫面)。兩個黃色形狀連結在一起,兩個黑色形狀則沒有連結。

審閲結果 - 視圖 A

現在,我們來看一看圖像中的幾個其他的點效果如何。 以下兩個螢幕擷取畫面顯示了原始點陣圖(第一個螢幕擷取畫面)與對應的向量圖(第二個螢幕擷取畫面)的比較。 您可以看到,程式成功地重新構建了基礎向量圖。 邊角的銳利和曲線的平滑位置都恰到好處。

審閲結果 - 視圖 B

以下是顯示向量圖輪廓叠加於原始點陣圖之上的另外一個視圖。您可以看到,節點一般置於非常合理的位置,並且向量圖非常貼近原始點陣圖的實際形狀邊界。向量圖的邊緣穿過原始點陣圖的消除鋸齒是 Vector Magic 與其他自動給描圖工具相比,最棒的功能之一。

完成審閲

一旦您完成審閲,只需點擊「完成審閲」按鈕,或者點擊「下一步」。

匯出結果

這會將您帶入將向量化結果儲存至硬盤的頁面,或者您也可以將其拖放至另一個程式。在這個範例中,我選擇了使用「快速儲存」功能。快速儲存允許您透過單擊將向量結果儲存至指定的目錄中,並使用指定的檔案格式。該目錄預設為與源圖像的目錄相同,並且檔案格式為自黏設定,即為您上次選擇的格式。檔案名預設為與點陣圖名相同。

在 Inkscape 中進行最終清理

將圖像儲存至磁碟後,您可以將其載入您常用的向量編輯器。 我很喜歡 Inkscape,因爲它免費而且具備 Adobe Illustrator 的大部分功能。 在以下螢幕擷取畫面中,我在 Inkscape 中載入了 SVG 檔案,使用放大鏡縮放工具放大頭盔上的小亮點。

透過更仔細的檢視,我可以看到原本應當和大亮點一樣呈橢圓形的兩個最小的小亮點被錯誤地重建為如同偏斜的足球一樣帶有尖端。這個問題無法由 VM 本身糾正,因此我會解釋如何在 Inkscape 中加以糾正。相應操作應當也適用於 Adobe Illustrator 或 CorelDraw。首先,使用節點選擇工具(側工具列從頂部數的第二個)選取銳角上的節點。然後點選頂部工具列中第二行的「選中節點平滑化」(make selected nodes smooth)圖示。這個按鈕在下方螢幕擷取畫面中有所展示。

然後用同樣的辦法處理其他有問題的橢圓。如果需要移動任一個橢圓以補償其形狀改變,您可以使用主要的「選取並轉換物件」(select and transform objects)工具(側工具列頂部的常規滑鼠游標工具)來完成。完成這些修改后,結果看上去應該是這樣的。

結論

大功告成!此教學課程有意寫得非常完全,因此有時會顯得過長。一旦您掌握了訣竅,將點陣圖轉換成向量作品的過程就會變得十分快速和輕鬆。雖然 Vector Magic 的演算法很先進,卻並不完美。因此我們在其中包含了一個手動編輯功能。但即使使用這個功能,您也無法修正所有問題,因此我還解釋了您如何可以使用常規向量編輯器進行最後的清理。

祝您好運,享受向量化的過程!


預裁剪

您的圖像大小超出了大小上限。 要想取得最佳結果,請裁剪您想要向量化的圖像部分。

大小限制


原始圖像

大小:
外觀比例:
百萬像素:

已裁剪圖像

大小:
外觀比例:
百萬像素:
已裁剪圖像超出大小限制,會調整成合適大小。
達到大小限制,保留了完整解析度。