STEP 05
用STEP 02-04 的方法來(lái)做出另外一邊的立方體,所不同的是另一邊的兩個(gè)立方體,它們的尺寸分別是:68*68 160*68
而他們?cè)谵D(zhuǎn)變?yōu)榱⒎襟w時(shí),進(jìn)入3D工具中,位置一欄設(shè)置為【等角>上方】。當(dāng)你繪制好兩個(gè)立方體,就可以將它們拼成下面的形狀。當(dāng)右邊的兩個(gè)立方體因?yàn)閾踝∫暰很難對(duì)齊邊緣時(shí),可以降低它們的透明度來(lái)查看是否對(duì)齊。
這時(shí)立方體的大形體基本完成,讓我們轉(zhuǎn)戰(zhàn)制作細(xì)部。
細(xì)部:按鈕和圓孔
所謂的細(xì)部其實(shí)也就是細(xì)節(jié)的部分,這部分在這里表現(xiàn)就是一些諸如按鈕、圓孔這樣的部分。
STEP 06
我們首先來(lái)制作圓孔,其實(shí)大家可以發(fā)現(xiàn)圓孔就是一個(gè)圓,只是這個(gè)圓看上去有透視之感(所以它不是一個(gè)正圓),但基本上它沒有凸出。那么大家可以如何做呢?
你也可以用到3D工具:首先繪制一個(gè)灰色的無(wú)描邊的正圓。然后進(jìn)入【3D>凸出與斜角】,設(shè)置可以如下所示:
位置:等角-上方 厚度:0
STEP 07
復(fù)制這個(gè)代表圓孔的圖案,然后放置在最上方的矩形上,這里需要參考線來(lái)輔助將其對(duì)齊。
STEP 08
用同樣的方式安排其他地方出現(xiàn)的圓孔,但是注意這里不同的位置。
STEP 09
接下繪制凸出的圓形按鈕,這時(shí)我不建議這里再使用3D工具來(lái)實(shí)現(xiàn),畢竟其實(shí)凸出的按鈕利用兩個(gè)橢圓就能實(shí)現(xiàn),如果采用3D工具繪制,最后轉(zhuǎn)平面時(shí)會(huì)遇到麻煩(會(huì)有非常多形狀會(huì)出現(xiàn),而讓你很難整理)。但是為了保持整個(gè)圖形符合等距立體,我在這里利用參考線來(lái)做一個(gè)按鈕,大家可以參考我的做法。
就復(fù)制我們上一步所做出的圓孔,找到同樣方向的圓孔,然后利用參考線對(duì)齊再?gòu)?fù)制一個(gè),讓它們的色彩有點(diǎn)差異。
看懂了嗎?雖然目前兩個(gè)橢圓之間有間隙,但是等到最后轉(zhuǎn)為線體時(shí),彼此只需要兩個(gè)小線條就能連成一個(gè)立體凸出的按鈕。
轉(zhuǎn)為線體
一旦焦點(diǎn)積木的部分完成,我們就可以直接轉(zhuǎn)為線體,剩下的圖形都用線條來(lái)實(shí)現(xiàn)。所見即所得。
STEP 10
首先將所有的立體形狀都轉(zhuǎn)為平面,這個(gè)說法并不是指他們又回到之前的平面形狀,而是將立體以擴(kuò)展的方式轉(zhuǎn)化成可編輯的對(duì)象。
選中每個(gè)對(duì)象,然后進(jìn)入【對(duì)象>擴(kuò)展外觀】,然后將這些對(duì)象一一進(jìn)行取消編組的操作,有些形狀需要取消兩次,總之要達(dá)到你任意點(diǎn)擊某個(gè)形狀時(shí),都能立刻看到它的填色。這是AI中一個(gè)形狀是否「健康」的指標(biāo)。
STEP 11
然后把每一個(gè)形狀填充關(guān)閉,開啟描邊。描邊的大小可以暫時(shí)設(shè)置為2,因?yàn)橹笪覀冞會(huì)有變化。描邊色彩為 #0d6ffc
STEP 12
運(yùn)用【形狀生成器】工具,按住鍵盤上的ALT鍵,清除掉圖形中彼此遮擋的部分線條。這個(gè)可以參考我們的草圖。
然后把我們?cè)赟TEP 09中提到的給按鈕增加線條的方式來(lái)完成立體形態(tài)。為了讓圖形表現(xiàn)更好,按鈕的形狀可以稍微調(diào)大。
繪制平面設(shè)備
這里大家會(huì)發(fā)現(xiàn)周邊的設(shè)備是平面的,在繪制上不比之前的立體圖案,因此相對(duì)難度降低了很多。所以基本這里就是按照草圖分步驟來(lái)畫出。
STEP 13
這里從圓孔處有線條延伸,這些線條既有裝飾作用,又有鏈接設(shè)備的作用。這里參考了其他的線體插畫的Idea,這是一個(gè)不錯(cuò)的集中視線的做法。
我們首先來(lái)完成這部分的線條。用鋼筆工具來(lái)繪制,鋼筆工具在繪制直角的邊線時(shí)很有優(yōu)勢(shì),畫好下圖左邊的樣式后,選中直角的部分,利用拖動(dòng)的方式就能將直角變?yōu)閳A角。
STEP 14
補(bǔ)齊一些細(xì)節(jié),比如連接設(shè)備的矩形接頭,包括積木頂部的圓孔的陰影描繪線條。