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教程
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í) · 提示
相關(guān)教程
- 圖標(biāo)設(shè)計,用PS制作一款簡單的按鈕圖標(biāo)
- 圖標(biāo)設(shè)計,通過PS制作設(shè)計質(zhì)感水晶圖標(biāo)
- 圖標(biāo)制作,用PS繪制卡哇伊的卡通兔子圖標(biāo)
- 描邊圖標(biāo),用PS繪制簡單的書本圖標(biāo)
- 圖標(biāo)制作,用PS設(shè)計制作一款心形APP軟件圖標(biāo)
- 圖標(biāo)制作,用PS制作簡單的彩色線性圖標(biāo)
- 圖標(biāo)設(shè)計,用PS制作一款小清新的擬物時鐘
- 圖標(biāo)設(shè)計,用PS制作精美的辦公室圖標(biāo)
- 插畫制作,用PS設(shè)計具有漸變風(fēng)格的插畫圖標(biāo)
- 圓環(huán)圖標(biāo),用PS制作簡約的圓環(huán)圖標(biāo)
關(guān)注大神微博加入>>
網(wǎng)友求助,請回答!