描邊圖標(biāo),快速制作搭邊風(fēng)格圖標(biāo)教程(4)
這個(gè)小圖標(biāo)主要是運(yùn)用布爾運(yùn)算和路徑錨點(diǎn)來制作,十分簡(jiǎn)單,幾分鐘就能做出來。
在追波網(wǎng)上看到MBE大神的描邊小圖標(biāo)很是喜歡,就自己網(wǎng)上搜索學(xué)習(xí)怎么繪制這種風(fēng)格的圖標(biāo),這里就是將我練習(xí)的方法做一個(gè)總結(jié),關(guān)鍵就是布爾運(yùn)算和路徑錨點(diǎn),好了廢話不多說,我們從最簡(jiǎn)單的小太陽開始。。
先來個(gè)最終效果圖,是不是很可愛。。!
1、新建一個(gè)追波尺寸的畫布800*600,背景色選白色,名稱為描邊風(fēng)格小圖標(biāo),注意分辨率為72
2、畫一個(gè)300*300的圓形,填充顏色為#ffdb00,描邊為12像素的#000000的黑色描邊。注意這里描邊的風(fēng)格應(yīng)該選居中描邊,結(jié)尾和轉(zhuǎn)角選擇圓角形式。
3、然后我們ctrl+j復(fù)制圓形圖層,并分別命名為小太陽描邊和小太陽填充。并將小太陽填充的圖層關(guān)閉,將小太陽描邊圖層的填充去掉,只留下描邊。
4、我們用直接選擇工具(小白)選中描邊,這時(shí)會(huì)出現(xiàn)錨點(diǎn)和路徑的線(抱歉,我也不知道這線叫什么),然后我們用鋼筆工具這一欄里的添加錨點(diǎn)工具,給描邊添加6個(gè)錨點(diǎn)。
5、6個(gè)錨點(diǎn)添加完后(如圖1),我們?cè)谟弥苯舆x擇工具(小白)選擇錨點(diǎn)進(jìn)行刪除(如圖2)。發(fā)現(xiàn)問題了這里只添加4個(gè)錨點(diǎn)就夠了,然后選路徑進(jìn)行刪除就好了
圖1
圖2
6、同理我們弄對(duì)角的另一邊,弄完的結(jié)果如圖
7、這一步,我們將小太陽填充的圖層顯示出來,并且把它放在“描邊”圖層的下面?矗!效果一下子就出來了。
8、嘴巴和腮紅的部分不多說了,根據(jù)圖形之間的大小關(guān)系,自己繪制就可以。
9、這里重點(diǎn)說下嘴巴的畫法,這里我們畫一個(gè)60*40的圓(如圖1),建立水平參考線,找到橢圓的水平中心位置。建立個(gè)矩形(要比半個(gè)橢圓大,如圖2),選中橢圓和矩形的圖層,ctrl+e后,用路徑選擇工具(小黑)配合布爾運(yùn)算的減去頂層形狀,減去上邊的矩形,并選擇合并形狀組件(如圖3)。下面我們繪制個(gè)60*16圓角為8的圓角矩形,這里方便CS6的用戶使用,可以繪制兩個(gè)16*16的圓加一個(gè)44*16的矩形進(jìn)行組合。將其放在剛剛減好的圖形上(如圖4),放好后,ctrl+e合并兩個(gè)圖層,并改為黑色(如圖5)。
圖1
圖2
圖3
圖4
圖5
10、這里我們繪制他的小舌頭(對(duì)!!應(yīng)該是舌頭)。大家可以根據(jù)自己的大小關(guān)系建立,我這里是26*12的橢圓。
11、現(xiàn)在開始給太陽添加高光和反光(也就是添加兩個(gè)內(nèi)陰影),一個(gè)為#ffffff,角度-160度,距離、阻塞和大小為30、0、0(如圖1);另一個(gè)為#fe8602,角度為20,距離、阻塞和大小為30、0、0(如圖2)
圖1
圖2
12、這步我們將眼睛、嘴巴、和腮紅進(jìn)行排放,放在一個(gè)合適并且可愛的位置,將腮紅和舌頭的顏色選為#fe8602,并將腮紅的組調(diào)整不透明度為30%
13、最后添加些色彩繽紛的小圖形作為點(diǎn)綴修飾,使主體更加生動(dòng)可愛
學(xué)習(xí) · 提示
相關(guān)教程
- 圖標(biāo)制作,用PS繪制卡哇伊的卡通兔子圖標(biāo)
- 描邊圖標(biāo),用PS繪制簡(jiǎn)單的書本圖標(biāo)
- 圖標(biāo)制作,用PS設(shè)計(jì)制作一款心形APP軟件圖標(biāo)
- 圖標(biāo)制作,用PS制作簡(jiǎn)單的彩色線性圖標(biāo)
- 圖標(biāo)設(shè)計(jì),用PS制作一款小清新的擬物時(shí)鐘
- 圖標(biāo)設(shè)計(jì),用PS制作精美的辦公室圖標(biāo)
- 插畫制作,用PS設(shè)計(jì)具有漸變風(fēng)格的插畫圖標(biāo)
- 圓環(huán)圖標(biāo),用PS制作簡(jiǎn)約的圓環(huán)圖標(biāo)
- 圖標(biāo)設(shè)計(jì),用PS繪制一個(gè)音樂圖標(biāo)
- 描邊圖標(biāo),用PS制作萌萌噠小黃人卡通圖案
推薦教程
- 塑料按鈕的制作方法
- 圖標(biāo)制作,用PS設(shè)計(jì)一個(gè)透明的雪景圖標(biāo)
- 圖標(biāo)設(shè)計(jì),通過PS制作設(shè)計(jì)質(zhì)感水晶圖標(biāo)
- photoshop制作網(wǎng)頁用水晶按鈕
- 用ps制作高光橘色RSS按鈕
- Photoshop打造矢量風(fēng)格的箭頭點(diǎn)擊按鈕
- 用ps制作網(wǎng)站導(dǎo)航按鈕
- ps網(wǎng)頁開關(guān)按鈕
- 唱片機(jī)圖標(biāo),設(shè)計(jì)一枚唱片主題圖標(biāo)實(shí)例
- ps快速設(shè)計(jì)短信圖標(biāo)教程