天才教育網(wǎng)合作機構 > 培訓機構 >

                                                                                        東莞設計培訓網(wǎng)

                                                                                        歡迎您!
                                                                                        朋友圈

                                                                                        全國統一學(xué)習專(zhuān)線(xiàn) 9:00-21:00

                                                                                        位置:培訓資訊 > Flash轉像素圖為矢量圖

                                                                                        Flash轉像素圖為矢量圖

                                                                                        日期:2005-12-24 00:00:00     瀏覽:382    來(lái)源:東莞設計培訓網(wǎng)
                                                                                          什么是矢量圖?它由矢量輪廓線(xiàn)和矢量色塊組成,文件的大小由圖像的復雜程度決定,與圖形的大小無(wú)關(guān),并且矢量圖可以無(wú)限放大而不會(huì )模糊。

                                                                                          我們平時(shí)看到的很多圖像(如數碼照片)被稱(chēng)為像素圖(也叫點(diǎn)陣圖、光柵圖、位圖),它們是由許多像小方塊一樣的像素點(diǎn)(Pixels)組成的,位圖中的像素由其位置值和顏色值表示。

                                                                                          
                                                                                        左圖:像素圖    右圖:處理成矢量的swf,點(diǎn)擊鼠標右鍵,選擇“放大”

                                                                                          很多圖形設計軟件都支持將像素圖轉換成矢量圖性,這樣我們就可以在矢量圖形的基礎上再做編輯,達到自己所要的效果。Flash是我們常用的動(dòng)畫(huà)處理軟件,用它的繪圖工具繪畫(huà)的圖形都是矢量圖,那么它對于像素圖又怎么處理呢?今天我們就詳細地講解一下用Flash把像素圖轉換為矢量圖的方法和應用。

                                                                                          文章導讀:

                                                                                          一、轉換步驟
                                                                                           二、轉換后矢量圖的調整
                                                                                           三、實(shí)例轉換操作
                                                                                           四、特殊應用

                                                                                          一、轉換步驟

                                                                                          因為在圖形轉換的操作過(guò)程中可能會(huì )占用大量的系統資源,所以我們用一張小的Logo圖片(圖1)來(lái)試試,這樣機器處理運行得稍微快一些。


                                                                                        圖1

                                                                                          1.在Flash中導入這張Gif圖片,然后選擇“修改”菜單下的“位圖”選項中的“轉換位圖為矢量圖”命令(圖2)。


                                                                                        圖2

                                                                                          在轉換之前根據所需要的效果來(lái)設置“顏色閥值”、“最小區域”、“曲線(xiàn)擬合”、“角閥值”(圖3)。


                                                                                        圖3

                                                                                         ?。?)顏色閥值

                                                                                          參數范圍:1-500。它的作用是在兩個(gè)像素相比時(shí),顏色差低于設定的顏色閥值,則兩個(gè)像素被認為是相同的。閥值越大轉換后的矢量圖的顏色減少。

                                                                                         ?。?)最小區域:

                                                                                          參數范圍:1-1000。它的作用是在指定的像素顏色時(shí)需要考慮周?chē)南袼財盗?,最小區域是的跟蹤位圖平均不同的顏色值。

                                                                                         ?。?)曲線(xiàn)擬合:

                                                                                          參數范圍:像素--非常平滑(圖4)。它是決定生成的矢量圖的輪廓和區域的粘合程度。


                                                                                        圖4

                                                                                         ?。?)角閥值:

                                                                                          參數范圍:較多轉角--較少轉角(圖5)。它是決定生成的矢量圖中保留銳利邊緣還是平滑處理。


                                                                                        圖5

                                                                                          一般由位圖轉換生成的矢量圖文件大小要縮小,如果原始的位圖形狀復雜、顏色較多則可能生成的矢量圖的大小要增加。如果要使生成后的矢量圖不失真,要把“顏色閥值”和“最小區域”的值設低,“曲線(xiàn)擬合”和“角閥值”兩項設置為“非常緊密”和“較多轉角”,這樣得到的圖形文件會(huì )增大,但轉換出的畫(huà)面也越精細,矢量圖的體積也越大。

                                                                                          二、轉換后矢量圖的調整

                                                                                          我們知道可以通過(guò)位圖轉換成矢量圖之后降低圖片的體積,因此這個(gè)功能對我們處理日常的圖片壓縮非常有用,但是經(jīng)過(guò)轉換后的圖片可能達不到原來(lái)的效果,這需要我們對圖片再作加工。

                                                                                          1.準備一張要處理的圖片,索性我們就用Flash的LOGO圖,如圖11。


                                                                                        圖11

                                                                                          2.現在將該圖片轉換成矢量圖,顏色閥值為20、最小區域為5像素、曲線(xiàn)擬合為緊密、角閥值為正常。轉換后的圖片看起來(lái)邊緣沒(méi)有原圖那么圓滑(圖12)。


                                                                                        圖12

                                                                                          3.因此我們要對它做一些修改,擇工具箱的白色箭頭工具此時(shí)圖片的各個(gè)節點(diǎn)看起來(lái)有點(diǎn)多和復雜,我們將圖片的顯示比例放大可以看清楚每個(gè)節點(diǎn)的細節好作修改。

                                                                                          4.將圖像放大后看到邊緣的節點(diǎn)太多,增加了毛毛的菱角感覺(jué),修改的方法可以把相同顏色中間的節點(diǎn)去掉,通過(guò)減少節點(diǎn)減少邊緣的菱角(圖13)。但是注意如果是顏色不同的地方不能刪除那里的節點(diǎn)。


                                                                                        圖13

                                                                                          5.經(jīng)過(guò)修改之后對剩下的節點(diǎn)看看還有什么不圓滑的地方,我們可以使用貝塞爾曲線(xiàn)工具的調節辦法調節節點(diǎn)的弧度使其變得圓滑(圖14)。


                                                                                        圖14

                                                                                          7.*我們可以將轉換的圖片導出保存為SWF格式。使用鼠標右鍵可以更改圖片的顯示比例。


                                                                                        點(diǎn)擊鼠標右鍵,可以從菜單中更改圖片的顯示比例

                                                                                          三、實(shí)例轉換操作

                                                                                          下面我們根據Flash位圖轉換矢量圖的應用規則具體操作一個(gè)圖形來(lái)看看。我們用Fireworks畫(huà)一個(gè)簡(jiǎn)單的Gif圖片(圖6)。


                                                                                        圖6

                                                                                          1.將圖片導入到Flash中,選擇“修改”菜單下的“位圖”中“將位圖轉換為矢量圖”功能。

                                                                                          2.設置轉換的各項參數,顏色閥值為50、最小區域為10像素、曲線(xiàn)擬合為緊密、角閥值為正常(圖7)。


                                                                                        圖7

                                                                                          3.圖象轉換后的效果如圖8。


                                                                                        圖8

                                                                                          4.開(kāi)始導入的Gif圖片本身是不可編輯的,現在轉換成矢量圖之后我們可以對它作修改了,例如選中圖像中的各個(gè)顏色部分,將它們換成其他色彩得到另一種星星的效果,整體感覺(jué)比原來(lái)的圖片還豐富很多(圖9)。


                                                                                        圖9

                                                                                          5.已經(jīng)被淡化的五角星邊緣線(xiàn),我們還可以用直線(xiàn)工具將它重新填加上(圖10)。


                                                                                        圖10

                                                                                          6.我們還可以用鋼筆工具改變五角星的外觀(guān),例如我們再添加一個(gè)背景圖案將它制作成一個(gè)動(dòng)畫(huà)。

                                                                                          7.*我們將它導出為SWF格式,既保持矢量圖的格式,我們使用鼠標右鍵可以控制隨意放大縮小圖像。


                                                                                        點(diǎn)擊鼠標右鍵,可以從菜單中更改圖片的顯示比例

                                                                                          四、特殊應用

                                                                                          1.通過(guò)位圖轉換為矢量圖的功能,我們可以做一些特殊的效果,如油畫(huà)效果。圖15是一張原圖,我們使用上述功能把它變化成油畫(huà)。


                                                                                        圖15

                                                                                          2.選擇“轉換位圖為矢量圖”功能,設置參數:顏色閥值100、最小區域20、曲線(xiàn)擬合緊密、角閥值正常,如圖16.


                                                                                        圖16

                                                                                          3.*得到圖17的效果,感覺(jué)人物圖像像是用水彩筆畫(huà)的油畫(huà)效果一樣了。


                                                                                        圖17

                                                                                          4.同樣*我們把它導出保存為SWF格式,使用鼠標右鍵可以控制圖片的大小變化,仔細看清楚圖片上的各個(gè)部分。


                                                                                        點(diǎn)擊鼠標右鍵,可以從菜單中更改圖片的顯示比例

                                                                                        如果本頁(yè)不是您要找的課程,您也可以百度查找一下:

                                                                                        奇米在线7777在线精品|国产成人精品免费视|精品无码不卡一区二区三区|国内综合精品午夜久久资源|亚洲视频在线观看..