photoshop制作按鈕教程:熒光按扭
來源:未知
作者:福特少普ps
學(xué)習(xí):532人次
出處:活力盒子翻譯
先看看效果圖:

第一步:
把底圖層填充成灰色 再創(chuàng)建一個(gè)新圖層 在新圖層上用矩形選框工具畫出一個(gè)長(zhǎng)方形(大小自己看著來) 用蘭色填充(蘭色值為#22aff7) . 在這里順便把選區(qū)儲(chǔ)存起來 因?yàn)楹竺嬉玫? 最后給一個(gè)5px的下拉陰影 如下圖:

第二步:
新建一圖層 起名”深色” 用深蘭色填充(顏色值為#0141af) 如下圖:

第三步:
用橡皮擦工具(模式:畫筆 直徑:200px 硬度:0 不透明:100% 流量:80% ) 在”深色”層點(diǎn)幾下 如下圖:

第四步:
復(fù)制一個(gè)”深色”層 應(yīng)用這個(gè)層的混合選項(xiàng)里的內(nèi)陰影 具體數(shù)值如下圖:

第五步:
用橢圓選框工具畫出如下圖這個(gè)樣子:

新建一個(gè)層起名為”白色” 選區(qū)反選(Ctrl+Shift+i)后 填充白色 如下圖:

, 栽入咱們最早保存的那個(gè)選區(qū) 執(zhí)行反選(Ctrl+Shift+i) 然后Delete多余白色 結(jié)果如下圖:

第六步:
對(duì)這個(gè)”白色”層應(yīng)用高斯模糊 (濾鏡—模糊—高斯模糊) 模糊值為:3px 如下圖:

第七步:
調(diào)整”白色”層的透明度 如下圖:

OK ! 關(guān)鍵步奏都講完了 剩下的就是根據(jù)自己的需要加上字啊 陰影什么的 大家就自己看著來吧…

下面這個(gè)是我自己做的(當(dāng)然啦 這個(gè)有點(diǎn)太大了 哈哈 不能叫做按鈕了…):

在這里我只是給大家講一個(gè)過程 希望大家以此為基礎(chǔ) 融會(huì)貫通 延伸出更多的BT做法 : )
先看看效果圖:

第一步:
把底圖層填充成灰色 再創(chuàng)建一個(gè)新圖層 在新圖層上用矩形選框工具畫出一個(gè)長(zhǎng)方形(大小自己看著來) 用蘭色填充(蘭色值為#22aff7) . 在這里順便把選區(qū)儲(chǔ)存起來 因?yàn)楹竺嬉玫? 最后給一個(gè)5px的下拉陰影 如下圖:

第二步:
新建一圖層 起名”深色” 用深蘭色填充(顏色值為#0141af) 如下圖:

第三步:
用橡皮擦工具(模式:畫筆 直徑:200px 硬度:0 不透明:100% 流量:80% ) 在”深色”層點(diǎn)幾下 如下圖:

第四步:
復(fù)制一個(gè)”深色”層 應(yīng)用這個(gè)層的混合選項(xiàng)里的內(nèi)陰影 具體數(shù)值如下圖:

第五步:
用橢圓選框工具畫出如下圖這個(gè)樣子:

新建一個(gè)層起名為”白色” 選區(qū)反選(Ctrl+Shift+i)后 填充白色 如下圖:

, 栽入咱們最早保存的那個(gè)選區(qū) 執(zhí)行反選(Ctrl+Shift+i) 然后Delete多余白色 結(jié)果如下圖:

第六步:
對(duì)這個(gè)”白色”層應(yīng)用高斯模糊 (濾鏡—模糊—高斯模糊) 模糊值為:3px 如下圖:

第七步:
調(diào)整”白色”層的透明度 如下圖:

OK ! 關(guān)鍵步奏都講完了 剩下的就是根據(jù)自己的需要加上字啊 陰影什么的 大家就自己看著來吧…

下面這個(gè)是我自己做的(當(dāng)然啦 這個(gè)有點(diǎn)太大了 哈哈 不能叫做按鈕了…):

在這里我只是給大家講一個(gè)過程 希望大家以此為基礎(chǔ) 融會(huì)貫通 延伸出更多的BT做法 : )
學(xué)習(xí) · 提示
相關(guān)教程
- 圖標(biāo)設(shè)計(jì),用PS制作精美的辦公室圖標(biāo)
- 描邊圖標(biāo),用PS制作萌萌噠小黃人卡通圖案
- 圖標(biāo)制作,制作形象的手指指紋圖標(biāo)
- 描邊圖標(biāo),用PS繪制可愛的卡通的笑臉描邊圖標(biāo)
- 按鈕教程,6步制作按鈕視頻教程
- 按鈕教程,簡(jiǎn)易質(zhì)感按鈕制作
- 按鈕教程,設(shè)計(jì)一個(gè)圓形的點(diǎn)擊按鈕
- 暫停按鈕,設(shè)計(jì)金色暫停按鈕教程
- 玉石教程,設(shè)計(jì)蝴蝶玉石圖標(biāo)教程
- 圖標(biāo)教程,設(shè)計(jì)進(jìn)度條圖標(biāo)教程
推薦教程
- photoshop制作網(wǎng)頁用水晶按鈕
- 塑料按鈕的制作方法
- ps快速設(shè)計(jì)短信圖標(biāo)教程
- 用ps制作高光橘色RSS按鈕
- 唱片機(jī)圖標(biāo),設(shè)計(jì)一枚唱片主題圖標(biāo)實(shí)例
- Photoshop打造矢量風(fēng)格的箭頭點(diǎn)擊按鈕
- 用ps制作網(wǎng)站導(dǎo)航按鈕
- 圖標(biāo)制作,用PS設(shè)計(jì)一個(gè)透明的雪景圖標(biāo)
- 圖標(biāo)設(shè)計(jì),通過PS制作設(shè)計(jì)質(zhì)感水晶圖標(biāo)
- ps網(wǎng)頁開關(guān)按鈕
關(guān)注大神微博加入>>
網(wǎng)友求助,請(qǐng)回答!