ps怎樣設(shè)計(jì)一個(gè)色彩靚麗的方形按鈕圖標(biāo)?
我要評(píng)論ps怎樣設(shè)計(jì)一個(gè)色彩靚麗的方形按鈕圖標(biāo)？運(yùn)用PHOTOSHOP軟件，可以很簡(jiǎn)單的制作大家想要的照片，下面和小編一起來看看具體步驟吧。
最終效果：
具體步驟：
建立畫布800x600pi，填充顏色為#a846ff。
復(fù)制一層做一個(gè)漸變疊加
得到畫板效果
接下來我們做按鈕，建立一個(gè)圓角矩形308x308pi，半徑為68
給橢圓矩形做效果，混合模式：斜面浮雕——顏色疊加——投影
看過前面課程的同學(xué)應(yīng)該知道，我們做完底部后，要一步步做投影。復(fù)制一層，填充黑色，下移20，高斯模糊15，圖層不透明度25%。
在復(fù)制一層，高斯模糊為20，不透明度15
建立剪切蒙版，因?yàn)閳D標(biāo)是一個(gè)橢圓矩形，陰影也要擦出來圖標(biāo)輪廓。
建立一個(gè)225×225的圓形，顏色漸變?yōu)?/p>
在建立一個(gè)226×226的大圓在外面
我們只是做外面的輪廓，留下邊緣部分
建立112×112，的中心按鈕
混合模式做圖標(biāo)效果
給按鈕在做一個(gè)陰影，復(fù)制一個(gè)置于按鈕下方。高斯模糊
大家看到我給這個(gè)圓左右壓縮一點(diǎn)，光源從上方打過來，為了過渡自然，我們可以根據(jù)情況改變做陰影的形狀，做完后圖層透明度改為75%。
做一個(gè)96×96的中心圓
顏色填充
采用疊加效果，做漸變疊加
最后就是兩個(gè)旁邊顯示狀態(tài)按鈕，大小為15x15pi。右邊顏色填充為#6fe2fb，左邊為描邊
效果圖：
教程到此結(jié)束，小伙伴是不是有所啟發(fā)，何不自己動(dòng)手嘗試一下呢。
以上就是ps怎樣設(shè)計(jì)一個(gè)色彩靚麗的方形按鈕圖標(biāo)介紹。相信看完之后對(duì)大家一定有所幫助。更多PS教程請(qǐng)繼續(xù)關(guān)注腳本之家！
相關(guān)推薦：
ps內(nèi)發(fā)光效果的按鈕怎么設(shè)計(jì)?
ps怎樣快速制作一個(gè)旋轉(zhuǎn)空調(diào)按鈕圖標(biāo)?
相關(guān)文章
ps內(nèi)發(fā)光效果的按鈕怎么設(shè)計(jì)?
ps內(nèi)發(fā)光效果的按鈕怎么設(shè)計(jì)？ps設(shè)計(jì)按鈕的時(shí)候，想讓按鈕實(shí)現(xiàn)內(nèi)發(fā)光的效果，該怎么制作呢？下面我們就來看看ps制作內(nèi)發(fā)光按鈕的方法，需要的朋友可以參考下2017-11-10
ps怎么設(shè)計(jì)立體的雙色按鈕？ps中想要設(shè)計(jì)一個(gè)雙色的按鈕，立體有凈透效果的，該怎么制作呢？下面我們就來看看詳細(xì)的教程，需要的朋友可以參考下2017-11-09
ps怎樣快速制作一個(gè)旋轉(zhuǎn)空調(diào)按鈕圖標(biāo)?
ps怎樣快速制作一個(gè)旋轉(zhuǎn)空調(diào)按鈕圖標(biāo)?運(yùn)用PHOTOSHOP軟件，可以很簡(jiǎn)單的制作大家想要的照片，下面和小編一起來看看具體步驟吧2017-11-04
ps怎么制作一款立體滑動(dòng)的UI按鈕？ps中設(shè)計(jì)按鈕很簡(jiǎn)單，想要做一個(gè)立體的效果的滑動(dòng)按鈕，該怎么制作呢？下面我們就來看看ps制作立體按鈕的教程，需要的朋友可以參考下2017-10-24
本教程教腳本之家的按鈕制作學(xué)習(xí)者使用PS制作buy now購買按鈕，教程打造的購物按鈕非常精致，buy now矢量圖在電商網(wǎng)站設(shè)計(jì)中很常見，難度不大，非常適合新手入門學(xué)習(xí)2017-09-30
ps怎么設(shè)計(jì)一組按鈕開關(guān)以及按下時(shí)候的狀態(tài)?
ps怎么設(shè)計(jì)一組按鈕開關(guān)以及按下時(shí)候的狀態(tài)？我們知道按鈕一共有三個(gè)狀態(tài)，開、關(guān)、按下去、該怎么繪制這一組按鈕呢？下面我們就來看看詳細(xì)的教程，需要的朋友可以參考下2017-09-29
ps怎么設(shè)計(jì)圓形的中間凸起的水晶按鈕？ps中想要設(shè)計(jì)一款圓形的水晶按鈕，該怎么設(shè)置中間凸起的按鈕就，下面我們就來看看詳細(xì)的教程，需要的朋友可以參考下2017-09-25
ps怎么設(shè)計(jì)立體的數(shù)字按鈕? ps設(shè)計(jì)數(shù)字按鈕的教程
ps怎么設(shè)計(jì)立體的數(shù)字？想要設(shè)計(jì)一款數(shù)字按鈕，該怎么設(shè)計(jì)呢？想摸我們就來看看ps設(shè)計(jì)數(shù)字按鈕的教程，很簡(jiǎn)單，需要的朋友可以參考下2017-09-24
ps怎么畫一款漂亮通透的按鈕？想要設(shè)計(jì)一個(gè)漂亮的按鈕，該怎么設(shè)置呢？下面我們就來看看使用ps繪制按鈕的教程，需要的朋友可以參考下2017-09-22
ps怎么設(shè)計(jì)立體鑰匙形狀的按鈕？想要設(shè)計(jì)一個(gè)鑰匙形狀的按鈕，該怎么設(shè)計(jì)呢？下面我們就來看看詳細(xì)的設(shè)計(jì)方法，很簡(jiǎn)單，需要的朋友可以參考下2017-09-18
