用Freehand實現位圖矢量化

2024-09-12 19:18:37

字體：大中小

來源：轉載

供稿：網友

　　目前矢量圖的運用越來越廣泛，特別是對于喜歡flash動畫的閃客來說，完成一個好作品經常需要大量精美的矢量圖片。如果你善于手繪，那當然最好了，可畢竟不是每個人都能畫得很好，而網上能找到的現成的矢量圖片并不多，所以很多人會選擇采用把位圖轉化為矢量圖的方法。目前可以完成這項工作的軟件很多，今天我們就試試freehand內置的trace工具來實現位圖到矢量圖的轉化工作。
　　首先要把需要轉化的位圖導入freehand，請使用import命令，當出現直角符號的時候，在作圖區點擊一下就行了。如果你是新建的空白文件的話，位圖會導到foreground層，有必要的話先調整好位置，為了防止以后不小心移動它，請先把位圖所在層鎖起來，然后點擊層面板右上方的黑色三角形在foreground層上面新建一層，這一層用來單獨放置轉化后的矢量圖。（現在層面板的情況如圖）

　　這里我導入了一幅桃花的圖片來做實驗。看到浮動工具欄上魔術棒樣子的圖標了嗎？它就是trace工具，點擊它后直接在位圖上方拖曳出一個區域，區域所包含的位圖將被轉化為矢量圖，如果你象我現在這樣需要轉化整張圖片的話，只要使拖動的區域覆蓋整張圖片就可以了。整個轉化時間根據圖形的復雜程度和你的機器配置來看，象這張比較簡單的圖像幾乎沒什么延遲就出來結果了，你現在看到的是密密麻麻的節點，到底效果怎么樣還看不清楚，請將foreground暫時隱藏，然后按住ctrl在空白處點擊一下。現在看到最后效果了吧，請對比下原始位圖和這張采用默認設置轉化的矢量圖，效果非常不錯吧？

　　可以說，按照trace默認的設置可以應付大多數的轉化，不過多于精益求精的你來說，不可以就此滿足，我們還要學會根據實際情況配置不同的轉化參數，以得到最佳轉化效果。
　　雙擊trace圖標

　　打開設置窗口（如圖），可以看到這里需要設置的參數非常多，不過不用怕，我們來一項一項地仔細看清楚。

　　　　1、color mode：用于選擇顏色模式，在這里你可以設置最終的矢量圖是彩色的還是灰度的，rgb或者打用的cmyk模式，并且你能確定下顏色的數量，顏色數量越多最終效果越細膩，最多為256色，實際使用中16色已經足夠。
　　 2、resolution：即分辨率，一般默認的normal就不錯了，除非你需要更多的細節，那么可以設為high。
　　 3、trace layers：轉化圖層的選擇，foreground——前景層，background——背景層，all——所有的層，這里我們的位圖處于foreground層，所以我們選擇它。
　　 4、path conversion：轉化方式。這是最重要的一項設置了，將直接影響最終效果，我們一項項來看看：
　　 outline：它會把位圖轉化為一個個獨立的矢量色塊，它們之間可以互相重疊，這是默認的選項，可以說適合大部分情況，它下面還有個小的選項——path overlap，路徑重疊項一般設為loose或者tight，其中tight可以產生更精細的效果，而none適用于轉化純線條或文字的位圖。
　　 centerline：和outline相反，它是用線條來呈現效果的，比較適合那些線條很多而填充很少的圖像。下面的uniform lines選中時表示將采用1個point的統一線寬，而取消選中后線寬就會有粗細變化了。

　　　　centerline/outline：綜合了上面兩種情況，線條色塊兼而有之，主要由軟件自己分析，你也可以設置下它們轉化的臨介值，open path below，數值越大，最終轉化為線條也越多，反之，色塊將相應地增加。

　　　　outer edge：比較特殊的一項，它只產生外圍的輪廓，你可以在里面填色制作些特殊的效果，當然如果和paste inside配合，可以很方便地去掉位圖的背景。

　　　　5、trace conformity：轉化的統一性，這個值越高就和原圖越接近，當然節點也會明顯增加。
　　 6、noise tolerance：雜色的容忍度，這也是一個非常重要的設置，容忍度低越接近原圖，容忍度太高將喪失更多細節。為了說明問題，我們只轉化樹枝部分看看，左邊這張圖容忍度設為5，而右邊這張為15，我們移開頂部色塊看的清楚些，左邊的因為容忍度低，所以內部保留了雜色，而右邊的就忽略不記了，不要小看這些細微的雜色，因為是矢量圖的緣故，圖像的字節數很容易因為它們而迅速提升上去。對于這張圖來說，我們并不需要太多的細節，所以采用15的容忍度就比較合適了。 |||

　　打開設置窗口（如圖），可以看到這里需要設置的參數非常多，不過不用怕，我們來一項一項地仔細看清楚。

　　　　outer edge：比較特殊的一項，它只產生外圍的輪廓，你可以在里面填色制作些特殊的效果，當然如果和paste inside配合，可以很方便地去掉位圖的背景。