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

最終效果

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

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

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

圖3

圖4

圖5






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

圖7

圖8

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

圖7

圖8



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

圖10



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

圖12



圖13

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

圖15

圖16



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

圖18


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

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

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

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