UI大牛教你機(jī)器人插畫怎么制作

分析：機(jī)器人整體幾乎對(duì)稱，所以接下來(lái)的教程中對(duì)稱功能會(huì)運(yùn)用的會(huì)比較多。

繪制遇到的困難點(diǎn)可能是：

• 1.頭型的布爾運(yùn)算制作；
• 2.明暗色彩分割；
• 3.鋼筆錨點(diǎn)處理這幾個(gè)點(diǎn)。

01.1  以下數(shù)據(jù)僅供參考，在原圖為800×600基礎(chǔ)上得出：
拉條輔助線，先做左臉頰的輪廓線。（可降低圓的透明度，看得更清楚）

• 圓1最大400×400px，定位上方額頭處平整線；
• 圓2最小184×184px，定位眼睛上方線條；
• 圓3大約296×296px，定位眼睛下方臉頰處線條。

01.2 選中三個(gè)圓，使用左側(cè)工具欄-形狀生成工具，將臉一側(cè)曲線選出。

選出后，如右圖：中間部分是我選出需要的部分，去掉多余部分，臉側(cè)曲線就完成了。

01.3 左臉曲線完成后，用白箭頭略調(diào)整下曲線錨點(diǎn)，讓它更圓潤(rùn)。如上圖。

01.4 調(diào)出窗口-路徑查找器，在左臉側(cè)做出矩形框，選中兩個(gè)形狀做交集。這樣左臉就完成了。

01.5  選中左臉-右擊-變換-對(duì)稱出右臉，完整的臉型就有了。（這里記得把臉型再?gòu)?fù)制一個(gè)放邊上備用）

01.6  頂部拱形制作：

兩個(gè)245×245px的圓放好位置，選中-形狀生成工具-選出需要部分，然后用白箭頭調(diào)整下錨點(diǎn)保持平滑。

選擇描邊8px后，執(zhí)行對(duì)象-擴(kuò)展，這樣8px的橢圓環(huán)就做出來(lái)了。

新建矩形，選中兩個(gè)形狀，執(zhí)行窗口-路徑查找器-減去頂層。（減去時(shí)注意最好在耳朵上方線條中間位置，便于隱藏?cái)嗫凇＃╉敳抗靶沃谱魍瓿伞?/span>

01.7  下巴部分我是用8px描邊的鋼筆畫的線條，應(yīng)該不難。

01.8  眼睛80×80px的圓，描邊8px;

長(zhǎng)豎線8×66px，短豎線-圓角矩形工具8×20px,圓角4px。

眼珠14×14px。

全選后對(duì)象-擴(kuò)展外觀，調(diào)出路徑查找器-聯(lián)集，復(fù)制一個(gè)。眼睛就完成了。

01.9  鼻子的數(shù)值是24×8px，圓角4px，旋轉(zhuǎn)35°，復(fù)制一個(gè)。鼻子完成。

01.10  做嘴巴時(shí)，要把臉型選為內(nèi)描邊8px，執(zhí)行對(duì)象-擴(kuò)展，聯(lián)集頭頂拱形和下巴。

嘴巴大小為62×26px，圓角4px，復(fù)制一個(gè)出來(lái)備用。選中嘴巴和外廓線條路徑查找器-減去頂層，嘴巴位置就空出來(lái)了。備用的嘴巴放入，牙齒分兩層，大小都是45×5px，分別填色。

01.11  耳朵和頸部使用鋼筆8px描邊做的，這個(gè)不難。整體拼接時(shí)，依靠8px的描邊注意隱藏接口。額頭圓為14×14px。

02.1  剛剛讓留的臉型備份就用上了（這里記得再備份幾個(gè)），復(fù)制一個(gè)兩個(gè)，移出上色的部分。執(zhí)行形狀生成工具-選出需要部分上色。重復(fù)幾次就能做出來(lái)了。隱藏多出部分隱藏在線條后方。眼睛那塊顏色可以用鋼筆補(bǔ)充調(diào)整，這里就不一一贅述。

調(diào)出鋼筆，按住shift保持線條平行，轉(zhuǎn)折處放開(kāi)，最后按enter斷線條。調(diào)成描邊模式8px-圓頭端點(diǎn)圓頭連接。

選中對(duì)象執(zhí)行對(duì)象-擴(kuò)展-確定。兩邊電波不太一樣，需要再做一遍哦。

04.1 對(duì)話框制作：新建100×100的圓，內(nèi)描邊8px。執(zhí)行對(duì)象-擴(kuò)展，這是圓環(huán)了。用鋼筆勾出小尾巴，也是8px的描邊。放好位置，用形狀生成工具選出需要部分，其他丟棄。

04.2  復(fù)制一個(gè)出來(lái)，用白箭頭選外面輪廓錨點(diǎn)刪除后得到里面黃色填充形狀。如上圖。

04.3 不開(kāi)心眼睛制作。圓角矩形26×8px，圓角4px，復(fù)制一個(gè)轉(zhuǎn)90°。選中兩個(gè)后執(zhí)行路徑查找器-聯(lián)集，然后轉(zhuǎn)45°，就完成啦。

04.4  新建52×52的圓，用添加錨點(diǎn)工具加兩個(gè)錨點(diǎn)，刪除多余錨點(diǎn)，描邊8px，圓角。執(zhí)行對(duì)象-擴(kuò)展。組合下不開(kāi)心眼睛和不開(kāi)心嘴巴，這個(gè)對(duì)話框就完成了。

好了，今天的教程就到這里，還有不明白的地方請(qǐng)給我留言，有空我會(huì)為你們解答的。給我提交下你們的作業(yè)吧,越努力越幸運(yùn)哦~

相關(guān)文章--《作為產(chǎn)品經(jīng)理你真的了解，數(shù)據(jù)分析嗎》