楊柏婷

長(zhǎng)春職業(yè)技術(shù)學(xué)院，吉林長(zhǎng)春 130033

位圖與矢量圖轉(zhuǎn)換方法研究

楊柏婷

長(zhǎng)春職業(yè)技術(shù)學(xué)院，吉林長(zhǎng)春 130033

位圖和矢量圖是現(xiàn)代計(jì)算機(jī)平面圖形的兩大概念。位圖可以通過數(shù)碼相機(jī)拍照等方式獲得，但在放大或縮小時(shí)圖像會(huì)失真，因此研究位圖轉(zhuǎn)換為矢量圖的方法具有十分重要的意義。本文在分析位圖與矢量概念的基礎(chǔ)上，研究了兩種常用位圖轉(zhuǎn)換為矢量圖的方法。

位圖；矢量圖；轉(zhuǎn)換方法

位圖和矢量圖是現(xiàn)代計(jì)算機(jī)平面圖形的兩大概念。位圖可以通過數(shù)碼相機(jī)拍照等方式獲得，但在放大或縮小時(shí)圖像會(huì)失真，因此研究位圖轉(zhuǎn)換為矢量圖的方法具有十分重要的意義。

1 位圖與矢量圖分析

我們平時(shí)看到的很多圖像（如數(shù)碼照片）被稱為位圖（也叫點(diǎn)陣圖、光柵圖、像素圖），它們是由許多像小方塊一樣的像素點(diǎn)（Pixels）組成的，位圖中的像素由其位置值和顏色值表示。常用格式有.jpg、.gif、.bmp等。簡(jiǎn)單的說，位圖就是最小單位由象素構(gòu)成的圖，縮放會(huì)失真。構(gòu)成位圖的最小單位是象素，位圖就是由象素陣列的排列來實(shí)現(xiàn)其顯示效果的，每個(gè)象素有自己的顏色信息，在對(duì)位圖圖像進(jìn)行編輯操作的時(shí)候，可操作的對(duì)象是每個(gè)象素，我們可以改變圖像的色相、飽和度、明度，從而改變圖像的顯示效果。舉個(gè)例子來說，位圖圖像就好比在巨大的沙盤上畫好的畫，當(dāng)你從遠(yuǎn)處看的時(shí)候，畫面細(xì)膩多彩，但是當(dāng)你靠的非常近的時(shí)候，你就能看到組成畫面的每粒沙子以及每個(gè)沙粒單純的不可變化顏色。

矢量圖由矢量輪廓線和矢量色塊組成，文件大小由圖像的復(fù)雜程度決定，與圖形的大小無關(guān)，常用格式有ai、cdr、fh.、swf等。目前矢量圖以其輪廓清晰、色彩明快尤其是可任意縮放并保持圖像視覺質(zhì)量等特性受到許多設(shè)計(jì)者的青睞。矢量圖，也叫做向量圖，簡(jiǎn)單的說，就是縮放不失真的圖像格式。矢量圖是通過多個(gè)對(duì)象的組合生成的，對(duì)其中的每一個(gè)對(duì)象的紀(jì)錄方式，都是以數(shù)學(xué)函數(shù)來實(shí)現(xiàn)的，也就是說，矢量圖實(shí)際上并不是象位圖那樣紀(jì)錄畫面上每一點(diǎn)的信息，而是紀(jì)錄了元素形狀及顏色的算法，當(dāng)你打開一付矢量圖的時(shí)候，軟件對(duì)圖形象對(duì)應(yīng)的函數(shù)進(jìn)行運(yùn)算，將運(yùn)算結(jié)果[圖形的形狀和顏色]顯示給你看。無論顯示畫面是大還是小，畫面上的對(duì)象對(duì)應(yīng)的算法是不變的，所以，即使對(duì)畫面進(jìn)行倍數(shù)相當(dāng)大的縮放，其顯示效果仍然相同（不失真）。舉例來說，矢量圖就好比畫在質(zhì)量非常好的橡膠膜上的圖，不管對(duì)橡膠膜做怎樣的長(zhǎng)寬等比成倍拉伸，畫面依然清晰，不管你離得多么近去看，也不會(huì)看到圖形的最小單位。

2 位圖轉(zhuǎn)換為矢量圖的方法研究

目前矢量圖的運(yùn)用越來越廣泛，特別是對(duì)于喜歡Flash動(dòng)畫的閃客來說，完成一個(gè)好作品經(jīng)常需要大量精美的矢量圖片。如果你善于手繪，那當(dāng)然最好了，可畢竟不是每個(gè)人都能畫得很好，而網(wǎng)上能找到的現(xiàn)成的矢量圖片并不多，所以很多人會(huì)選擇采用把位圖轉(zhuǎn)化為矢量圖的方法。目前可以完成這項(xiàng)工作的設(shè)計(jì)軟件很多，常用的有Photoshop、Freehand、Illustrator、其它還有專業(yè)的位圖轉(zhuǎn)矢量軟件，如Adobe Sbreamline、 flash、Algolab Ptvector等工具也都可以對(duì)位圖進(jìn)行很方便的轉(zhuǎn)換。下面介紹幾種常用轉(zhuǎn)換方法。

2.1 使用Photoshop完成轉(zhuǎn)換

Photoshop的長(zhǎng)處是專業(yè)圖像處理，不過也完全可以將點(diǎn)陣圖轉(zhuǎn)成矢量圖。使用Photoshop將點(diǎn)陣圖轉(zhuǎn)成矢量圖的方法包括以下幾個(gè)關(guān)鍵步驟：

