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