UI大牛教你機器人插畫怎么制作

分析：機器人整體幾乎對稱，所以接下來的教程中對稱功能會運用的會比較多。

繪制遇到的困難點可能是：

• 1.頭型的布爾運算制作；
• 2.明暗色彩分割；
• 3.鋼筆錨點處理這幾個點。

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

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

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

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

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

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

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

01.6  頂部拱形制作：

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

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

新建矩形，選中兩個形狀，執(zhí)行窗口-路徑查找器-減去頂層。（減去時注意最好在耳朵上方線條中間位置，便于隱藏斷口。）頂部拱形制作完成。

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

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

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

眼珠14×14px。

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

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

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

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

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

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

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

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

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

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

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

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

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

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