點(diǎn)擊按鈕,設(shè)計(jì)一枚通透的質(zhì)感按鈕教程

2022-12-26 11:08:02 來源/作者: / 己有:14人學(xué)習(xí)過

該教程不難,效果十分好,主要用圖層樣式制作質(zhì)感和高光,文字隨意添加適合的就可以了,有興趣的同學(xué)跟著一起練習(xí)一下,做完記得交作業(yè)。
 

點(diǎn)擊按鈕,設(shè)計(jì)一枚通透的質(zhì)感按鈕教程
一、分析圖層

在復(fù)雜的圖形效果也是一層一層疊加起來的,想要做出它的效果必須分析它每一個(gè)圖層的構(gòu)成,這樣才能做出更好的設(shè)計(jì)作品,首先我們將整個(gè)按鈕分解開來,觀察到共有四部分組成,“底層”是用一個(gè)圖層完成的,并不是多個(gè)圖層疊加,其它三個(gè)圖層相對(duì)簡單,接下來我們分層制作。

點(diǎn)擊按鈕,設(shè)計(jì)一枚通透的質(zhì)感按鈕教程
二、制作背景

新建600px*600px,72分辨率的RGB畫布,然后在使用漸變工具(G)做一個(gè)徑向漸變圖層,顏色數(shù)值如下,之后在其上方填充一個(gè)紋理圖層,并適當(dāng)降低不透明度以增加背景的質(zhì)感。

點(diǎn)擊按鈕,設(shè)計(jì)一枚通透的質(zhì)感按鈕教程