1. 程式人生 > >2.5d向量插畫|(下)-繪製

2.5d向量插畫|(下)-繪製

上篇主要介紹了一下2.5d向量插畫,這篇咱們來說說它的繪製吧!

使用軟體:illustrator

(AI原始檔可以在文末進群向管理員索要哦~免費視訊課程在文末,點選即可進入,11月6日晚19:00準時直播哦~)

難度:★★★☆☆

我們從天貓開始。


1.選中圖形,選擇選單欄上的效果-3D-凸出和斜角

位置:等角-左方

藍色的面是將平面圖形的方向,凸出厚度根據畫面效果自行設定,這裡選擇60pt,勾選預覽檢視。

1-1.gif

gif演示1


小tips:


2.選中圖形,選擇選單欄上的“物件”-“擴充套件外觀”


1-2.gif

gif演示2


3.擴充套件外觀後需要將天貓和厚度分兩個部分處理,見下圖。


1-3~1.gif

gif演示3


繼續繪製天貓超市。從頂部開始。

1.繪製一個圓形, 240x240px,填充純色

效果-3D-凸出和斜角,位置:等角-上方,厚度70pt



2.用直接選擇工具(A)選中圓柱體上方的橢圓形,ctrl+2,鎖定。



選擇圓柱的高度部分,路徑查詢器-聯集



為橢圓面填充漸變色,如圖。




為圓柱高度部分填充純色 #a98afc


3.選擇橢圓部分,ctrl+2鎖定。

用鋼筆工具繪製門的部分,填充×××,# ffee57,為了看得清楚,可以先把×××透明度降低一點。選擇圓柱的高度和門這兩個物件,shift+M,開啟形狀生成器,選擇不需要的部分,單擊,生成需要的形狀。然後用直接選擇工具(A)去掉不需要的部分。




調整門的錨點,將弧度調整一下。

放到合適的位置,和底部×××門選中,shift+M,單擊不需要的部分,用直接選擇工具(A)去除。


用鋼筆工具畫一個三角,繪製陰影部分。選中兩個物件,shift+M,單擊不需要的部分,用直接選擇工具(A)去除。

接下來繪製底部。

1.繪製一個圓形, 500x500px,填充純色

效果-3D-凸出和斜角,位置:等角-上方,厚度140pt

2.擴充套件外觀,並填充顏色,色值如下。

3.繪製一個400px的圓形,去掉填充,描邊100px,將描邊面板開啟,對齊描邊改成對內。

4. 選中物件-“檢視”-“擴充套件物件”,將藍色圓圈擴充套件。


5. 繪製綠色的矩形,寬度為90px,和藍色圓圈,三個物件選中水平和垂直方向對齊,如下:

shift+M,開啟形狀生成器,選擇需要保留的藍色圓圈部分,其餘的刪掉。如下圖,將物件全部選中,ctrl+G編組:

6. 效果-3D-凸出和斜角,位置:等角-上方,厚度為0pt。

7. 擴充套件外觀,並ctrl+shift+G解組

8. 對每一塊填充漸變色。如下圖:

9. 將填充好的顏色編組,和橢圓水平、垂直方向對齊。

10. 用直接選擇工具(A)選擇深藍色橢圓形,縮小,放在最上面,對齊。

豐富下細節。


然後可以進行組裝了。



再給天貓超市裝上個臺階吧。


1.臺階尺寸如下,全選,聯集

2.效果-3D-凸出和斜角,位置:等角-左方,厚度為100pt。

3.擴充套件外觀,然後裝在右側。調整細節。


gif演示4


延展設計-app啟動頁


1.新建750x1334px的文件,將繪製好的天貓超市2.5d插畫放進來吧,再加上點裝飾和文字。看下效果吧,ok了。


感興趣的話可以再多畫一些元件,變成2.5d的場景插畫。

好了,今天的2.5d插畫就講到這裡了,期待小夥伴們的作業哦~~~


2.5D向量插畫相關免費視訊課程(11月6日晚19:00,歡迎收看~可以先點下免費報名,方便收到上課提醒哦):

玩轉2.5d向量插畫-騰訊課堂(11.6晚19:00)