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

photoshop網(wǎng)頁設(shè)計: 圓形水晶按鈕(3)

來源: 作者: 學(xué)習(xí):665人次
最終效果

1、新建一 個600 * 600像素的文件,背景填充顏色:#056338,新建一個圖層在畫布的中心位置用橢圓選框工 具繪制一個正圓,填充顏色:#FAE4B3,效果如圖1。

圖1 2、以 正圓的中心為參考點(diǎn)拉出兩條垂直的參考線,用參考線中點(diǎn)為圓心,用橢圓選框工具按住Alt + Shift畫出圖2所示的選區(qū),按Delete刪除,得到一個圓環(huán)。

圖2
3 、雙擊圖層調(diào)出圓環(huán)的圖層樣式,參數(shù)設(shè)置如圖3-5,效果如圖6。

圖3

圖4

圖5






圖6 4、在圓環(huán)的下面新建一個圖層,用橢圓選框工具畫出 圖7所示的選區(qū),然后選擇漸變工具顏色設(shè)置如圖8,拉出圖9所示的漸變。

圖7

圖8

圖9 5、新建一個圖層,用橢圓選框工具拉一個比圓環(huán)稍小的正圓, 如圖10,然后選擇漸變工具,顏色設(shè)置如圖11,繪制圖12所示的徑向漸變。

圖7

圖8



圖9 6、新建 一個圖層,用橢圓選框工具拉一個稍小的正圓,如圖10,然后填充白色,圖層不透明度改為:15%, 加上圖層蒙版用黑色畫筆把下半部分擦掉,如圖11。

圖10



圖11 7、新建一個圖層,前景顏色設(shè)置為:#B50207,用畫筆工具隨意的刷上一些小點(diǎn),如圖12, 執(zhí)行菜單:濾鏡 模糊 徑向模糊,參數(shù)設(shè)置如圖13,確定后再加上圖層蒙版,把一些不要的地方 用黑色畫筆擦掉,效果圖圖14。

圖12



圖13

圖14 8、新 建一個圖層,填充黑色,執(zhí)行菜單:濾鏡 渲染 鏡頭光暈,參數(shù)設(shè)置如圖15,確定后再執(zhí)行菜單 :濾鏡 扭曲 極坐標(biāo),參數(shù)設(shè)置如圖16,效果如圖17。

圖15

圖16



圖17 9、把濾鏡后的高光圖層模式改為變亮,適當(dāng)?shù)淖冃魏徒?度,放到正圓的右下角,加上圖層蒙版把多余的部分擦掉,效果如圖18。

圖18


10、同樣的方法制作出左 上角的高光。

圖19 11、新建一個圖層加上一些反光和星星筆刷,如圖20。

圖20
12、最后加上小裝飾,再加上自己喜愛的照片,完成最終效果。

圖21
搜索更多相關(guān)主題的帖子: ps網(wǎng)頁設(shè)計 photoshop教程

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

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
夏天的風(fēng)。2008-08-01 11:02
把濾鏡后的高光圖層模式改為變亮不明白<陰險>6
秋楓落雪2008-07-28 07:47
好美,一定要學(xué)會~~~~~
1073c2008-07-28 02:34
<怒>
紫色星空2008-07-23 07:37
漂亮學(xué)習(xí)了...............

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

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