photoshop網(wǎng)頁設(shè)計(jì): 圓形水晶按鈕(3)
來源:
作者:
學(xué)習(xí):665人次
最終效果

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

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

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

圖3

圖4

圖5

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

圖7

圖8

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

圖7

圖8

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

圖10

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

圖12

圖13

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

圖15

圖16

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

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

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

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

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

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

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

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

圖3

圖4

圖5

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

圖7

圖8

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

圖7

圖8

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

圖10

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

圖12

圖13

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

圖15

圖16

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

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

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

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

圖21
搜索更多相關(guān)主題的帖子: ps網(wǎng)頁設(shè)計(jì) photoshop教程
學(xué)習(xí) · 提示
相關(guān)教程
- 圖標(biāo)設(shè)計(jì),用PS制作一款簡單的按鈕圖標(biāo)
- 圖標(biāo)設(shè)計(jì),通過PS制作設(shè)計(jì)質(zhì)感水晶圖標(biāo)
- 圖標(biāo)制作,用PS繪制卡哇伊的卡通兔子圖標(biāo)
- 描邊圖標(biāo),用PS繪制簡單的書本圖標(biāo)
- 圖標(biāo)制作,用PS設(shè)計(jì)制作一款心形APP軟件圖標(biāo)
- 圖標(biāo)制作,用PS制作簡單的彩色線性圖標(biāo)
- 圖標(biāo)設(shè)計(jì),用PS制作一款小清新的擬物時(shí)鐘
- 圖標(biāo)設(shè)計(jì),用PS制作精美的辦公室圖標(biāo)
- 插畫制作,用PS設(shè)計(jì)具有漸變風(fēng)格的插畫圖標(biāo)
- 圓環(huán)圖標(biāo),用PS制作簡約的圓環(huán)圖標(biāo)
推薦教程
- 圖標(biāo)設(shè)計(jì),通過PS制作設(shè)計(jì)質(zhì)感水晶圖標(biāo)
- 唱片機(jī)圖標(biāo),設(shè)計(jì)一枚唱片主題圖標(biāo)實(shí)例
- 用ps制作高光橘色RSS按鈕
- photoshop制作網(wǎng)頁用水晶按鈕
- ps快速設(shè)計(jì)短信圖標(biāo)教程
- 圖標(biāo)制作,用PS設(shè)計(jì)一個(gè)透明的雪景圖標(biāo)
- ps網(wǎng)頁開關(guān)按鈕
- Photoshop打造矢量風(fēng)格的箭頭點(diǎn)擊按鈕
- 用ps制作網(wǎng)站導(dǎo)航按鈕
- 塑料按鈕的制作方法
關(guān)注大神微博加入>>
網(wǎng)友求助,請回答!