1）用選區(qū)轉(zhuǎn)路徑的方式將點(diǎn)陣圖處理為矢量圖

在Photoshop中打開一張圖片，在“圖像”菜單下的“模式”中選擇“索引顏色”，彈出“索引顏色”的設(shè)置對(duì)話框。下面設(shè)置參數(shù)，調(diào)板選擇“局部（自適應(yīng)）”，顏色為“3”，強(qiáng)制選擇“黑白”，其他參數(shù)都是默認(rèn)值。確定設(shè)置后，得到的圖片顏色為黑白色了。

在工具箱中用吸管工具吸取圖像上白色的顏色，這個(gè)步驟很重要，不然后面處理“色彩范圍”時(shí)得不到所要的效果。下面在“選擇”菜單下選擇“色彩范圍”選項(xiàng)彈出“色彩范圍”對(duì)話框，然后選定“取樣顏色”，設(shè)定“顏色容差”的值為51，確定。我們所需要的是圖像的輪廓部分，而不是像去掉白色，按住鍵盤Ctrl+Shift+I反選，把輪廓部分選中，找到“路徑”面板，選中“將選區(qū)添加為路徑”的按鈕，增加一個(gè)新的路徑，最后我們復(fù)制路徑，新建一個(gè)文件，粘貼路徑得到可編輯的矢量圖。

2）編輯調(diào)整得到的初步路徑

現(xiàn)在我們可以在轉(zhuǎn)換后的矢量圖上編輯了，在工具箱中選擇節(jié)點(diǎn)工具，查看圖形上的所有節(jié)點(diǎn)。這樣使用調(diào)節(jié)節(jié)點(diǎn)的增加節(jié)點(diǎn)、刪除節(jié)點(diǎn)、轉(zhuǎn)換節(jié)點(diǎn)等等工具可以修改圖像的外觀。

圖像輪廓稍作修改后，準(zhǔn)備給它添加顏色了。用轉(zhuǎn)換節(jié)點(diǎn)工具選中一個(gè)位置，然后點(diǎn)擊“路徑”面板上的“載入所選的節(jié)點(diǎn)”按鈕，此時(shí)所選節(jié)點(diǎn)的那個(gè)區(qū)域全部被選中。下面在調(diào)色板中選中一個(gè)顏色，使用油漆桶工具添加所選區(qū)域的顏色。按照這個(gè)步驟，我們可以隨便在圖像上添加自己喜歡的顏色。

2.2 使用Freehand完成轉(zhuǎn)換

1）位圖導(dǎo)入

首先要把需要轉(zhuǎn)化的位圖導(dǎo)入Freehand，請(qǐng)使用Import命令，當(dāng)出現(xiàn)直角符號(hào)的時(shí)候，在作圖區(qū)點(diǎn)擊一下就行了。如果你是新建的空白文件的話，位圖會(huì)導(dǎo)到Foreground層，有必要的話先調(diào)整好位置，為了防止以后不小心移動(dòng)它，請(qǐng)先把位圖所在層鎖起來，然后點(diǎn)擊層面板右上方的黑色三角形在Foreground層上面新建一層，這一層用來單獨(dú)放置轉(zhuǎn)化后的矢量圖。（現(xiàn)在層面板的情況如圖）

2）使用trace工具完成初步轉(zhuǎn)換

這里導(dǎo)入了一幅桃花的圖片來做實(shí)驗(yàn)。點(diǎn)擊trace工具，直接在位圖上方拖拽出一個(gè)區(qū)域，區(qū)域所包含的位圖將被轉(zhuǎn)化為矢量圖。

3）根據(jù)實(shí)際情況配置不同的轉(zhuǎn)化參數(shù)提高轉(zhuǎn)換效果

可以說，按照trace默認(rèn)的設(shè)置可以應(yīng)付大多數(shù)的轉(zhuǎn)化，不過多于精益求精的你來說，不可以就此滿足，trace中的參數(shù)非常多，要根據(jù)轉(zhuǎn)換后知量圖的具體情況來進(jìn)行參數(shù)的設(shè)定，以得到最佳轉(zhuǎn)化效果。如用于選擇顏色模式的Color mode，分辨率設(shè)定的Resolution等。

4）優(yōu)化

對(duì)于最終的矢量圖，最好的情況莫過于盡可能地接近原圖而存儲(chǔ)的字節(jié)數(shù)又越小越好，所以有必要的話可以進(jìn)一步的優(yōu)化一下。這里提供有兩種方法：

方法一：在Freehand里面做，請(qǐng)選中所有的矢量圖片，從菜單中選中Modify>Alter path>Simplify，設(shè)置一個(gè)Amount數(shù)值，切記不要太貪心了，設(shè)為1就差不多了，太高容易變形；

方法二：在Flash里優(yōu)化。先選中所有矢量圖，然后按下Ctrl+B，打散它們，選擇Modify>Optimize進(jìn)行優(yōu)化，不過我們并不推薦用它來優(yōu)化，因?yàn)橛袝r(shí)候會(huì)使圖形變化比較大。

[1]黃婉林，楊冬梅.對(duì)平面設(shè)計(jì)中位圖矢量化問題的分析[J].楊凌職業(yè)技術(shù)學(xué)院學(xué)報(bào)，2006(1).

[2]IT民工.簡(jiǎn)單兩步照片位圖變矢量[J].電腦迷，2008(30).

[3]李仲.位圖和矢量圖[J].電視字幕(特技與動(dòng)畫)，2000(9).

[4]徐志興.淺析圖形、圖像、位圖、矢量圖[J].科技信息，2009(5).

TP391

A

1674-6708（2011）48-0209-02