點(diǎn)擊按鈕,設(shè)計(jì)一枚通透的質(zhì)感按鈕教程(2)
來源:桂桂博客
作者:DearSalt
學(xué)習(xí):20058人次
三、制作按鈕“底層”
新建圖層,命名為“底層”,使用圓角矩形工具在畫布上繪制一個(gè)圓角矩形,圓角的半徑大家可以多多嘗試以達(dá)到自己想要的效果,如果是CC版本的話就非常方便了,因?yàn)榭梢栽趯?shí)時(shí)形狀屬性中調(diào)整,然后雙擊打開圖層樣式進(jìn)行如下設(shè)置(數(shù)值僅供參考)
四、制作按鈕“反光”
“反光”能夠使按鈕有更進(jìn)一步的質(zhì)感效果,新建圖層,使用橢圓工具(U)在按鈕的下方繪制一個(gè)橢圓選區(qū),然后適當(dāng)羽化并填充白色,最后將其圖層模式改為“疊加”適當(dāng)降低不透明度。
五、為按鈕添加質(zhì)感
給按鈕加上紋理,一是能讓它更加美觀,二是能夠使它更加具有質(zhì)感。制作方法很簡單,在按鈕圖層上新建一個(gè)圖層命名為“紋理”(記得給你的圖層命名,否則會(huì)很亂的!)然后按住Ctrl鍵再點(diǎn)擊按鈕圖層會(huì)出現(xiàn)它的選區(qū),在紋理圖層上填充圖案,最后改圖層模式為柔光并適當(dāng)降低不透明度。
- 相關(guān)教程
- TA的教程
- 收藏
- 返回
- ps網(wǎng)頁設(shè)計(jì)
- 按鈕教程
- 點(diǎn)擊按鈕
- 通透
- DearSalt
學(xué)習(xí) · 提示
相關(guān)教程
- 圖標(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繪制一個(gè)音樂圖標(biāo)
- 圖標(biāo)制作,制作立體風(fēng)格的食物圖標(biāo)
推薦教程
- 圖標(biāo)制作,用圖層樣式制作旋轉(zhuǎn)按鈕
- ps制作下載按鈕
- Photoshop創(chuàng)建綠色的網(wǎng)站導(dǎo)航按鈕
- 用ps制作矢量箭頭點(diǎn)擊按鈕
- Photoshop制作精美的網(wǎng)頁按鈕教程
- ps繪制雜色質(zhì)感橢圓極光網(wǎng)頁按鈕
- 圖標(biāo)設(shè)計(jì),用PS制作一款小清新的擬物時(shí)鐘
- 圖標(biāo)設(shè)計(jì),制作日常工具圖標(biāo)教程
- Photoshop制作簡單的藍(lán)色導(dǎo)航按鈕
- Photoshop設(shè)計(jì)一款購物網(wǎng)站的購買按鈕
關(guān)注大神微博加入>>
網(wǎng)友求助,請(qǐng)回答!