ai怎么設(shè)計(jì)簡約可愛風(fēng)格的MBE圖標(biāo)?
我要評論今天我們就來看看使用ai繪制簡約風(fēng)格的MBE圖標(biāo)的實(shí)例教程，請看下文詳細(xì)介紹。
一、認(rèn)識MBE風(fēng)格
這類風(fēng)格目前的運(yùn)用之廣泛，只要大家都在關(guān)注各大網(wǎng)站或APP的界面，就會發(fā)現(xiàn)這一趨勢。但就只是表面的對元素的借用和拼裝，其實(shí)并不能完全學(xué)會這一風(fēng)格。
MBE風(fēng)格的特點(diǎn)我們剛剛已經(jīng)講到了，是簡潔圓潤可愛，一個個看來如下：
1、一般是以粗而圓的線條勾勒輪廓，這一點(diǎn)類似于簡筆畫，也類似于單線條畫。其線條粗細(xì)適中，越粗的線條在表現(xiàn)力方面會越接近可愛感，線條的轉(zhuǎn)折過渡很圓潤，幾乎看不到尖銳的直角。
2、填色方面的特點(diǎn)非常明顯，填色的色塊要偏移原有輪廓一些，以此來塑造高光和陰影效果。再填色色塊和線條所形成輪廓之間的偏移所形成的白色會成為一道高光留白，而相對的一方則是陰影。
3、配色是簡單的橙色、黃色、藍(lán)色，以高飽和度的亮色為主，表現(xiàn)鮮明可愛的特點(diǎn)。適當(dāng)時候在這個色彩上進(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)的話，這個裝飾會顯得累贅。
另外，還有其他的特征，比如水平線的存在，以及物體對象的擬人表情。但我個人覺得這些并非一定的要件，可以適當(dāng)增刪。通過了解了這些造型特征，才會知道，看上去簡單的風(fēng)格，實(shí)質(zhì)上并不簡單。接下，讓我們實(shí)際動手來個現(xiàn)場感受。
二、繪制輪廓線
STEP 01、打開AI，新建一個800*1000px的文檔。在文檔中進(jìn)入【編輯>首選項(xiàng)>參考線和網(wǎng)格】這一欄中，設(shè)置好相應(yīng)的網(wǎng)格。網(wǎng)格線間隔為20Px,次分割線為5，當(dāng)然，這個并不絕對。
STEP 02、根據(jù)我們要創(chuàng)作的主題是“刷子”，繪制輪廓線前可以在草稿上畫一畫，大致有個輪廓定型后再開始繪制。繪制的線條為18px，色彩為略帶藍(lán)的深黑色#22334f
這個世界上所有的物體都可以用這些幾何體組合而成。刷子的輪廓基礎(chǔ)形利用圓形、圓角矩形等幾何工具簡單進(jìn)行組合即可。
三、斷線的藝術(shù)
STEP 01、斷線是這一風(fēng)格最為顯著的特征，斷線處理可以增加線條的豐富感，甚至產(chǎn)生一定的光影感覺。這在線條畫中是常常會用到的。先選中所有對象，利用形狀生成工具，刪掉多余的線條。刪掉以后就剩下一個外輪廓，再通過直接工具或鋼筆工具增加相應(yīng)的線條，以表現(xiàn)足夠簡潔又清晰的刷子的形象。
這里的線條要注意工具欄上方的“描邊”，點(diǎn)開其描邊參數(shù)面板，端點(diǎn)和邊角都選擇圓角。
STEP 02、在水平和垂直方向的線條可以采用“直接選擇工具”對路徑的錨點(diǎn)進(jìn)行調(diào)整，而圓弧形的路徑，則可以采用剪刀工具或鋼筆工具。
以上是線體的部分，我們就完成了。接下進(jìn)入填色的環(huán)節(jié)。
四、三色配色
之前我們談到MBE風(fēng)格的配色主要選用橙色、藍(lán)色與黃色進(jìn)行搭配。這里，我們也繼續(xù)沿用這一配色方案。
STEP 01、填色的形狀要位于輪廓線下方(即不遮擋輪廓線)，并且和輪廓線所形成的各部分輪廓一致，因此，在此我們可以借用輪廓線，將其復(fù)制后進(jìn)行斷線后的錨點(diǎn)重又連接，形成一個封閉形狀后，關(guān)閉描邊，并對其進(jìn)行橙色填充，橙色值為#9dccfb
STEP 02、就按上一步的方式，填充完所有的形狀。形狀的位置與輪廓線形成一定的“錯位”。
STEP 03、高光的位置位于左方，而陰影位于右方，在填充光面與陰影的時候，要做到對此心中有數(shù)。在亮的位置再增添一定的反光效果，反光就用白色的線條進(jìn)行表達(dá)。下圖中我們用亮色與陰影來標(biāo)識。
STEP 04、由于是筆刷(有人說只是普通的刷子)，好吧，不管是什么，它能刷出一定色彩。因此，我們?yōu)樗黾右粋€筆刷刷過的痕跡。繪制這個筆刷痕跡，先用矩形工具創(chuàng)建一個30*300的矩形，填充色為#3e9bf7。然后再復(fù)制一個矩形，將其向右移動30px，不斷復(fù)制到8個矩形并列時停止，將其間隔的矩形刪除。
STEP 05、在上一步的矩形之上再增加一個與其寬度相當(dāng)?shù)木匦?，并利?ldquo;路徑查找工具”將其合并為一個路徑。合并后，就可以選中錨點(diǎn)適當(dāng)修飾其矩形條的長短，使其變得更為隨機(jī)。調(diào)整好以后，選中矩形條的錨點(diǎn)，使直角變?yōu)閳A角。
STEP 06、利用同樣的方式再繪制一個痕跡，填充色為#d6eafd，更為淺淡的藍(lán)色在這里表現(xiàn)了色彩的層次感。
五、旁白小裝飾
等待形體完成，就可以為其增加裝飾。
STEP 1、就在對MBE風(fēng)格的特點(diǎn)4里已經(jīng)列舉了出現(xiàn)的小裝飾，這里我們制作出各種類型的小裝飾，色彩各異，將其點(diǎn)綴于刷子的旁邊。于是最終效果完成。
以上就是ai設(shè)計(jì)可愛圖標(biāo)的教程，希望大家喜歡，請繼續(xù)關(guān)注腳本之家。
相關(guān)推薦：
ai怎么繪制扁平化風(fēng)格的夏天ICON圖標(biāo)?
相關(guān)文章
AI怎么繪制一個救生圈圖標(biāo)？愛重想要繪制一個救生圈圖形，該怎么繪制呢？下面我們就來看看詳細(xì)的繪制教程，很簡單，需要的朋友可以參考下2017-05-16
本教程教腳本之家的Illustrator學(xué)習(xí)者們使用AI繪制2.5D等距場景立體圖標(biāo)的方法，教程非常簡單，零基礎(chǔ)的朋友也很容易上手，感興趣的話歡迎前來一起學(xué)習(xí)2017-05-16
本教程手把手教腳本之家的各位朋友使用AI繪制一組簡約小清新的微圖標(biāo)的方法，圖標(biāo)風(fēng)格統(tǒng)一，非常清新，難度不高，推薦到腳本之家一起分享學(xué)習(xí)2017-05-15
AI怎么創(chuàng)建GPS圖標(biāo)？ai中想要自己繪制一個gps的圖標(biāo)圖形，該怎么繪制呢？下面我們就來看看詳細(xì)的教程，很簡單，需要的朋友可以參考下2017-05-15
AI零基礎(chǔ)五步臨摹簡單可愛MBE風(fēng)格的火焰漸變圖標(biāo)教程
本教程教腳本之家的Adobe Illustrator零基礎(chǔ)學(xué)習(xí)者使用AI五步臨摹簡單可愛MBE風(fēng)格的火焰漸變圖標(biāo)的方法，MBE小火焰圖標(biāo)的制作教程沒有什么難度，是小白入門ai的不二之選2017-05-14
AI怎么制作一個簡單的店鋪圖標(biāo)？ai中想繪制一個簡單的店鋪圖標(biāo)的圖形，該怎么制作呢？下面我們就來看看詳細(xì)的教程，很簡單，需要的朋友可以參考下2017-04-27
AI利用吸管工具設(shè)計(jì)一個漂亮的草莓圖標(biāo)
這篇教程是向腳本之家的朋友分享AI利用吸管工具設(shè)計(jì)一個漂亮的草莓圖標(biāo)方法，教程制作出來的圖標(biāo)非常漂亮，方法并不是很難，適合初學(xué)者學(xué)習(xí)，推薦到腳本之家，喜歡的朋友可2017-04-11
這篇教程是向腳本之家的朋友分享AI簡單快速繪制一個可愛的卡通小丑圖標(biāo)方法，教程繪制出來的小丑圖標(biāo)非常漂亮，難度不是很大，值得大家學(xué)習(xí)，來看看吧2017-03-30
這篇教程是向腳本之家的朋友分享AI繪制漂亮的卡通游泳圈圖標(biāo)方法，教程繪制出來的圖標(biāo)非常漂亮，難度不是很大，值得大家學(xué)習(xí)，推薦到腳本之家，來看看吧2017-03-28
AI怎么使用網(wǎng)格工具繪制漸變色的圓球圖標(biāo)?
AI怎么使用網(wǎng)格工具繪制漸變色的圓球圖標(biāo)？ai中想要繪制一個漸變的彩色圓形，該怎么繪制呢？下面我們就來看看使用網(wǎng)格工具來實(shí)現(xiàn)的教程，很簡單，需要的朋友可以參考下2017-03-22
