ai怎么設(shè)計(jì)可愛(ài)的夏日海灘小插畫(huà)圖標(biāo)?

本教程主要使用Illustrator繪制可愛(ài)的夏日海灘插畫(huà)效果,這種風(fēng)格很可愛(ài)卡通,感興趣的朋友讓我們一起來(lái)學(xué)習(xí)吧。先看看效果圖

Adobe Illustrator CS6 (AI cs6) 精簡(jiǎn)綠色中文版(32位+64位)
- 類(lèi)型:圖像處理
- 大?。?/span>200.38MB
- 語(yǔ)言:簡(jiǎn)體中文
- 時(shí)間:2014-05-11
1、四個(gè)圖都有一樣的背景
2、大大的描邊
3、都打破了背景的邊界
4、都是日常生活中常見(jiàn)的,都和夏日海灘這個(gè)主題想關(guān),很真實(shí)
首先新建一個(gè)圖層800*600px大小,顏色模式為RGB,分辨率為72ppi,將新對(duì)象對(duì)齊到網(wǎng)格。
STP1:背景的制作
1、繪制安全框,雖然設(shè)計(jì)不應(yīng)該有啥限制,但為保證一致,還是給個(gè)套比較好,新建一個(gè)矩形,大小128*128px,顏色為#FF6B57
然后繪制一個(gè)116*116px,顏色為#F2F2F2的矩形,使之與上圖對(duì)齊
2、繪制背景海邊沙灘,一個(gè)圓分兩半,一半是海一半是沙,使用橢圓工具繪制一個(gè)88*88px,顏色為#34D5EA的圓,使之與安全框垂直居中對(duì)齊,距安全框下邊框4px,如圖
然后我們選中圓框,對(duì)象--路徑--偏移路徑,給他4px的偏移值,顏色為#493E3E
大的背景我們做出來(lái)了,然后我們來(lái)做些里面的東東。選中我們的藍(lán)色圓框,ctrl+c,ctrl+f原位復(fù)制一個(gè)。然后對(duì)象--路徑--便宜路徑,偏移-4px
然后我們選中復(fù)制的副本和副本的偏移量,減去頂層形狀得到一個(gè)圓環(huán),我們給新得到的圓環(huán)改變顏色為白色,混合模式設(shè)置為柔光,不透明度改為80%
接下來(lái)我們畫(huà)海灘的沙子的那一部分,使用鋼筆工具勾出一個(gè)如下圖的形狀,顏色為#EDBC32
同樣的方法,給他一個(gè)4px的偏移描邊,顏色為#493E3E(對(duì)象--路徑--偏移路徑)
我們給黃色的沙灘上面加些沙子大小2*2px,顏色為#D19A20,多復(fù)制幾個(gè),編個(gè)組。得到下圖效果
我們最終效果圖背景就是一個(gè)圓,所以我們要把沙灘多出來(lái)的給剪掉,復(fù)制一層(ctrl+c,ctrl+f)那個(gè)最開(kāi)始的藍(lán)色圓(88*88的),然后選中它和黃色沙灘,右鍵--建立截切蒙版
然后我們來(lái)制作海灘上的高光,復(fù)制海面的那個(gè)高光(減去頂層出來(lái)的圓環(huán)),然后復(fù)制一下鋼筆工具勾出來(lái)的黃色海灘,黃色海灘在上,圓環(huán)在下,同時(shí)選中,右鍵--建立剪切蒙版,得到下圖
接著制作中間的那個(gè)分割帶的高光部分,復(fù)制一個(gè)黃色沙灘,偏移路徑-4px,然后同時(shí)事選中這兩個(gè)圖層,減去頂層形狀,得到一個(gè)環(huán),將顏色改為白色,混合模式調(diào)為柔光,不透明度調(diào)為80%。接著,復(fù)制一個(gè)藍(lán)色的圓(88*88的那個(gè)),選中藍(lán)色的圓和我們減去頂層得到的環(huán),右鍵--建立剪切蒙版,得到如圖高光。
3、繪制海面上的云朵
使用圓角矩形工具繪制一個(gè)16*8px,圓角為4px,顏色為白色的矩形,然后繪制一個(gè)6*2px的長(zhǎng)方形,使用2*2px的圓去剪掉長(zhǎng)方形的兩端,然后在繪制一個(gè)12*4px,圓角為2px的圓角矩形,將他們組合起來(lái)。
將得到的云編組,并改變不透明度為50%,將其定位到圖示位置。
利用同樣的方法,我們就可以得到我們的背景圖了。
STP2:繪制主體物
1、使用矩形工具繪制一個(gè)48*92px,顏色為#E25439,上圓角為24px,下圓角為6px,外描邊為4px,顏色為#493E3E的矩形。
2、繪制高光,這個(gè)不多說(shuō)了啊,跟背景里的高光繪制方法一樣
3、制作棍子。12*12px,顏色為#D3B276,外描邊為4px,顏色為#493E3E的矩形,讓它與冰棍對(duì)齊。
然后繪制棍子上的高光,紋理和陰影。如圖
然后將冰棍的所有圖層編組,同樣的方法,復(fù)制最開(kāi)始的88*88px的藍(lán)色圓,在圓的上方建一個(gè)矩形,然后與圓聯(lián)集(合并)
然后同時(shí)選中這個(gè)新的圖形和我們的冰棍組,右鍵--建立剪切蒙版。
這樣我們就做出了一個(gè)冰棍的小插畫(huà)了。
STP3:繪制其他的幾個(gè),接下來(lái)就是見(jiàn)證奇跡的時(shí)刻了,我們直接復(fù)制背景,然后繪制其他的主體就可以了。
感謝成龍大哥給我們帶來(lái)的表演,這樣我們的幾個(gè)小插畫(huà)就都完成了。
STP4:檢查細(xì)節(jié)
這一步很重要的,個(gè)人深有感受。。曾今畫(huà)完就發(fā)出去了,點(diǎn)開(kāi)一看,什么對(duì)齊啊,差一兩個(gè)像素啥的,好多小問(wèn)題。所以,小志建議大家不管做啥,做完之后都檢查一下,免得掉底子。
相關(guān)推薦:
相關(guān)文章
AI繪制一個(gè)簡(jiǎn)單的扁平化時(shí)鐘icon圖標(biāo)
這篇教程是向腳本之家的朋友分享AI繪制一個(gè)簡(jiǎn)單的扁平化時(shí)鐘icon圖標(biāo)方法,教程繪制出來(lái)的圖標(biāo)還是很不錯(cuò)的,教程比較基礎(chǔ),適合新手來(lái)學(xué)習(xí),推薦過(guò)來(lái),一起來(lái)學(xué)習(xí)吧2016-11-30- 這篇教程是向腳本之家的朋友分享AI簡(jiǎn)單制作一個(gè)圓形圖標(biāo)方法,教程制作出來(lái)的圖標(biāo)非常漂亮,難度不是很大,值得大家學(xué)習(xí),推薦過(guò)來(lái),喜歡的朋友可以參考本文,希望能對(duì)大家2016-11-27
- 這篇教程是向腳本之家的朋友分享AI快速繪制中國(guó)聯(lián)通圖標(biāo)方法,教程繪制出來(lái)的圖標(biāo)還是很不錯(cuò),教程比較簡(jiǎn)單,適合新手來(lái)學(xué)習(xí),一起來(lái)看看吧2016-11-07
- Ai怎么繪制手機(jī)傳輸文件的圖標(biāo)?ai繪制矢量圖標(biāo)很好,不會(huì)失真,該怎么繪制手機(jī)中的一個(gè)傳送文件的圖標(biāo)呢?下面我們就來(lái)看看詳細(xì)的教程,需要的朋友可以參考下2016-10-24
- 這篇教程主要是向腳本之家的朋友分享AI簡(jiǎn)單繪制一枚掛在胸前的徽章圖標(biāo)方法,教程繪制出來(lái)的徽章圖標(biāo)非常漂亮,難度不是很大,值得大家學(xué)習(xí),一起來(lái)看看吧2016-10-19
Ai簡(jiǎn)單繪制一個(gè)圓形儀表圖標(biāo)
這篇教程是向腳本之家的朋友分享Ai簡(jiǎn)單繪制一個(gè)圓形儀表圖標(biāo)方法,教程比較基礎(chǔ),對(duì)于初學(xué)者來(lái)說(shuō)很值得過(guò)來(lái)學(xué)習(xí),推薦到腳本之家,一起來(lái)學(xué)習(xí)吧2016-10-18- Ai怎么繪制紅色的電話(huà)小圖標(biāo)?ai中繪制矢量圖標(biāo)很簡(jiǎn)單,今天我們就來(lái)看看繪制一個(gè)家用電話(huà)圖標(biāo)的教程,很簡(jiǎn)單,下面我們就來(lái)看看詳細(xì)的教程,需要的朋友可以參考下2016-10-18
- Ai怎么設(shè)計(jì)柜子的小圖標(biāo)?ai中想設(shè)計(jì)一個(gè)簡(jiǎn)單的柜子圖標(biāo),該怎么設(shè)計(jì)呢?今天我們就來(lái)看看使用ai設(shè)計(jì)的教程,圖文很詳細(xì),需要的朋友可以參考下2016-10-17
Ai怎么畫(huà)數(shù)碼相機(jī)圖形的圖標(biāo)?
Ai怎么畫(huà)數(shù)碼相機(jī)圖形的圖標(biāo)?想繪制一個(gè)數(shù)碼相機(jī),該怎么繪制呢?ai繪制矢量圖很方便,下面我們就來(lái)看看ai繪制數(shù)碼相機(jī)圖標(biāo)的教程,需要的朋友可以參考下2016-10-09AI布爾運(yùn)算工具繪制一個(gè)定位時(shí)鐘圖標(biāo)
這篇教程是向腳本之家的朋友分享AI布爾運(yùn)算工具繪制一個(gè)定位時(shí)鐘圖標(biāo)方法,教程繪制出來(lái)的圖標(biāo)非常漂亮,難度不是很大,適合初學(xué)者來(lái)學(xué)習(xí)他,推薦到腳本之家,一起來(lái)學(xué)習(xí)吧2016-09-27