UI設計界面設計 3D矢量插畫如何繪製的

繪製基礎部分

STEP 01

打開AI，新建一個700*700px的文檔。在新文檔中先繪製出兩個375*290的矩形，一個填充為深色，一個填充為亮色。應用了3D效果後再填充適合的顏色也可。這裡所繪製的兩個矩形分別稱為土地的基底。

STEP 02

先選用亮色那一個矩形作為地表，進入【效果3D凸出與斜角】，在參數面板中我們可以通過調整實際的參數大小來應用3D場景中的角度旋轉等情況，也可以直接利用軟體預設值，比如在此我們在「位置」這個選項下拉框里選擇「等角-上方」，就不再需要調整旋轉的角度。接著將透視設置為20°，凸出厚度修改為10。通過勾選「預覽」，對最終效果進一步確認，從而再對參數作進一步調整。

如果透視角度為零，整個立方體就會顯得不自然，這一點相信學過素描繪畫將不會忽視。

STEP 03

這時，已經轉為3D造型的矩形變為了立方體，而這個略薄的立方體將作為我們的基底表皮。為了對它進一步調色，這時需要選中它以後進入【對象擴展外觀】，使它成為路徑。然後利用組合快捷鍵【Ctrl+Shift+G】（取消編組），連續按三次，將這個立方體分解為不同的塊面。

STEP 04

立方體的三個面分別填充為三個色彩。色值參考如下。

STEP 05

接下將深色的矩形也轉為3D效果，所用方法與前一個矩形類似，只是在突出厚度上保持為50。

STEP 06

將這個對象放置於前一個淺色的立方體下方，這時的空間概念要非常清晰。擴展對象後再對其解散編組，成為獨立的面，分別對每一個面進行填色處理。

營造山水

3D插畫中的高山流水想要逼真，必然要凸顯出一種空間感。AI軟體里的3D效果對於規則的幾何形有凸出的作用，它能增加物體的厚度，比如像我們上一節所運用過的矩形變為立方體，而對於不規則的造型則很難勝任，還需要我們自己來繪製。

STEP 07

讓我們先來繪出山的造型。大家都知道山體大致是一個圓錐體，因此在繪製山的形體時就要隨時將這個圓錐的造型放在心中，透視空間方向也要心中有數，這也是我們最開始就繪製好基底地面的原因。再利用鋼筆工具繪製山體，大致符合這一圓錐體造型即可，大自然造型總是千奇百態的。在這裡我們為其填充桃紅色。

STEP 08

為了豐富山體效果，讓我們為山體增加一些高光，這會在原來的基礎上大大提升立體感。高光是比山體本身更為明亮的色彩。

STEP 09

一座山峰並不能表現出山體的豐富，因此我們需要再繼續繪製不同形態的山峰一起組成類似群山的樣式。

STEP 10

由於山峰中需要有河流的經過，因此再繪製一系列群山，在意境上會更加長遠。這裡完全憑著自由創作，大家應該學會這類最簡單的山脈的畫法，在扁平化的插畫中最常見，也最容易駕馭。

STEP 11

有了山脈以後，河流的繪製更為簡單，運用鋼筆工具畫出兩條封閉的曲線，然後填充為水藍色。

STEP 12

在河流靠近地基邊緣的部分繪出一個「分流」的形狀，再根據分流後的水流繪出下注的形態。運用鋼筆繪製嚴格說並沒有什麼必須遵循的原則，只需要符合自然觀感即可。

STEP 13

將下注的水流填充另一種不同的藍色，選中其中一股較大的水流，進入「透明度」面板，為其添加蒙版，點擊蒙版待被框選中後，則在這股水流的位置繪製出一個類似的四邊形，將其運用黑白漸變填充，就能讓這個圖形變為一種自上而下漸隱的透明視覺效果。這時，記得一定要重新點選回蒙版左邊的對象，否則你還將繼續停留在蒙版的編輯中。

STEP 14

按照上一步同樣的方式處理另一股水流，然後在水流的末端，運用鋼筆工具或者鉛筆工具，畫出白色的浪花造型，使得傾瀉而下的水流飛濺出水花。為了看清白色水花，讓我們在所有對象的下方添加一個純色矩形作為背景。

山水的部分就此繪製完畢。

森林表現

STEP 15

增加樹木的點綴，才會表現森林的特色。這裡我們先來看看樹木的畫法，我們選用了松樹林木的外形，它呈現圓錐體形態。先繪製出一個三角，再慢慢通過細節的增加刪減變為一整顆樹的造型。圖示中已經表達出了繪製的過程。繪製好一顆樹，就可以調節大小並複製出更多的樹木，點綴於其上。注意大小的對比安排要突出，才能擴大人眼對於這片樹林的空間感。比如比較大的樹木最好不要太多，要能和小的樹木交錯排列。

STEP 16

為河流中心增加一艘小船，你可以任意安排小船的形態，比如我們在此畫一隻鳥立於船隻的造型。而船體的形狀也要符合透視的法則，與整個畫面協調起來。

STEP 17

最後增加一些細節，例如天空飛翔的鳥兒，以及河流的白色水紋。最終效果如下：

好啦！今天先給大家分享這麼多，如想學習掌握更多UI設計內容加扣群：399495719，驗證：讀者，進群贈送UI設計資料，我們只幫助想學習的朋友。