作者:
小珍
時(shí)間:
04-04-13
出處:
天極設(shè)計(jì)軟件
什么是矢量圖？它由矢量輪廓線和矢量色塊組成，文件的大小由圖像的復(fù)雜程度決定，與圖形的大小無(wú)關(guān)，并且矢量圖可以無(wú)限放大而不會(huì)模糊�！ ∥覀兤綍r(shí)看到的很多圖像（如數(shù)碼照片）被稱(chēng)為像素圖（也叫點(diǎn)陣圖、光柵圖、位圖），它們是由許多像小方塊一樣的像素點(diǎn)（Pixels）組成的，位圖中的像素由其位置值和顏色值表示。
左圖：像素圖 右圖：處理成矢量的swf，點(diǎn)擊鼠標(biāo)右鍵，選擇“放大”
很多圖形設(shè)計(jì)軟件都支持將像素圖轉(zhuǎn)換成矢量圖性，這樣我們可以在矢量圖形的基礎(chǔ)上再做編輯，達(dá)到自己所要的效果。Flash是我們常用的動(dòng)畫(huà)處理軟件，用它的繪圖工具繪畫(huà)的圖形都是矢量圖，那么它對(duì)于像素圖又怎么處理呢？我們?cè)敿?xì)地講解一下用Flash把像素圖轉(zhuǎn)換為矢量圖的方法和應(yīng)用�！ ∥恼聦�(dǎo)讀： 一、轉(zhuǎn)換步驟 二、轉(zhuǎn)換后矢量圖的調(diào)整 三、實(shí)例轉(zhuǎn)換操作 四、特殊應(yīng)用 一、轉(zhuǎn)換步驟
因?yàn)樵趫D形轉(zhuǎn)換的操作過(guò)程中可能會(huì)占用大量的系統(tǒng)資源，所以我們用一張小的Logo圖片（圖1）來(lái)試試，這樣機(jī)器處理運(yùn)行得稍微快一些。
圖1
1.在Flash中導(dǎo)入這張Gif圖片，然后選擇“修改”菜單下的“位圖”選項(xiàng)中的“轉(zhuǎn)換位圖為矢量圖”命令（圖2）。
圖2
在轉(zhuǎn)換之前根據(jù)所需要的效果來(lái)設(shè)置“顏色閥值”、“最小區(qū)域”、“曲線擬合”、“角閥值”（圖3）。
圖3
（1）顏色閥值
參數(shù)范圍：1-500。它的作用是在兩個(gè)像素相比時(shí)，顏色差低于設(shè)定的顏色閥值，則兩個(gè)像素被認(rèn)為是相同的。閥值越大轉(zhuǎn)換后的矢量圖的顏色減少。
�。�2）最小區(qū)域：
參數(shù)范圍：1-1000。它的作用是在指定的像素顏色時(shí)需要考慮周?chē)南袼財(cái)?shù)量，最小區(qū)域是的跟蹤位圖平均不同的顏色值。
�。�3）曲線擬合：
參數(shù)范圍：像素－－非常平滑（圖4）。它是決定生成的矢量圖的輪廓和區(qū)域的粘合程度。
圖4
�。�4）角閥值：
參數(shù)范圍：較多轉(zhuǎn)角－－較少轉(zhuǎn)角（圖5）。它是決定生成的矢量圖中保留銳利邊緣還是平滑處理。
圖5
一般由位圖轉(zhuǎn)換生成的矢量圖文件大小要縮小，如果原始的位圖形狀復(fù)雜、顏色較多則可能生成的矢量圖的大小要增加。如果要使生成后的矢量圖不失真，要把“顏色閥值”和“最小區(qū)域”的值設(shè)低，“曲線擬合”和“角閥值”兩項(xiàng)設(shè)置為“非常緊密”和“較多轉(zhuǎn)角”，這樣得到的圖形文件會(huì)增大，但轉(zhuǎn)換出的畫(huà)面也越精細(xì)，矢量圖的體積也越大。二、轉(zhuǎn)換后矢量圖的調(diào)整
我們知道可以通過(guò)位圖轉(zhuǎn)換成矢量圖之后降低圖片的體積，因此這個(gè)功能對(duì)我們處理日常的圖片壓縮非常有用，但是經(jīng)過(guò)轉(zhuǎn)換后的圖片可能達(dá)不到原來(lái)的效果，這需要我們對(duì)圖片再作加工。
1.準(zhǔn)備一張要處理的圖片，索性我們用Flash的LOGO圖，如圖11。
圖11
2.現(xiàn)在將該圖片轉(zhuǎn)換成矢量圖，顏色閥值為、最小區(qū)域?yàn)?像素、曲線擬合為緊密、角閥值為正常。轉(zhuǎn)換后的圖片看起來(lái)邊緣沒(méi)有原圖那么圓滑（圖12）。
圖12
3.因此我們要對(duì)它做一些修改，擇工具箱的白色箭頭工具此時(shí)圖片的各個(gè)節(jié)點(diǎn)看起來(lái)有點(diǎn)多和復(fù)雜，我們將圖片的顯示比例放大可以看清楚每個(gè)節(jié)點(diǎn)的細(xì)節(jié)好作修改。
4.將圖像放大后看到邊緣的節(jié)點(diǎn)太多，增加了毛毛的菱角感覺(jué)，修改的方法可以把相同顏色中間的節(jié)點(diǎn)去掉，通過(guò)減少節(jié)點(diǎn)減少邊緣的菱角（圖13）。但是注意如果是顏色不同的地方不能刪除那里的節(jié)點(diǎn)。
圖13
5.經(jīng)過(guò)修改之后對(duì)剩下的節(jié)點(diǎn)看看還有什么不圓滑的地方，我們可以使用貝塞爾曲線工具的調(diào)節(jié)辦法調(diào)節(jié)節(jié)點(diǎn)的弧度使其變得圓滑（圖14）。
圖14
7.我們可以將轉(zhuǎn)換的圖片導(dǎo)出保存為SWF格式。使用鼠標(biāo)右鍵可以更改圖片的顯示比例。
點(diǎn)擊鼠標(biāo)右鍵，可以從菜單中更改圖片的顯示比例
三、實(shí)例轉(zhuǎn)換操作
下面我們根據(jù)Flash位圖轉(zhuǎn)換矢量圖的應(yīng)用規(guī)則具體操作一個(gè)圖形來(lái)看看。我們用Fireworks畫(huà)一個(gè)簡(jiǎn)單的Gif圖片（圖6）。
圖6
1.將圖片導(dǎo)入到Flash中，選擇“修改”菜單下的“位圖”中“將位圖轉(zhuǎn)換為矢量圖”功能。
2.設(shè)置轉(zhuǎn)換的各項(xiàng)參數(shù)，顏色閥值為50、最小區(qū)域?yàn)?0像素、曲線擬合為緊密、角閥值為正常（圖7）。
圖7
3.圖象轉(zhuǎn)換后的效果如圖8。
圖8
4.開(kāi)始導(dǎo)入的Gif圖片本身是不可編輯的，現(xiàn)在轉(zhuǎn)換成矢量圖之后我們可以對(duì)它作修改了，例如選中圖像中的各個(gè)顏色部分，將它們換成其他色彩得到另一種星星的效果，整體感覺(jué)比原來(lái)的圖片還豐富很多（圖9）。
圖9
5.已經(jīng)被淡化的五角星邊緣線，我們還可以用直線工具將它重新填加上（圖10）。
圖10
6.我們還可以用鋼筆工具改變五角星的外觀，例如我們?cè)偬砑右粋�(gè)背景圖案將它制作成一個(gè)動(dòng)畫(huà)。
7.我們將它導(dǎo)出為SWF格式，既保持矢量圖的格式，我們使用鼠標(biāo)右鍵可以控制隨意放大縮小圖像。
點(diǎn)擊鼠標(biāo)右鍵，可以從菜單中更改圖片的顯示比例
來(lái)自：天極網(wǎng)
上一篇：
FrontPage 2000 技巧三則
下一篇：
網(wǎng)頁(yè)圖片特效小技巧