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

2022-12-26 13:39:33 來源/作者: / 己有:31人學(xué)習(xí)過

最終效果如下:
 原作者: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
 

標(biāo)簽(TAG) logo教程