當前位置:首頁>ps實例教程>ps網(wǎng)頁設計>logo教程>教程內(nèi)容

photoshop設計谷歌Buzz圖標

來源:ps教程論壇 作者:bbs.16xx8.com 學習:1686人次

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

photoshop設計谷歌Buzz圖標,bbs.16xx8.com

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

學習 · 提示

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

關注大神微博加入>>

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