ai怎么設(shè)計(jì)簡(jiǎn)約可愛風(fēng)格的MBE圖標(biāo)?

發(fā)布時(shí)間：2017-08-30 17:09:30 作者：飛屋睿UIdesig

ai怎么設(shè)計(jì)簡(jiǎn)約可愛風(fēng)格的MBE圖標(biāo)？ai中想要設(shè)計(jì)一款看上去簡(jiǎn)潔、圓潤(rùn)、可愛的圖標(biāo)，該怎么制作呢？下面我們就來看看詳細(xì)的教程，需要的朋友可以參考下

今天我們就來看看使用ai繪制簡(jiǎn)約風(fēng)格的MBE圖標(biāo)的實(shí)例教程，請(qǐng)看下文詳細(xì)介紹。

Adobe Illustrator CS6 (AI cs6) 精簡(jiǎn)綠色中文版(32位+64位)

類型：圖像處理
大?。?/span>200.38MB
語言：簡(jiǎn)體中文
時(shí)間：2014-05-11

查看詳情

一、認(rèn)識(shí)MBE風(fēng)格

這類風(fēng)格目前的運(yùn)用之廣泛，只要大家都在關(guān)注各大網(wǎng)站或APP的界面，就會(huì)發(fā)現(xiàn)這一趨勢(shì)。但就只是表面的對(duì)元素的借用和拼裝，其實(shí)并不能完全學(xué)會(huì)這一風(fēng)格。

MBE風(fēng)格的特點(diǎn)我們剛剛已經(jīng)講到了，是簡(jiǎn)潔圓潤(rùn)可愛，一個(gè)個(gè)看來如下：

1、一般是以粗而圓的線條勾勒輪廓，這一點(diǎn)類似于簡(jiǎn)筆畫，也類似于單線條畫。其線條粗細(xì)適中，越粗的線條在表現(xiàn)力方面會(huì)越接近可愛感，線條的轉(zhuǎn)折過渡很圓潤(rùn)，幾乎看不到尖銳的直角。

2、填色方面的特點(diǎn)非常明顯，填色的色塊要偏移原有輪廓一些，以此來塑造高光和陰影效果。再填色色塊和線條所形成輪廓之間的偏移所形成的白色會(huì)成為一道高光留白，而相對(duì)的一方則是陰影。

3、配色是簡(jiǎn)單的橙色、黃色、藍(lán)色，以高飽和度的亮色為主，表現(xiàn)鮮明可愛的特點(diǎn)。適當(dāng)時(shí)候在這個(gè)色彩上進(jìn)行強(qiáng)弱變化，以體現(xiàn)色彩的層次。

4、線條大多采用一定的“斷線”處理，并運(yùn)用圓點(diǎn)增加線條的豐富感。

5、如果作為插畫運(yùn)用，大都增加許多幾何狀小裝飾。我們把這些小裝飾分別命名為“十字形”、“煙花形”、“小圓點(diǎn)”和“小圓圈”，它們以一種隨機(jī)分散的狀態(tài)點(diǎn)綴在主題周圍。當(dāng)然，如果用于圖標(biāo)的話，這個(gè)裝飾會(huì)顯得累贅。

另外，還有其他的特征，比如水平線的存在，以及物體對(duì)象的擬人表情。但我個(gè)人覺得這些并非一定的要件，可以適當(dāng)增刪。通過了解了這些造型特征，才會(huì)知道，看上去簡(jiǎn)單的風(fēng)格，實(shí)質(zhì)上并不簡(jiǎn)單。接下，讓我們實(shí)際動(dòng)手來個(gè)現(xiàn)場(chǎng)感受。

二、繪制輪廓線

STEP 01、打開AI，新建一個(gè)800*1000px的文檔。在文檔中進(jìn)入【編輯>首選項(xiàng)>參考線和網(wǎng)格】這一欄中，設(shè)置好相應(yīng)的網(wǎng)格。網(wǎng)格線間隔為20Px,次分割線為5，當(dāng)然，這個(gè)并不絕對(duì)。

STEP 02、根據(jù)我們要?jiǎng)?chuàng)作的主題是“刷子”，繪制輪廓線前可以在草稿上畫一畫，大致有個(gè)輪廓定型后再開始繪制。繪制的線條為18px，色彩為略帶藍(lán)的深黑色#22334f

這個(gè)世界上所有的物體都可以用這些幾何體組合而成。刷子的輪廓基礎(chǔ)形利用圓形、圓角矩形等幾何工具簡(jiǎn)單進(jìn)行組合即可。

三、斷線的藝術(shù)

STEP 01、斷線是這一風(fēng)格最為顯著的特征，斷線處理可以增加線條的豐富感，甚至產(chǎn)生一定的光影感覺。這在線條畫中是常常會(huì)用到的。先選中所有對(duì)象，利用形狀生成工具，刪掉多余的線條。刪掉以后就剩下一個(gè)外輪廓，再通過直接工具或鋼筆工具增加相應(yīng)的線條，以表現(xiàn)足夠簡(jiǎn)潔又清晰的刷子的形象。

這里的線條要注意工具欄上方的“描邊”，點(diǎn)開其描邊參數(shù)面板，端點(diǎn)和邊角都選擇圓角。