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