photoshop設(shè)計(jì)谷歌Buzz圖標(biāo)

來源:ps教程論壇 作者:bbs.16xx8.com 學(xué)習(xí):1686人次

最終效果如下:
 原作者:bbs.16xx8.com 出處:ps教程論壇,轉(zhuǎn)載請(qǐng)保留,以下是詳細(xì)教程:
1用鋼筆工具畫一個(gè)如圖所示的路徑,然后CTRL+回車載入選區(qū),填充任意顏色,再設(shè)置它的圖層樣式-顏色疊加,顏色選#009037(不直接填充綠色是因?yàn)榉奖阋院笮薷?.jpg
photoshop設(shè)計(jì)谷歌Buzz圖標(biāo),bbs.16xx8.com
2.用同樣的方法分別畫出其余幾個(gè)顏色的圖案,效果如下圖.jpg
photoshop設(shè)計(jì)谷歌Buzz圖標(biāo),bbs.16xx8.com
3點(diǎn)擊如下圖所示圖層面板的位置,新建一個(gè)組,然后把剛才做的四個(gè)圖案都拖到組里,然后右擊組,選復(fù)制組.jpg
photoshop設(shè)計(jì)谷歌Buzz圖標(biāo),bbs.16xx8.com
4.復(fù)制組,然后按CTRL+ALT+SHIFT+E蓋印圖層,然后隱藏蓋印得到的圖,留著一會(huì)用.jpg
photoshop設(shè)計(jì)谷歌Buzz圖標(biāo),bbs.16xx8.com
5在新得的復(fù)制組內(nèi),設(shè)置各圖案的圖層樣式,我這里以黃色的那個(gè)為例,隱藏顏色疊加,然后設(shè)置漸變疊加,數(shù)值如下圖.jpg
photoshop設(shè)計(jì)谷歌Buzz圖標(biāo),bbs.16xx8.com
6用同樣的方法把其它幾個(gè)圖案也弄了,注意調(diào)整一下各個(gè)漸變疊加的角度,讓他看起來更有立體感,下面是圖層示意圖.jpg
photoshop設(shè)計(jì)谷歌Buzz圖標(biāo),bbs.16xx8.com
7現(xiàn)在顯示蓋印圖層,填充設(shè)為0%,設(shè)置圖層樣式-斜面和浮雕,數(shù)值如下.jpg
photoshop設(shè)計(jì)谷歌Buzz圖標(biāo),bbs.16xx8.com
8效果如下圖(我分別給不同的圖層按顏色起了名,方便一會(huì)解說).jpg
photoshop設(shè)計(jì)谷歌Buzz圖標(biāo),bbs.16xx8.com
9設(shè)置藍(lán)色圖層的斜面和浮雕,數(shù)值如下圖.jpg
photoshop設(shè)計(jì)谷歌Buzz圖標(biāo),bbs.16xx8.com
10設(shè)置紅色圖層的斜面和浮雕,數(shù)值如下.jpg
photoshop設(shè)計(jì)谷歌Buzz圖標(biāo),bbs.16xx8.com
11設(shè)置紅色圖層的描邊,填充類型為漸變(中間白兩邊透明的漸變),數(shù)值如下(注意角度).jpg
photoshop設(shè)計(jì)谷歌Buzz圖標(biāo),bbs.16xx8.com
12黃色圖層的斜面和浮雕,數(shù)值如下.jpg
photoshop設(shè)計(jì)谷歌Buzz圖標(biāo),bbs.16xx8.com
13同樣設(shè)置它的描邊,注意角度,數(shù)值如下.jpg
photoshop設(shè)計(jì)谷歌Buzz圖標(biāo),bbs.16xx8.com
14復(fù)制蓋印圖層,然后修改它的斜面和浮雕的數(shù)值,如下圖.jpg
photoshop設(shè)計(jì)谷歌Buzz圖標(biāo),bbs.16xx8.com
15效果和圖層示意圖.jpg
photoshop設(shè)計(jì)谷歌Buzz圖標(biāo),bbs.16xx8.com
16畫出如下圖所示路徑,然后填充白色,再把圖層的填充設(shè)為0%.jpg
photoshop設(shè)計(jì)谷歌Buzz圖標(biāo),bbs.16xx8.com
17設(shè)置圖層樣式-漸變疊加,數(shù)值如下(注意它的角度).jpg
photoshop設(shè)計(jì)谷歌Buzz圖標(biāo),bbs.16xx8.com
18效果如下.jpg
photoshop設(shè)計(jì)谷歌Buzz圖標(biāo),bbs.16xx8.com
19新建圖層,然后再用鋼筆工具畫出下圖的路徑,也設(shè)置漸變疊加,數(shù)值如下.jpg
photoshop設(shè)計(jì)谷歌Buzz圖標(biāo),bbs.16xx8.com
20再新建圖層,畫出如下路徑,填充白色,填充選為0%,漸變疊加數(shù)值如下.jpg
photoshop設(shè)計(jì)谷歌Buzz圖標(biāo),bbs.16xx8.com
21用同樣的方法,在如下圖所示的位置做高光,漸變角度為90,數(shù)值如下.jpg
photoshop設(shè)計(jì)谷歌Buzz圖標(biāo),bbs.16xx8.com
22做出如下選區(qū),然后設(shè)置漸變疊加,數(shù)值如下圖.jpg
photoshop設(shè)計(jì)谷歌Buzz圖標(biāo),bbs.16xx8.com
23效果如下圖.jpg
photoshop設(shè)計(jì)谷歌Buzz圖標(biāo),bbs.16xx8.com
24畫一條如下箭頭所指的白邊.jpg

photoshop設(shè)計(jì)谷歌Buzz圖標(biāo),bbs.16xx8.com

25設(shè)置它的漸變疊加,數(shù)值如下.jpg
photoshop設(shè)計(jì)谷歌Buzz圖標(biāo),bbs.16xx8.com
26用同樣的方法,再做兩條白邊,最終效果如下圖所示.jpg
 

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

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時(shí),大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時(shí)隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評(píng)論 | 交作業(yè) -
最新評(píng)論
暫無評(píng)論,交個(gè)作業(yè)支持一下吧~

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

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