ps怎么制作一款立體滑動(dòng)的UI按鈕?
我要評(píng)論在很多地方我們都會(huì)看到按鈕的圖形，想要繪制一款立體滑動(dòng)的按鈕，該怎么設(shè)計(jì)呢？下面我們就來看詳細(xì)的教程。
1、新建700*500PX白色畫布，網(wǎng)上找一張好看的圖片導(dǎo)入進(jìn)來作為背景，當(dāng)然你也可以直接使用純顏色或者自己制作
2、選擇圓角矩形工具繪制一個(gè)388*108PX的圓角矩形，半徑50PX，點(diǎn)擊底下“創(chuàng)建新的填充或調(diào)整圖層”按鈕，選擇漸變，參數(shù)設(shè)置如圖；然后鼠標(biāo)雙擊圖層添加描邊和內(nèi)陰影圖層樣式
3、CTRL+J復(fù)制上步圖層，右鍵清除圖層樣式，鼠標(biāo)雙擊圖層重新添加描邊和內(nèi)陰影圖層樣式
4、選擇圓角矩形工具繪制一個(gè)寬度合適，高度稍微比原來的大一點(diǎn)的圓角矩形，居中對(duì)齊，圖層右鍵選擇創(chuàng)建剪貼蒙版，點(diǎn)擊底下“創(chuàng)建新的填充或調(diào)整圖層”按鈕，選擇漸變，參數(shù)設(shè)置如圖；然后鼠標(biāo)雙擊圖層添加外發(fā)光圖層樣式
5、選擇圓角矩形工具繪制一個(gè)寬度合適，高度稍微比原來的大一點(diǎn)的圓角矩形，居中對(duì)齊，點(diǎn)擊底下“創(chuàng)建新的填充或調(diào)整圖層”按鈕，選擇漸變，參數(shù)設(shè)置如圖；然后鼠標(biāo)雙擊圖層添加內(nèi)陰影、外發(fā)光和投影圖層樣式
6、選擇其它合適的工具繪制基本圖形或者直接網(wǎng)上找素材導(dǎo)入進(jìn)來，填充顏色#bbc4c9，然后鼠標(biāo)雙擊圖層添加投影圖層樣式
以上就是ps設(shè)計(jì)按鈕的詳細(xì)教程，希望大家喜歡，請(qǐng)繼續(xù)關(guān)注腳本之家相關(guān)教程。
相關(guān)推薦：
相關(guān)文章
ps怎么使用圖層樣式制作旋轉(zhuǎn)按鈕？ps中想要制作一個(gè)漂亮的圓形按鈕，今天我們就來看看使用圖層樣式來完成這個(gè)立體旋轉(zhuǎn)按鈕的教程，需要的朋友可以參考下2017-06-06
本教程教腳本之家的photoshop矢量手繪學(xué)習(xí)者們使用PS繪制超漂亮的漸變按鈕ui圖標(biāo)的方法，教程難度不大，主要用到ps的圖層樣式，感興趣的朋友一起動(dòng)手試一試吧2017-06-01
ps怎么設(shè)計(jì)一款清新優(yōu)雅的音樂按鈕圖標(biāo)?
ps怎么設(shè)計(jì)一款清新優(yōu)雅的音樂圖標(biāo)？ps中想要設(shè)計(jì)一款面板式的音樂按鈕圖標(biāo)，該怎么設(shè)計(jì)呢？下面我們就來看看詳細(xì)的教程，需要的朋友可以參考下2017-06-01
PS怎么制作一個(gè)開始答題的按鈕？ps中想要給網(wǎng)站設(shè)計(jì)一個(gè)開始答題的按鈕，該怎么設(shè)計(jì)呢？下面我們就來看看ps制作按鈕的教程，需要的朋友可以參考下2017-04-13
PS怎么畫旋鈕？我們見到旋鈕的地方有很多，該怎么繪制旋鈕呢？下面我們就來看看PS繪制不銹鋼按鈕的教程，很簡單，需要的朋友可以參考下2017-04-06
ps怎么制作按鈕開關(guān)圖標(biāo)?ps中想要繪制一個(gè)墻面上的開關(guān)按鈕圖標(biāo)，該怎么繪制呢？下面我們就來看看詳細(xì)的制作方法，很簡單，需要的朋友可以參考下2017-03-24
ps怎么設(shè)計(jì)一款圓角透明水晶按鈕？想要給網(wǎng)站設(shè)計(jì)一款按鈕，該怎么設(shè)置呢？下面我們就來看看使用ps設(shè)計(jì)圓角水晶按鈕的教程，需要的朋友可以參考下2017-03-11
ps怎么制作一款素雅有質(zhì)感的按鈕？想要制作一個(gè)素雅的按鈕，該怎么制作呢？下面我們就來看看使用ps設(shè)計(jì)按鈕的方法，方法簡單，需要的朋友可以參考下2017-03-10
ps怎么制作一個(gè)漂亮的導(dǎo)航欄按鈕？ps中想要設(shè)計(jì)一個(gè)網(wǎng)站的導(dǎo)航條，該怎么制作呢？下面我們就來看看詳細(xì)的設(shè)計(jì)教程，很簡單，需要的朋友可以參考下2017-03-10
PS怎么制作很有質(zhì)感金屬按鈕？ps中想要設(shè)計(jì)一款金屬按鈕，該怎么設(shè)計(jì)呢？下面我們就來看看制作金屬按鈕的教程，感興趣的朋友可以進(jìn)來參考一下2017-03-08
