MBE——去年開(kāi)始紅遍Dribbble和國(guó)內(nèi)外的各大設(shè)計(jì)平臺(tái)，這種簡(jiǎn)單活潑的粗線條描邊插畫(huà)風(fēng)格確實(shí)讓人看了心生愉悅呢!今天海淘的教程內(nèi)容是一個(gè)MBE風(fēng)格的星球圖標(biāo)，傳授的是方法，希望大家可以發(fā)散思維，靈活運(yùn)用!

現(xiàn)在開(kāi)始吧!

第一步、打開(kāi)AI，創(chuàng)建一個(gè)畫(huà)布

點(diǎn)擊文件 > 新建，將窗口中的數(shù)值設(shè)置如圖：

第二步、創(chuàng)建3個(gè)圖層

步驟1：F7呼出圖層面板，創(chuàng)建三個(gè)圖層分別命名如圖(注意順序要一致)：

步驟2：選中背景圖層，用矩形工具(M)創(chuàng)建一個(gè)800*600的矩形，顏色FFFFFF，作為畫(huà)布的背景。

第三步、開(kāi)始畫(huà)星球的線條

步驟1：使用橢圓工具(L)畫(huà)一個(gè)128*128的圓，描邊顏色000000，描邊粗細(xì)6px。

步驟2：再畫(huà)一個(gè)106*106的圓，與剛剛的圓水平居中對(duì)齊。

步驟3：利用剪刀工具(C)去掉多余的部分。

可以在描邊面板里設(shè)置端點(diǎn)和邊角為圓頭。

步驟4：畫(huà)一個(gè)180*60的橢圓，與大圓水平居中對(duì)齊。

步驟5：CTRL+A全選所有的元素，向左旋轉(zhuǎn)15°。

步驟6：新建一個(gè)30*30的圓，放置在右上角。

步驟7：在底部添加一根210*6的直線。

步驟:8：對(duì)直線進(jìn)行斷線處理。

步驟9：添加一個(gè)10*10的圓，描邊顏色ee5a1d，描邊粗細(xì)4px。

步驟10：同樣，添加一些顏色各異的細(xì)節(jié)。

步驟11：選中所有你添加的顏色細(xì)節(jié)，CTRL+G組合。

第四步、為星球上色

步驟1：添加一個(gè)30*30的圓，填充顏色00c3ff，放置在小圓的右上角。

步驟2：再添加一個(gè)128*128的圓，填充顏色ff6d00，與星球左下角有一定的間距。

步驟3：選中黃色大圓，按CTRL+C再按CTRL+F復(fù)制一層(沒(méi)變化是因?yàn)橹苯訌?fù)制在它上層，移動(dòng)就能看到)，再按CTRL+C和CTRL+F復(fù)制一層，將復(fù)制的這個(gè)黃圓向左下偏移一些。

步驟4：選中復(fù)制的第一個(gè)黃圓和第二個(gè)黃圓，打開(kāi)路徑查找器面板，選擇減去頂層。

得到剪影，剪影填充顏色ff6d00。

第五步、組合你的星球

CTRL+A選中所有元素，CTRL+G組合。

你就得到它啦!

現(xiàn)在你應(yīng)該掌握了一些制作MBE風(fēng)格圖標(biāo)的方法和技巧，想要提升自己的熟練度還是要做大量的練習(xí)!除了本教程中提到的方法，大家也可以用偏移路徑的方法來(lái)做，偏移路徑的方法在上篇的教程中有[ MBE風(fēng)格設(shè)計(jì)教程 ]MBE風(fēng)格飛碟圖標(biāo)。更多的MBE風(fēng)格設(shè)計(jì)資訊可直接。文章下載，點(diǎn)擊：MBE風(fēng)格設(shè)計(jì)教程 : 制作MBE風(fēng)格星球圖標(biāo)