點(diǎn)擊按鈕,設(shè)計(jì)一枚通透的質(zhì)感按鈕教程
來源:桂桂博客
作者:DearSalt
學(xué)習(xí):20058人次
該教程不難,效果十分好,主要用圖層樣式制作質(zhì)感和高光,文字隨意添加適合的就可以了,有興趣的同學(xué)跟著一起練習(xí)一下,做完記得交作業(yè)。
一、分析圖層
在復(fù)雜的圖形效果也是一層一層疊加起來的,想要做出它的效果必須分析它每一個(gè)圖層的構(gòu)成,這樣才能做出更好的設(shè)計(jì)作品,首先我們將整個(gè)按鈕分解開來,觀察到共有四部分組成,“底層”是用一個(gè)圖層完成的,并不是多個(gè)圖層疊加,其它三個(gè)圖層相對(duì)簡(jiǎn)單,接下來我們分層制作。
二、制作背景
新建600px*600px,72分辨率的RGB畫布,然后在使用漸變工具(G)做一個(gè)徑向漸變圖層,顏色數(shù)值如下,之后在其上方填充一個(gè)紋理圖層,并適當(dāng)降低不透明度以增加背景的質(zhì)感。
- 相關(guān)教程
- TA的教程
- 收藏
- 返回
- ps網(wǎng)頁(yè)設(shè)計(jì)
- 按鈕教程
- 點(diǎn)擊按鈕
- 通透
- DearSalt
學(xué)習(xí) · 提示
相關(guān)教程
- 圖標(biāo)制作,用PS繪制卡哇伊的卡通兔子圖標(biāo)
- 描邊圖標(biāo),用PS繪制簡(jiǎn)單的書本圖標(biāo)
- 圖標(biāo)制作,用PS設(shè)計(jì)制作一款心形APP軟件圖標(biāo)
- 圖標(biāo)制作,用PS制作簡(jiǎn)單的彩色線性圖標(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制作簡(jiǎn)約的圓環(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)頁(yè)按鈕教程
- ps繪制雜色質(zhì)感橢圓極光網(wǎng)頁(yè)按鈕
- 圖標(biāo)設(shè)計(jì),用PS制作一款小清新的擬物時(shí)鐘
- 圖標(biāo)設(shè)計(jì),制作日常工具圖標(biāo)教程
- Photoshop制作簡(jiǎn)單的藍(lán)色導(dǎo)航按鈕
- Photoshop設(shè)計(jì)一款購(gòu)物網(wǎng)站的購(gòu)買按鈕
關(guān)注大神微博加入>>
網(wǎng)友求助,請(qǐng)回答!