|
Photoshop的長(zhǎng)處是專業(yè)圖像處理，不過(guò)也完全可以將點(diǎn)陣圖轉(zhuǎn)成矢量圖。下面我們用Photoshop來(lái)處理一張圖片，了解一種將點(diǎn)陣圖轉(zhuǎn)成矢量圖簡(jiǎn)單方法的具體操作步驟。
主要操作步驟如下： 第一步：用選區(qū)轉(zhuǎn)路徑的方式簡(jiǎn)單將點(diǎn)陣圖處理為矢量圖。 第二步：編輯調(diào)整得到的初步路徑。
第一步：用選區(qū)轉(zhuǎn)路徑的方式簡(jiǎn)單將點(diǎn)陣圖處理為矢量圖 在Photoshop中打開(kāi)一張圖片，如圖1。 圖1 在“圖像”菜單下的“模式”中選擇“索引顏色”，彈出“索引顏色”的設(shè)置對(duì)話框。下面設(shè)置參數(shù)，調(diào)板選擇“局部（自適應(yīng)）”，顏色為“3”，強(qiáng)制選擇“黑白”，其他參數(shù)都是默認(rèn)值（圖2）。
 圖2 確定設(shè)置后，得到的圖片顏色為黑白色了（圖3）。
 圖3 zmbbs=1; 在工具箱中用吸管工具吸取圖像上白色的顏色（圖4），這個(gè)步驟很重要，不然后面處理“色彩范圍”時(shí)得不到所要的效果。
 圖5 現(xiàn)在看到圖像上空白的位置已經(jīng)被選中了（圖6）。
 圖6 我們所需要的是圖像的輪廓部分，而不是像去掉白色，按住鍵盤(pán)Ctrl+Shift+I反選，把輪廓部分選中（圖7）。
 圖7 找到“路徑”面板，選中“將選區(qū)添加為路徑”的按鈕，增加一個(gè)新的路徑（圖8）。
 圖8 最后我們復(fù)制路徑，新建一個(gè)文件，粘貼路徑得到可編輯的矢量圖（圖9）。
 圖9 第二步：編輯調(diào)整得到的初步路徑
現(xiàn)在我們可以在轉(zhuǎn)換后的矢量圖上編輯了，在工具箱中選擇節(jié)點(diǎn)工具，查看圖形上的所有節(jié)點(diǎn)（圖10）。
 圖10 這樣使用調(diào)節(jié)節(jié)點(diǎn)的增加節(jié)點(diǎn)、刪除節(jié)點(diǎn)、轉(zhuǎn)換節(jié)點(diǎn)等等工具可以修改圖像的外觀（圖11）.
 圖11 把小鳥(niǎo)的輪廓稍作修改后，準(zhǔn)備給它添加顏色了。用轉(zhuǎn)換節(jié)點(diǎn)工具選中一個(gè)位置，然后點(diǎn)擊“路徑”面板上的“載入所選的節(jié)點(diǎn)”按鈕，此時(shí)所選節(jié)點(diǎn)的那個(gè)區(qū)域全部被選中（圖12）.
 圖12 下面在調(diào)色板中選中一個(gè)顏色，使用油漆桶工具添加所選區(qū)域的顏色。按照這個(gè)步驟，我們可以隨便在圖像上添加自己喜歡的顏色，重新打造它了，最后的結(jié)果如圖13。
