教你如何用ps制作下載網頁按鈕實例
- 2022-12-25 00:33:31
- 來源/作者:互聯網/佚名
- 己被圍觀次
步驟1: 打開 Photoshop ,快捷鍵 Ctrl+N 打開新建窗口,按照下圖內的參數設置好后,確定 步驟2: 選定 背景 層,快捷鍵 Shift+F5 打開填充對話個,下拉 菜單 中選擇顏色,然后使用顏色#141d28,確定 步驟3: 接下來,我們使用圓角矩形 工具 ,設置圓角為2px,拉出一個


最后設置漸變描邊,顏色分別為#090e13(深)#0d1b2a(淺),即由下至上,由深到淺。
這里我們發現,剛才設置的漸變疊加也是上淺下深的,為什么能,因為我們這里假設了光源是從上方射下來的,要塑造逼真的立體感,我們必須注意光源對物體表面所造成的影響。
我想學過素描的朋友一定都清楚三大面,五大調子吧,很簡單的道理,這里我就不細說了

步驟6:
好了,圖層樣式的設置告一段落,但是,不管在任何時候,我們花一些時間來嘗試各種樣式的組合已達到滿意的效果,都是很值得的。
現在我們再來看看這個按鈕,會發現按鈕表面與下面的投影之間,似乎少了些對比。接下來我們嘗試給按鈕加一個很酷的漸變邊框來解決這個問題。
首先我們需要獲得這個按鈕的選區,然后新建一個圖層。

好的,接下來使用漸變工具,快捷鍵G,從中心向外拉出一個漸變

顏色為#050607到#ffffff,模式為對稱漸變


然后使用選區工具(M),將選區向上移動1px(是用方向鍵↑),然后點擊delete刪除選區中的內容,再用 Ctrl+D 取消選區,這樣就只保留了最下方的1px的一條細線。

*PSjia.COM 傾力出品,轉載請注明來自PS家園網(m.sz-xdd.com.cn)
上一篇:ps設計網頁UI滑動按鈕教程
下一篇:ps水晶按鈕教程








