@飛屋睿UIdesign?：矢量圖的好處就是徹底解決了受像素所限制的高清畫質(zhì)顯示，但與此同時，矢量圖卻也表現(xiàn)得較為呆板。要平衡這對矛盾，我們需要的就是在寫實(shí)性上下功夫。矢量圖，毋庸置疑，一定要自己親自作畫。今天，我們就和大家一起來練習(xí)矢量圖作畫當(dāng)中的寫實(shí)技巧，創(chuàng)作對象是一張奶酪背景圖案，來學(xué)吧。

一、觀察

先選一張真實(shí)的奶酪照片，認(rèn)真研究一下照片上的對象的明暗關(guān)系、紋理質(zhì)感。這一步非常重要！

首先我們看到這是一塊非常平滑的表面，上面有很多氣孔。對每個氣孔的明暗關(guān)系進(jìn)行仔細(xì)觀察。

二、臨摹

STEP 01

打開AI，新建一個文檔，這個文檔設(shè)置為長寬為600px大小，分辨率為300。在新的畫布上創(chuàng)建一個矩形，將其填充奶酪黃，作為背景。

STEP 02

將原始的奶酪照片拖入，最好將其鎖定。在此基礎(chǔ)上運(yùn)用鋼筆工具進(jìn)行外形的臨摹。然后將原始照片關(guān)閉。

三、第一個氣孔

STEP 03

選中其中一個氣孔，關(guān)閉描邊，然后對其進(jìn)行徑向漸變填充。填充色可以參考我的配色。這一步需要的是給對象一個基本的陰影過渡。就像在繪畫中首先理清的第一層明暗關(guān)系。

STEP 04

打開外觀面板，為這個對象增加一個新的填充。新填充色是為了給這個對象增加淺黃色的漸變。

STEP 05

將上一步所做的填充混合模式設(shè)置為濾色。濾色模式顧名思義，也就是將黑色濾掉的意思。而原來的褐色就變成了亮黃色，用作淺黃色的漸變部分非常適合。

STEP 06

接下讓我們制作邊緣光，邊緣光的制作方法有很多，我在這里使用混合的辦法。先選中上一步繪制的對象，然后復(fù)制一層粘貼在下方（ ctrl+C > ctrl+B ）。保持這個復(fù)制的對象被選中的情況下，打開外觀面板，將最上一層的填充刪除。設(shè)置剩下的漸變填充，漸變色的變化可以參考下圖。右邊漸變滑塊透明度降至0。這樣做的目的，是將邊緣光的光色先調(diào)整出來。（注：為了操作方便我在此關(guān)閉了上一層的對象）

STEP 07

現(xiàn)在是使用混合工具的時候了，復(fù)制上一步制作的對象，粘貼到下方。把這個對象稍微拉大一點(diǎn)，透明度降至0。

STEP 08

這時把這兩個對象都選中，然后雙擊混合工具設(shè)置好要混合的參數(shù)，指定的步數(shù)20。混合的參數(shù)根據(jù)你所繪制對象而有所不同。大家可以通過不斷嘗試找出最佳效果。

STEP 09

再次為邊緣光增加一點(diǎn)光源，這次我們直接畫上一個正圓。將正圓的填充色設(shè)置為徑向漸變填充，四周為黑色，中間為粉色。當(dāng)我們把這個對象的混合模式設(shè)置為濾色時，黑色被濾掉后，這樣就又多了一點(diǎn)光源。而且這個光源可以隨時通過漸變滑塊進(jìn)行調(diào)控。

STEP 10

這時還剩下高光反射的部分。先畫上兩個反射光源的形狀。把這兩個形狀合并為一組。打開這個組的外觀面板，對其進(jìn)行漸變填色。漸變色為黑白的徑向漸變。

STEP 11

還記得之前我曾提到濾色混合模式的作用嗎？我們采用同樣的原理，將這個對象的混合模式設(shè)為濾色。那么，很自然我們會得出這樣的結(jié)論，這些黑白漸變會變成左邊呈白色而右邊漸隱的狀態(tài)。但這里我們不能直接改變混合模式。由于我們已經(jīng)為這個對象添加了外觀樣式，最終我們是需要這個對象的混合模式有所改變，因此，我們還需要做一次擴(kuò)展外觀，才能讓濾鏡發(fā)揮作用，達(dá)到我們期望的效果。

用同樣的方式，再做另一個反射光，這次，可以降低透明度到18%。

第一個氣孔完成。

四、復(fù)制氣孔樣式

STEP 12

做好第一個氣孔，其他的氣孔都可以通過吸管工具來完成。當(dāng)然，沒有想象中那么簡單。首先雙擊吸管工具，彈出吸管工具的設(shè)置選項。

你還需要在第一個氣孔那里復(fù)制出邊緣光以及光源反射。適當(dāng)?shù)母鶕?jù)不同的位置大小調(diào)整漸變。

五、模糊的邊緣

STEP 13

還有一種氣孔，邊緣比較模糊，好像有點(diǎn)融化的感覺。這類氣孔需要我們重新制作。這里，我采用蒙版來制作這種模糊的融化效果。像上一步一樣吸取其他氣孔的樣式后，復(fù)制一份粘貼其上。然后選中復(fù)制后的對象，打開外觀面板，刪除最上一層的填充，把下面的黃色漸變填充改為黑白徑向填充。

STEP 14

選中上一步的兩個圖層（有顏色的和黑白的），然后進(jìn)入透明度面板，創(chuàng)建蒙版。這時，你會看到蒙版的位置出現(xiàn)了黑白徑向漸變。點(diǎn)選蒙版，就可以利用漸變效果來調(diào)整模糊邊緣的效果。

完成后的效果：

矢量圖的精細(xì)模仿，對于擬物設(shè)計來說必不可少。希望大家在練習(xí)中，掌握方法為主。盡量能夠舉一反三地運(yùn)用不同的工具實(shí)現(xiàn)你的想象。

【優(yōu)設(shè)九月熱門PS教程】

一招提升照片質(zhì)感的高端手法！
《高端修圖手法！僅需一招便可提升你的照片質(zhì)感》

3步輕松搞定清新色調(diào)！
《超贊！后期高手教你輕松3步修出清新色調(diào)》

海報設(shè)計的教程出來咯！
《PS教程！手把手教你臨摹一張絢麗的藝術(shù)海報》

原文地址：ifeiwu
作者：@飛屋睿UIdesign

【優(yōu)設(shè)網(wǎng) 原創(chuàng)文章 投稿郵箱：2650232288@qq.com】

================關(guān)于優(yōu)設(shè)網(wǎng)================
"優(yōu)設(shè)網(wǎng)uisdc.com"是國內(nèi)人氣最高的網(wǎng)頁設(shè)計師學(xué)習(xí)平臺，專注分享網(wǎng)頁設(shè)計、無線端設(shè)計以及PS教程。
【特色推薦】
設(shè)計師需要讀的100本書：史上最全的設(shè)計師圖書導(dǎo)航：http://hao.uisdc.com/book/。
設(shè)計微博：擁有粉絲量101萬的人氣微博@優(yōu)秀網(wǎng)頁設(shè)計 ，歡迎關(guān)注獲取網(wǎng)頁設(shè)計資源、下載頂尖設(shè)計素材。
設(shè)計導(dǎo)航：全球頂尖設(shè)計網(wǎng)站推薦，設(shè)計師必備導(dǎo)航：http://hao.uisdc.com