描邊圖標(biāo),快速制作搭邊風(fēng)格圖標(biāo)教程(4)

來(lái)源:站酷 作者:小格調(diào)兒 學(xué)習(xí):11760人次

這個(gè)小圖標(biāo)主要是運(yùn)用布爾運(yùn)算和路徑錨點(diǎn)來(lái)制作,十分簡(jiǎn)單,幾分鐘就能做出來(lái)。

在追波網(wǎng)上看到MBE大神的描邊小圖標(biāo)很是喜歡,就自己網(wǎng)上搜索學(xué)習(xí)怎么繪制這種風(fēng)格的圖標(biāo),這里就是將我練習(xí)的方法做一個(gè)總結(jié),關(guān)鍵就是布爾運(yùn)算和路徑錨點(diǎn),好了廢話不多說(shuō),我們從最簡(jiǎn)單的小太陽(yáng)開(kāi)始!。

 

先來(lái)個(gè)最終效果圖,是不是很可愛(ài)。。!

www.theoat.com.cn_04035632B-0.jpg

 

1、新建一個(gè)追波尺寸的畫(huà)布800*600,背景色選白色,名稱為描邊風(fēng)格小圖標(biāo),注意分辨率為72

www.theoat.com.cn_0403564H1-1.jpg

2、畫(huà)一個(gè)300*300的圓形,填充顏色為#ffdb00,描邊為12像素的#000000的黑色描邊。注意這里描邊的風(fēng)格應(yīng)該選居中描邊,結(jié)尾和轉(zhuǎn)角選擇圓角形式。

www.theoat.com.cn_04035C051-2.jpg

3、然后我們ctrl+j復(fù)制圓形圖層,并分別命名為小太陽(yáng)描邊和小太陽(yáng)填充。并將小太陽(yáng)填充的圖層關(guān)閉,將小太陽(yáng)描邊圖層的填充去掉,只留下描邊。

www.theoat.com.cn_0403563O1-3.jpg

4、我們用直接選擇工具(小白)選中描邊,這時(shí)會(huì)出現(xiàn)錨點(diǎn)和路徑的線(抱歉,我也不知道這線叫什么),然后我們用鋼筆工具這一欄里的添加錨點(diǎn)工具,給描邊添加6個(gè)錨點(diǎn)。

www.theoat.com.cn_04035630B-4.jpg

5、6個(gè)錨點(diǎn)添加完后(如圖1),我們?cè)谟弥苯舆x擇工具(小白)選擇錨點(diǎn)進(jìn)行刪除(如圖2)。發(fā)現(xiàn)問(wèn)題了這里只添加4個(gè)錨點(diǎn)就夠了,然后選路徑進(jìn)行刪除就好了

圖1

www.theoat.com.cn_0403564122-5.jpg圖2

www.theoat.com.cn_0403561364-6.jpg

6、同理我們弄對(duì)角的另一邊,弄完的結(jié)果如圖

www.theoat.com.cn_04035C915-7.jpg

7、這一步,我們將小太陽(yáng)填充的圖層顯示出來(lái),并且把它放在“描邊”圖層的下面?矗!效果一下子就出來(lái)了。www.theoat.com.cn_04035A120-8.jpg

8、嘴巴和腮紅的部分不多說(shuō)了,根據(jù)圖形之間的大小關(guān)系,自己繪制就可以。

www.theoat.com.cn_04035C323-9.jpg

9、這里重點(diǎn)說(shuō)下嘴巴的畫(huà)法,這里我們畫(huà)一個(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)。

圖1www.theoat.com.cn_04035630R-10.jpg

圖2www.theoat.com.cn_0403563327-11.jpg

圖3www.theoat.com.cn_0403564E6-12.jpg

圖4www.theoat.com.cn_04035CB0-13.jpg

圖5www.theoat.com.cn_04035BW8-14.jpg

10、這里我們繪制他的小舌頭(對(duì)!!應(yīng)該是舌頭)。大家可以根據(jù)自己的大小關(guān)系建立,我這里是26*12的橢圓。

www.theoat.com.cn_0403562193-15.jpg

11、現(xiàn)在開(kāi)始給太陽(yáng)添加高光和反光(也就是添加兩個(gè)內(nèi)陰影),一個(gè)為#ffffff,角度-160度,距離、阻塞和大小為30、0、0(如圖1);另一個(gè)為#fe8602,角度為20,距離、阻塞和大小為30、0、0(如圖2)

圖1www.theoat.com.cn_0403564516-16.jpg

圖2www.theoat.com.cn_04035A309-17.jpg

12、這步我們將眼睛、嘴巴、和腮紅進(jìn)行排放,放在一個(gè)合適并且可愛(ài)的位置,將腮紅和舌頭的顏色選為#fe8602,并將腮紅的組調(diào)整不透明度為30%www.theoat.com.cn_0403564159-18.jpg

13、最后添加些色彩繽紛的小圖形作為點(diǎn)綴修飾,使主體更加生動(dòng)可愛(ài)www.theoat.com.cn_04035640Y-19.jpg

學(xué)習(xí) · 提示

  • 一定要打開(kāi)PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時(shí),大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問(wèn):新手求助
  • 加官方微信,隨時(shí)隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評(píng)論 | 交作業(yè) -
最新評(píng)論
小平137844316732019-02-28 05:03
我新手也想投稿呀
尤雅2019-02-28 08:52
操你媽
游客2018-09-03 10:17
好教程
qq8856212252017-09-25 05:12
vcv我的作業(yè):寮犺壋-宀涙槍鍖誨 的原帖:怎么我刪除那個(gè)邊沒(méi)有斷開(kāi)的還是連在一起的
張艷-島昌醫(yī)學(xué)2017-09-06 03:08
vcv我的作業(yè):
張艷-島昌醫(yī)學(xué)2017-09-06 03:00
張艷-島昌醫(yī)學(xué)2017-09-06 02:58
描邊圖標(biāo)我的作業(yè):
張艷-島昌醫(yī)學(xué)2017-09-06 02:56
我的作業(yè):
張艷-島昌醫(yī)學(xué)2017-09-06 02:55
我的作業(yè)
丹丹燙燙2017-06-06 01:47
我的作業(yè):
丹丹燙燙2017-06-06 01:43
我的作業(yè):
Devil Maycry2016-10-31 04:53
Devil Maycry2016-10-31 04:10
錳錳2016-09-01 03:18
錳錳2016-09-01 01:01
添加錨點(diǎn)然后刪除路徑那一步?jīng)]看懂啊,不會(huì)做,有沒(méi)有詳細(xì)步驟

關(guān)注大神微博加入>>

網(wǎng)友求助,請(qǐng)回答!