PS通過圖層樣式制作各式各樣的按鈕
- 2021-05-10 01:44:58
- 來源/作者:互聯(lián)網(wǎng)/佚名
- 己被圍觀次
本教程主要使用Photoshop通過圖層樣式制作立體效果的網(wǎng)頁按鈕,非常漂亮的一組網(wǎng)頁按鈕,喜歡的朋友讓我們一起來學(xué)習(xí)吧。
LV. ★★★★(1px的內(nèi)陰影和投影)
了解了內(nèi)陰影和投影的使用,就多玩玩1px的威力。它會讓你的按鈕看起來凹陷感更強烈。

LV. ★★★★(逆漸變)
大部分的這種技能用在按鈕觸碰效果,使其和靜態(tài)按鈕擁有很大的反差,提醒用戶鼠標(biāo)懸浮于此。

LV. ★★★★★(斜面和浮雕)
這個技能用得好也是一神技,他能讓按鈕效果片刻出結(jié)果,也同樣能制作金屬質(zhì)感,當(dāng)然,這需要調(diào)整它的曲線,你可以試試。

LV. ★★★★★★(外圍輔助)
這種外圍的輔助,讓按鈕看起來更是掉到了坑里。更加的吸引眼球,引起注意。其次注意這個按鈕PSD的漸變,不是圖層疊加而是直接漸變。

LV. ★★★★★★(厚度)
這種按鈕的現(xiàn)在用的非常多,加上一層使其空間感更加強烈,很多的手機應(yīng)用下載按鈕就是用到了他。注意PSD中它的陰影使用。

LV. ★★★★★★(透明)
外圍的輔助,也有這樣的功能,調(diào)整它的填充或者透明度,這樣的按鈕在有背景的頁面里效果尤為突出。
之前我們說過的光疊加,也可以這樣疊加。

LV. ★★★★★★★(內(nèi)發(fā)光)
內(nèi)發(fā)光的按鈕,不好掌握很容易出丑,如果用的好,也為自己的設(shè)計提分。內(nèi)發(fā)光不限于亮光,也適用于暗光。

LV. ★★★★★★★(細(xì)節(jié))
到這里,就沒有太多可以注解的技能可以說了。唯一要注意的,就是細(xì)節(jié)。
比如做2px的圓角,比如字體顏色再藍(lán)一些,比如陰影的明暗再舒服些,比如描邊可以用漸變,更比如,之前的文字沒有劇中對齊,把它調(diào)整好。
所有的一切,就是一個細(xì)節(jié)。
最開始我們用1分鐘做一個按鈕,到我們用30分鐘甚至1個小時去思考,去調(diào)整,去嘗試。

LV. ★★★★★★★★★★★★★★★★(扁平不平,無限可能)
現(xiàn)在流行扁平化設(shè)計,讓人感覺它非常容易入門,而且簡單。
其實并非如此,扁平不平,暗藏殺機,它降低了一切光影質(zhì)感,盡量減少到最小甚至感覺不到它的存在,如此來提高它的美感。
現(xiàn)在設(shè)計一個按鈕,你會想什么?

讓我們回顧一下這一切按鈕的變化史,你是否從中受益了呢?
更多的美好設(shè)計,我期待與你一起探討!

*PSjia.COM 傾力出品,轉(zhuǎn)載請注明來自PS家園網(wǎng)(m.sz-xdd.com.cn)
標(biāo)簽(TAG) UI設(shè)計 按鈕設(shè)計 圖標(biāo)設(shè)計
上一篇:PS制作放大鏡動畫效果圖








