矢量圖的好處就是徹底解決了受像素所限制的高清畫質顯示,但與此同時,矢量圖卻也表現得較為呆板。要平衡這對矛盾,我們需要的就是在寫實性上下功夫。矢量圖,毋庸置疑,一定要自己親自作畫。今天,我們就和大家一起來練習矢量圖作畫當中的寫實技巧,創作對象是一張奶酪背景圖案,來學吧。
一、觀察
先選一張真實的奶酪照片,認真研究一下照片上的對象的明暗關系、紋理質感。這一步非常重要!
首先我們看到這是一塊非常平滑的表面,上面有很多氣孔。對每個氣孔的明暗關系進行仔細觀察。
二、臨摹
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
選中上一步的兩個圖層(有顏色的和黑白的),然後進入透明度面板,創建蒙版。這時,你會看到蒙版的位置出現了黑白徑向漸變。點選蒙版,就可以利用漸變效果來調整模糊邊緣的效果。
完成後的效果:
矢量圖的精細模仿,對於擬物設計來說必不可少。希望大家在練習中,掌握方法為主。盡量能夠舉一反三地運用不同的工具實現你的想象。