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

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

這個小圖標主要是運用布爾運算和路徑錨點來制作,十分簡單,幾分鐘就能做出來。

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

 

先來個最終效果圖,是不是很可愛。。!

theoat.com.cn_04035632B-0.jpg

 

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

theoat.com.cn_0403564H1-1.jpg

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

theoat.com.cn_04035C051-2.jpg

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

theoat.com.cn_0403563O1-3.jpg

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

theoat.com.cn_04035630B-4.jpg

5、6個錨點添加完后(如圖1),我們在用直接選擇工具(小白)選擇錨點進行刪除(如圖2)。發(fā)現(xiàn)問題了這里只添加4個錨點就夠了,然后選路徑進行刪除就好了

圖1

theoat.com.cn_0403564122-5.jpg圖2

theoat.com.cn_0403561364-6.jpg

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

theoat.com.cn_04035C915-7.jpg

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

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

theoat.com.cn_04035C323-9.jpg

9、這里重點說下嘴巴的畫法,這里我們畫一個60*40的圓(如圖1),建立水平參考線,找到橢圓的水平中心位置。建立個矩形(要比半個橢圓大,如圖2),選中橢圓和矩形的圖層,ctrl+e后,用路徑選擇工具(小黑)配合布爾運算的減去頂層形狀,減去上邊的矩形,并選擇合并形狀組件(如圖3)。下面我們繪制個60*16圓角為8的圓角矩形,這里方便CS6的用戶使用,可以繪制兩個16*16的圓加一個44*16的矩形進行組合。將其放在剛剛減好的圖形上(如圖4),放好后,ctrl+e合并兩個圖層,并改為黑色(如圖5)。

圖1theoat.com.cn_04035630R-10.jpg

圖2theoat.com.cn_0403563327-11.jpg

圖3theoat.com.cn_0403564E6-12.jpg

圖4theoat.com.cn_04035CB0-13.jpg

圖5theoat.com.cn_04035BW8-14.jpg

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

theoat.com.cn_0403562193-15.jpg

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

圖1theoat.com.cn_0403564516-16.jpg

圖2theoat.com.cn_04035A309-17.jpg

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

13、最后添加些色彩繽紛的小圖形作為點綴修飾,使主體更加生動可愛theoat.com.cn_04035640Y-19.jpg

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

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

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

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