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

一、觀察

先選一張真實的奶酪照片，認真研究一下照片上的對象的明暗關系、紋理質感。這一步非常重要！

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

二、臨摹

STEP 01

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

STEP 02

將原始的奶酪照片拖入，最好將其鎖定。在此基礎上運用鋼筆工具進行外形的臨摹。然后將原始照片關閉。

三、第一個氣孔

STEP 03

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

STEP 04

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

STEP 05

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

STEP 06

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

STEP 07

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

STEP 08

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

STEP 09

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

STEP 10

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

STEP 11

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

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

第一個氣孔完成。

四、復制氣孔樣式

STEP 12

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

你還需要在第一個氣孔那里復制出邊緣光以及光源反射。適當的根據不同的位置大小調整漸變。

五、模糊的邊緣

STEP 13

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

STEP 14

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

完成后的效果：

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

【優設九月熱門PS教程】

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

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

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

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

【優設網 原創文章 投稿郵箱：2650232288@qq.com】

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