圖13
Illustrator 篇 有數(shù)碼相機(jī)的朋友越來(lái)越多，大家給親人朋友拍出好的人像照片，肯定想進(jìn)一步做一些藝術(shù)處理。 現(xiàn)在Photoshop制圖應(yīng)用非常普遍，很多朋友都喜歡用Photoshop進(jìn)行數(shù)碼照片藝術(shù)化處理，即使是非專業(yè)人士，也可以用幾種基本方法處理數(shù)碼照片。（參閱文章《照片處理魔術(shù)(3):光影》、《 照片處理魔術(shù)(2):校色》、《照片處理魔術(shù)(1):點(diǎn)石成金》等 ）
在這里Relen給大家介紹用Adobe Illustrator將人像數(shù)碼照片處理成矢量圖的方法，重點(diǎn)主要是自動(dòng)描圖工具的運(yùn)用和細(xì)節(jié)調(diào)整，大家可以從這里學(xué)習(xí)和掌握用Illustrator將像素圖轉(zhuǎn)化成矢量圖的方法和技巧，同時(shí)提供一些藝術(shù)設(shè)計(jì)的應(yīng)用實(shí)例。對(duì)初學(xué)者而言，這樣的方式比較簡(jiǎn)單和容易接受，做出來(lái)的矢量照片效果也很有個(gè)性風(fēng)格。如果需要打印，矢量圖的打印質(zhì)量也比像素圖高，用途很廣。 原照片 矢量化效果 平面設(shè)計(jì) ?。孕魣D案設(shè)計(jì)
原照片 矢量化效果
一、把彩色照片轉(zhuǎn)成黑白模式 選擇你喜歡的照片，盡量選擇露出雙眼，看上去比較有魅力的圖，最終的效果會(huì)更精彩。
導(dǎo)入Photoshop中，選擇Image>Mode>Grayscale 轉(zhuǎn)為黑白模式的圖像。
如圖，這是自然光下的黑白模式的圖像。這樣還不夠，我們還需要黑白盡量分明的圖像效果。
輸入快捷健[Ctrl + L]，調(diào)入Levels面板。把色彩值略微調(diào)整一下。注意對(duì)照畫(huà)面，選擇適當(dāng)數(shù)值。
制造出如上圖的效果即可。我們就可以把此圖導(dǎo)入Illustrator了。
色彩變黑白：前后對(duì)照?qǐng)D
在Illustrator中，把矢量的變化為向量的效果。最麻煩也是最基本的方式，是使用鋼筆工具，一點(diǎn)點(diǎn)描線。并對(duì)線稿進(jìn)行上色。這種方法雖安全可靠，但相當(dāng)煩瑣，需要很強(qiáng)的耐性。初學(xué)者或缺乏美術(shù)基礎(chǔ)的朋友可能對(duì)這種方式感到無(wú)奈，必定描稿時(shí)，是要對(duì)造型線條進(jìn)行判斷、取舍、變化、加入創(chuàng)意的。 這里主要介紹自動(dòng)描圖工具。它可以幫助我們根據(jù)色彩差值來(lái)自動(dòng)選擇邊緣路徑。雖然即簡(jiǎn)單又方便。但還是需要做細(xì)致調(diào)整的。現(xiàn)在我們就來(lái)看看如何進(jìn)行粗略掃描。
把黑白圖片拖入Illustrator中，找到它所在的圖層。鼠標(biāo)放置在圖層面板的此圖像的圖層上，雙擊。
彈出圖層選項(xiàng)面板。注意點(diǎn)選模板選項(xiàng)，把黑白圖像所在圖層設(shè)置為模板。點(diǎn)選后，其他圖層選項(xiàng)就被鎖定，唯一可調(diào)節(jié)的是變淡顯示圖像數(shù)值：50%即可。 點(diǎn)擊確定后，形成如上效果。圖像顯示減弱了。圖像所在圖層出現(xiàn)了模板圖層的標(biāo)記。
建立新圖層，點(diǎn)選自動(dòng)描圖工具，如上圖。嘗試在頭發(fā)的位置單擊鼠標(biāo)?？纯词欠癯霈F(xiàn)如上圖的效果。 沒(méi)有使用過(guò)自動(dòng)描圖工具的朋友請(qǐng)注意：選擇這個(gè)工具后，不要在畫(huà)面上亂點(diǎn)。要根據(jù)色彩的位置選擇，自動(dòng)描圖會(huì)把你單擊的位置的色彩的相近色彩自動(dòng)描出來(lái)。有時(shí)候會(huì)形成一些曲曲歪歪的圖形。這些圖形并非都是有用的。
既然知道是以色彩差值的位置來(lái)自動(dòng)描圖，很多朋友一定會(huì)立刻想到：色彩差值多少一定是可以選擇的。沒(méi)錯(cuò)。更改取值的位置是在“菜單>預(yù)設(shè)>文字與自動(dòng)描圖”的選項(xiàng)里。認(rèn)為使用菜單步驟麻煩的朋友可以鍵入快捷健[Ctrl + K]。
打開(kāi)預(yù)設(shè)面板，看到自動(dòng)描圖選項(xiàng)中的兩個(gè)數(shù)值。你先自動(dòng)描圖的路徑更加精確時(shí)，可把數(shù)值填寫(xiě)的小一些。但這樣可能會(huì)出現(xiàn)更多曲曲歪歪的線稿。對(duì)于一些圖像，精確的描圖不一定合適。本文Relen使用的是較大的數(shù)值。允許度為3；間隙為2。
OK，自動(dòng)描圖的參數(shù)設(shè)置好后。重新來(lái)一遍。先單擊頭發(fā)所謂的位置。會(huì)出現(xiàn)如上的效果。 自動(dòng)形成的路徑，看起來(lái)還不錯(cuò)。根據(jù)圖形，它把頭發(fā)的紋路也描了出來(lái)。
關(guān)閉模板圖層，我們單看剛剛描出的圖像，效果確實(shí)不錯(cuò)。自動(dòng)描圖功能強(qiáng)大吧：）
繼續(xù)使用自動(dòng)描圖工具，單擊所要描出路徑的色彩位置。
有時(shí)候單擊的位置不同，所描出的線稿效果也會(huì)不同。有些差值相當(dāng)大。最終的畫(huà)面效果也是好劣各異。對(duì)照這圖像效果。把一些你認(rèn)為不好的線條刪掉，或者重來(lái)一遍。
嘗試了幾次后，Relen認(rèn)為上圖是比較滿意的。 進(jìn)行到這里，我們已經(jīng)得到了一個(gè)基本的圖像。有朋友要說(shuō)了，把向量轉(zhuǎn)為矢量很多軟件都可以，甚至Flash（參閱《Flash轉(zhuǎn)像素圖為矢量圖》）。的確很多軟件都可以進(jìn)行如上操作。但是AI重在處理復(fù)雜的矢量創(chuàng)作，而Flash重在簡(jiǎn)化圖形。這兩者還是有本質(zhì)的區(qū)別的。大家可以根據(jù)自己的需要做選擇，但是一定要記住不管軟件的功能怎么樣，最終還是要靠人腦來(lái)支配它們。 文章后半部分是針對(duì)自動(dòng)描圖后的線稿進(jìn)行調(diào)整。有美術(shù)能力的朋友，可以進(jìn)行多處調(diào)整，初學(xué)者僅做針對(duì)性調(diào)整即可。 三、細(xì)致調(diào)整五官
人像最重要的是五官，五官把握好了，圖像才能真正出彩。調(diào)整五官是自動(dòng)描稿后必須處理的部分。 先來(lái)看看 眼睛的調(diào)整。 上圖中，Relen已經(jīng)標(biāo)出幾個(gè)比較重要的位置：眼角、下眼線、眼球。 眼角是眼睛輪廓線的重點(diǎn)之一。化妝的女性朋友一定十分了解下眼線和眼角是化妝絕對(duì)不能漏掉的部分。它們會(huì)使眼睛看起來(lái)爆滿、修長(zhǎng)或完整。 眼球部分就更不用說(shuō)了。畫(huà)龍點(diǎn)睛之處，非眼球莫屬。 自動(dòng)描稿的圖像中，眼角的棱角不夠，同時(shí)也不夠爆滿。眼球太小，需要加大。下眼線比較淡，自動(dòng)描稿時(shí)常常被忽略。手動(dòng)修圖，需要在這幾個(gè)位置進(jìn)行重點(diǎn)調(diào)整。
接下來(lái)是鼻子的調(diào)整。
鼻孔是鼻子最重點(diǎn)位置。其造型是對(duì)畫(huà)面的雅觀性有著深遠(yuǎn)的影響。鼻子的兩翼也十分重要。但對(duì)于黑白的繪畫(huà)來(lái)說(shuō)。畫(huà)出鼻翼會(huì)使鼻子看起來(lái)很大，尤其是女性，很難處理的很好。懂得人臉構(gòu)造的朋友，可能會(huì)有多種處理鼻子的方法。在這里Relen建議你只保留鼻孔，舍棄鼻翼部分。 鼻孔造型為水滴，自然而流暢即可。不要有過(guò)多的線條，這樣會(huì)使女性的鼻子看起來(lái)小巧而精致，十分雅觀。
最后是嘴巴和下巴的調(diào)整。
在這里Relen提醒大家，嘴巴和下巴經(jīng)常是連在一起繪制的。但并非絕對(duì)。上圖是自動(dòng)描圖所形成的嘴巴和下巴。從圖中可以看到，自動(dòng)描稿使根據(jù)色彩差值形成的路徑把下巴和嘴巴連接到了一切。即是不做任何除了這副圖像也可以說(shuō)是比較完整的，功勞主要?dú)w功于眼睛和鼻子的調(diào)整。若你打算把嘴巴也進(jìn)行細(xì)致調(diào)整，那么先要把嘴巴和下巴分開(kāi)。
這是最終效果。這副圖像即是沒(méi)有下巴也是可以的，你可以根據(jù)你的需要和具體情況處理圖像。下面進(jìn)行嘴巴的繪制。 原本自動(dòng)描稿所形成的嘴角位置保留在上層。在下層建立一個(gè)有層次即色彩漸變的唇縫。唇縫的作用很大，漸變色彩填充使畫(huà)面充滿了不定因素，多了一些變化，增強(qiáng)了畫(huà)面效果。 原本的上唇半的色彩已經(jīng)看不見(jiàn)了。無(wú)法用自動(dòng)描圖取得它們。你可以把它們繪制出來(lái)，是畫(huà)面更加完整，當(dāng)然，這樣做的同時(shí)也有可能是畫(huà)蛇添足。再不確定這樣做到底效果如何的時(shí)候，Relen建議大家還是保留一些冒險(xiǎn)精神，把它們做出來(lái)。對(duì)照決定十分保留它們。
左邊的上唇亦然。盡量使它更加自然。
先對(duì)照一下前后不同的唇的效果。唇的出現(xiàn)使畫(huà)面完整，同時(shí)也使畫(huà)面的視覺(jué)重心從眼睛移到了唇上，這是一個(gè)不好的現(xiàn)象。但考慮到現(xiàn)在的頭發(fā)并沒(méi)有完整的顯現(xiàn)出來(lái)，并不能以現(xiàn)在的畫(huà)面進(jìn)行最終的判斷。所以要先保留唇瓣。 這是一張五官未調(diào)整前，和五官調(diào)整后的圖片對(duì)比。從這張圖像上可以直觀的看到五官對(duì)畫(huà)面的重要性。細(xì)致調(diào)整后的五官是人物突出了，有了個(gè)性并更加完整。 四、簡(jiǎn)化頭發(fā)的線條
在人像的繪制中，頭發(fā)也同樣重要，有時(shí)候頭發(fā)比五官還重要，這取決于人像的角度和畫(huà)面的重點(diǎn)。本文主圖中的人物是正面的女性，她的發(fā)型可做調(diào)整也可不做調(diào)整。這取決于創(chuàng)作者的創(chuàng)作目的。 這幅作品中頭發(fā)的右側(cè)部分很凌亂，感覺(jué)不好，但左側(cè)部分的凌亂可以確定風(fēng)格特征。Relen決定僅調(diào)整右側(cè)，而保留左側(cè)。 把凌亂的部分進(jìn)行整合。對(duì)照整體，逐步調(diào)整。 這是調(diào)整好的圖像。現(xiàn)在看起來(lái)嘴唇就不顯得過(guò)于突出了。左側(cè)的頭發(fā)給畫(huà)面帶來(lái)了一些獨(dú)特的東西。右側(cè)的整體感覺(jué)還是不錯(cuò)的。 現(xiàn)在看一下整體效果。不滿意的地方還可以繼續(xù)調(diào)整，直到滿意再確定保存。
夏天快到了，大家還可以把自己的照片做成矢量效果，然后印制在T恤衫上。擁有一個(gè)自己的個(gè)性頭像T恤，很酷哦！不妨試試吧!
若你喜歡此類文章，請(qǐng)繼續(xù)關(guān)注 天極設(shè)計(jì)在線以及Relen的個(gè)人主頁(yè)www.Relen.com，以后還會(huì)有更多文章陸續(xù)發(fā)表。 用CorelDraw將點(diǎn)陣圖轉(zhuǎn)換為矢量圖，不僅能實(shí)現(xiàn)圖形轉(zhuǎn)換的功能，在轉(zhuǎn)換的同時(shí)還可以指定效果來(lái)得到特殊的矢量圖，下面我們就來(lái)看看CorelDraw中點(diǎn)陣圖轉(zhuǎn)換為矢量圖的操作方法。 轉(zhuǎn)換方法 準(zhǔn)備好一張點(diǎn)陣圖，導(dǎo)入到CorelDraw中（圖1）。 圖1
選中圖片點(diǎn)擊鼠標(biāo)右鍵，在菜單中可以看到“描繪位圖”（圖2）選項(xiàng)，選中后CorelDraw將跳轉(zhuǎn)到CorelTRACE中去編輯位圖。 圖2
CorelTRACE是CorelDraw帶的專業(yè)點(diǎn)陣圖轉(zhuǎn)換矢量圖工具，整個(gè)軟件的界面功能分布很簡(jiǎn)單，左邊是轉(zhuǎn)換的工具選擇，如按輪廓、高級(jí)輪廓、中心線、中心線輪廓、素描、馬賽克、3D馬賽克、木刻一共八種方式轉(zhuǎn)換。選定其中一個(gè)方式后在菜單欄上出現(xiàn)相應(yīng)的工具設(shè)置選項(xiàng)，應(yīng)用設(shè)置后在“描繪結(jié)果”窗口中可以看到最后的矢量圖效果（圖3）。 下面我們?cè)敿?xì)介紹這八種轉(zhuǎn)換方式。
圖3
一、按輪廓
這是最直接的一種轉(zhuǎn)換方式，只需要設(shè)置一下轉(zhuǎn)換的精確度（圖4），點(diǎn)擊描繪按鈕即可。
圖4
精確度的值越小，轉(zhuǎn)換后的圖像輪廓越光滑，反之精確度的值越大，轉(zhuǎn)換后的圖像失真情況越小，即改變最小。我們把精確度設(shè)定為20，看看得到的這個(gè)卡通圖像的效果（圖5）。
圖5
原圖中一些銳利的輪廓被圓滑了，把精確度設(shè)定到100，得到的描繪結(jié)果發(fā)現(xiàn)原圖中的銳利輪廓依然存在（圖6）。
圖6
二、按高級(jí)輪廓
使用高級(jí)輪廓的轉(zhuǎn)換方式，可設(shè)置的參數(shù)就很多了，程序也提供了各種預(yù)制好的模式，選擇它們就可以得到相應(yīng)的參數(shù)（圖7）.
圖7
如我們選擇“側(cè)影”效果，點(diǎn)擊描繪圖標(biāo)后在描繪結(jié)果面板中看到它的矢量圖效果（圖8）.
圖8
“按高級(jí)輪廓”工具的具體自定義設(shè)計(jì)參數(shù)包括：雜點(diǎn)過(guò)濾器、圖形繁簡(jiǎn)度、色彩數(shù)值、節(jié)點(diǎn)縮減、節(jié)點(diǎn)類型和最小對(duì)象大小。
雜點(diǎn)過(guò)濾器包括：無(wú)、低和高三種方式（圖9）。
圖9
轉(zhuǎn)換后圖形的繁簡(jiǎn)復(fù)雜程度可以設(shè)定數(shù)值或用拉桿來(lái)調(diào)節(jié)（圖10）.
圖10
最大色彩數(shù)是在2--256之間調(diào)節(jié)，色彩數(shù)值越小生成的文件體積越小（圖11）.
圖11
節(jié)點(diǎn)縮減是讓生成的矢量圖形的節(jié)點(diǎn)個(gè)數(shù)，可在1-100內(nèi)選擇，設(shè)定的節(jié)點(diǎn)個(gè)數(shù)越多生成的矢量圖上的節(jié)點(diǎn)就越少（圖12）.
圖12
為了更詳細(xì)地說(shuō)明它的特點(diǎn)，我們分別設(shè)定縮減節(jié)點(diǎn)的個(gè)數(shù)為10和80兩組，再看看最終得到的矢量圖上顯示的節(jié)點(diǎn)情況（圖13）。
圖13
節(jié)點(diǎn)類型有尖突和平滑化兩種選擇（圖14），使用尖突生成的矢量圖上的節(jié)點(diǎn)比使用平滑化的要多。
圖14
最小對(duì)象大小，可以在1--500之間調(diào)節(jié)（圖15）。
圖15
三、按中心線
這種轉(zhuǎn)換方式要求原來(lái)的圖片是黑白色的才能使用，和按高級(jí)輪廓一樣，按中心線也預(yù)制了幾種模式，套用就可以了（圖16）。
圖16
按中心線可以設(shè)置的參數(shù)只有“縮減節(jié)點(diǎn)”和“重復(fù)”，按中心描繪后的矢量圖效果只保留了原圖的邊緣線，像是用鋼筆畫(huà)的圖一樣（圖17）。
圖17
四、按中心線輪廓
按中心線輪廓的參數(shù)設(shè)置比按中心線增加了“精確度”選項(xiàng)，它也是要求原圖必須是黑白色，轉(zhuǎn)換后的矢量圖不像按中心線那樣只有圖的邊線條，用這種方式轉(zhuǎn)換得到矢量圖和原圖差別不大（圖18）。
圖18
五、素描
素描我們都知道是鉛筆繪畫(huà)的效果，調(diào)節(jié)素描圖需要設(shè)置的選項(xiàng)較多。
行間距：是控制鉛筆線條效果的，數(shù)值越小鉛筆的筆畫(huà)越密，數(shù)值越大鉛筆的筆畫(huà)越疏（圖19）。
圖19
行距的數(shù)值越小得到的矢量圖視覺(jué)越清楚，行距數(shù)值越大得到的矢量圖形線條越少，圖形看起來(lái)越疏散。我們把行距的數(shù)值調(diào)整到1和30，看看得到的圖像效果對(duì)比（圖20）。
圖20
圖層是指橫畫(huà)、豎畫(huà)和不同角度的斜畫(huà)，生成的矢量圖中它們都各自為不同的層。圖層和圖層角度關(guān)系緊密，圖層角度是不同層描描繪的方向角度（圖21）。
圖21
閥值也是調(diào)節(jié)圖像線條的疏密程度，閥值越小線條越疏散，閥值越大線條越緊密（圖22）。
圖22
六、馬賽克
顧名思義，馬賽克就是獲得的矢量圖是馬賽克效果。在馬賽克的參數(shù)設(shè)置中可以選擇馬賽克的形狀、水平平鋪和垂直平鋪。
圖23
平鋪的數(shù)值越小，矢量圖的效果越模糊，數(shù)值越大，矢量圖的效果保留了較好的原圖效果（圖24）。
圖24
七、3D馬賽克
和馬賽克的方式差不多，只是3D馬賽克立體感很強(qiáng)（圖25）。
圖25
八、木刻
木刻的效果設(shè)置選項(xiàng)包括：縮減節(jié)點(diǎn)、閥值、角度、寬度和木刻屬性。大多數(shù)選項(xiàng)前面都介紹過(guò)了，木刻屬性是選擇色板、連接雕刻、錐形終點(diǎn)、反轉(zhuǎn)和對(duì)稱等等（圖26）。
圖26
使用木刻得到的矢量圖效果多種多樣（圖27）。
圖27 |
|
|
來(lái)自： Iceberg6003 > 《我的圖書(shū)館》
