當(dāng)前位置:首頁>ps實例教程>ps網(wǎng)頁設(shè)計>按鈕圖標(biāo)>教程內(nèi)容

ps綠色圓形水晶按鈕教程(7)

來源:PS聯(lián)盟 作者:Sener 學(xué)習(xí):9834人次
水晶球分為兩個部分:球體及邊框。球體部分稍微復(fù)雜一點,高光及暗部細(xì)節(jié)較多,每一部分都需要先做出選區(qū),然后填色,再用蒙版來控制范圍。

最終效果

ps綠色圓形水晶按鈕教程

1、新建一個900* 650像素,分辨率為72的畫布。選擇漸變工具,顏色設(shè)置如圖1,然后由中心向邊角拉出圖2所示的徑向漸變作為背景。

ps綠色圓形水晶按鈕教程

<圖1>

ps綠色圓形水晶按鈕教程

<圖2>
2、按Ctrl+ R 調(diào)出標(biāo)尺,再用移動工具拉出兩條相交的參照線,如下圖。

ps綠色圓形水晶按鈕教程

<圖3>

3、新建一個組,命名為“球體”,選擇橢圓選框工具,以參照線的交點為圓心,按住Alt+ Shift + 按鼠標(biāo)左鍵拖動。

ps綠色圓形水晶按鈕教程

<圖4>

4、拉出合適的正圓后松開鼠標(biāo)及快捷鍵,然后給組添加圖層蒙版。

ps綠色圓形水晶按鈕教程

<圖5>

5、在組里新建一個圖層,填充綠色,效果如下圖。

ps綠色圓形水晶按鈕教程

<圖6>

6、在背景圖層上面新建一個組,命名為“外框”,同上的方法拉一個稍大的正圓,給組添加圖層蒙版,然后在組里新建一個圖層,填充灰色:#B5B3AE,如下圖。

ps綠色圓形水晶按鈕教程

<圖7>
7、在“球體”組里面新建一個圖層,選擇漸變工具,顏色設(shè)置如圖8,然后由中間偏上位置向下拉出圖9所示的徑向漸變。

ps綠色圓形水晶按鈕教程

<圖8>

ps綠色圓形水晶按鈕教程

<圖9>

8、新建一個圖層,填充黃綠色:#E4F001,效果如下圖。

ps綠色圓形水晶按鈕教程

<圖10>

9、用橢圓選框工具拉出下圖所示的橢圓選區(qū),羽化20個像素后按Delete鍵刪除。

ps綠色圓形水晶按鈕教程

<圖11>

10、取消選區(qū)后添加圖層蒙版,用透明度較低的黑色畫筆把頂部的過渡涂出來。

ps綠色圓形水晶按鈕教程

<圖12>

11、新建一個圖層,用鋼筆勾出左側(cè)邊緣的高光選區(qū),羽化3個像素后填充黃綠色:#E1F202,取消選區(qū)后添加圖層蒙版,用黑色畫筆把頂部區(qū)域過渡涂抹自然,再把圖層不透明度改為:50%,效果如下圖。

ps綠色圓形水晶按鈕教程

<圖13>
12、新建一個圖層,用鋼筆勾出下圖所示的選區(qū),羽化2個像素后填充同上的黃綠色,取消選區(qū)后添加圖層蒙版,用透明度較低的黑色畫筆把一些不需要的部分涂掉,再降低圖層不透明度,效果如下圖。

ps綠色圓形水晶按鈕教程

<圖14>

13、新建圖層,同上的方法給左側(cè)、右側(cè),底部增加一些高光,過程如圖15-18。

ps綠色圓形水晶按鈕教程

<圖15>

ps綠色圓形水晶按鈕教程

<圖16>

ps綠色圓形水晶按鈕教程

<圖17>

ps綠色圓形水晶按鈕教程

<圖18>
14、新建圖層,再給底部增加一點暗部及高光,如圖19- 21。

ps綠色圓形水晶按鈕教程

<圖19>

ps綠色圓形水晶按鈕教程

<圖20>

ps綠色圓形水晶按鈕教程

<圖21>

15、新建圖層,增加一些較細(xì)的高光,球體部分基本完成,效果如下圖。

ps綠色圓形水晶按鈕教程

<圖22>

16、在“外框”組里新建一個圖層,先給底部增加一點暗部,如下圖。

ps綠色圓形水晶按鈕教程

<圖23>
17、新建一個圖層,用橢圓選框工具拉出下圖所示的橢圓選區(qū),羽化45個像素后填充比底色稍亮的灰色,效果如下圖。

ps綠色圓形水晶按鈕教程

<圖24>

18、底部再增加一些較為明顯的暗部,如下圖。

ps綠色圓形水晶按鈕教程

<圖25>

19、暗部的邊緣增加一點綠色作為環(huán)境色。

ps綠色圓形水晶按鈕教程

<圖26>

20、其它部分增加一點高光和細(xì)節(jié),過程如圖27- 30。

ps綠色圓形水晶按鈕教程

<圖27>

ps綠色圓形水晶按鈕教程

<圖28>

ps綠色圓形水晶按鈕教程

<圖29>

ps綠色圓形水晶按鈕教程

<圖30>
21、在圖層的最上面新建一個圖層,用橢圓選框工具拉出下圖所示的橢圓選區(qū),羽化5個像素后加上圖32所示的線性漸變,取消選區(qū)后用黑色畫筆把底部過渡涂抹自然,效果如圖33。

ps綠色圓形水晶按鈕教程

<圖31>

ps綠色圓形水晶按鈕教程

<圖32>

ps綠色圓形水晶按鈕教程

<圖33>

最后調(diào)整一下細(xì)節(jié),增加一點投影,完成最終效果。

ps綠色圓形水晶按鈕教程

 

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

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
張德帥2017-08-29 05:01
...
璞玉0072014-11-06 10:46
頂一下,看著挺簡單,做起來就不是這么回事了
璞玉0072014-11-06 10:11
頂一下,看著挺簡單,做起來就不是這么回事了
雅萱越2014-10-23 08:41
還好,照著做就行、、、
東西大哥2014-10-23 07:34
已操作,但是和教程效果不一樣
食精少年2014-10-23 07:21
好像有點難
系加快2014-10-23 06:34
厲害。謝謝
斷橋殘雪2014-10-23 04:14
真心是看不懂 做不出來啊
藍(lán)刺蝶sunny2014-10-23 02:19
做不出來的
劉新飛62014-10-23 12:01
新手學(xué)習(xí)了~~~!
雨天等凜2014-10-23 07:47
很厲害的樣子,自己試試
喬升JOE2014-10-23 07:22
不錯,很受用
雨傷time2014-10-23 06:18
看起來很高級,不錯, 謝謝樓主分享

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

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