ai怎么設計簡約可愛風格的MBE圖標?

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

我要評論

ai怎么設計簡約可愛風格的MBE圖標？ai中想要設計一款看上去簡潔、圓潤、可愛的圖標，該怎么制作呢？下面我們就來看看詳細的教程，需要的朋友可以參考下

今天我們就來看看使用ai繪制簡約風格的MBE圖標的實例教程，請看下文詳細介紹。

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

類型：圖像處理
大?。?/span>200.38MB
語言：簡體中文
時間：2014-05-11

查看詳情

一、認識MBE風格

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

MBE風格的特點我們剛剛已經(jīng)講到了，是簡潔圓潤可愛，一個個看來如下：

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

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

3、配色是簡單的橙色、黃色、藍色，以高飽和度的亮色為主，表現(xiàn)鮮明可愛的特點。適當時候在這個色彩上進行強弱變化，以體現(xiàn)色彩的層次。

4、線條大多采用一定的“斷線”處理，并運用圓點增加線條的豐富感。

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

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

二、繪制輪廓線

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

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

這個世界上所有的物體都可以用這些幾何體組合而成。刷子的輪廓基礎形利用圓形、圓角矩形等幾何工具簡單進行組合即可。

三、斷線的藝術

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

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

STEP 02、在水平和垂直方向的線條可以采用“直接選擇工具”對路徑的錨點進行調(diào)整，而圓弧形的路徑，則可以采用剪刀工具或鋼筆工具。

以上是線體的部分，我們就完成了。接下進入填色的環(huán)節(jié)。

四、三色配色

之前我們談到MBE風格的配色主要選用橙色、藍色與黃色進行搭配。這里，我們也繼續(xù)沿用這一配色方案。

STEP 01、填色的形狀要位于輪廓線下方(即不遮擋輪廓線)，并且和輪廓線所形成的各部分輪廓一致，因此，在此我們可以借用輪廓線，將其復制后進行斷線后的錨點重又連接，形成一個封閉形狀后，關閉描邊，并對其進行橙色填充，橙色值為#9dccfb

STEP 02、就按上一步的方式，填充完所有的形狀。形狀的位置與輪廓線形成一定的“錯位”。

STEP 03、高光的位置位于左方，而陰影位于右方，在填充光面與陰影的時候，要做到對此心中有數(shù)。在亮的位置再增添一定的反光效果，反光就用白色的線條進行表達。下圖中我們用亮色與陰影來標識。

STEP 04、由于是筆刷(有人說只是普通的刷子)，好吧，不管是什么，它能刷出一定色彩。因此，我們?yōu)樗黾右粋€筆刷刷過的痕跡。繪制這個筆刷痕跡，先用矩形工具創(chuàng)建一個30*300的矩形，填充色為#3e9bf7。然后再復制一個矩形，將其向右移動30px，不斷復制到8個矩形并列時停止，將其間隔的矩形刪除。