Photoshop設(shè)計(jì)常見(jiàn)的網(wǎng)站聯(lián)系我們按鈕

2023-11-22 17:24:01 來(lái)源/作者: / 己有:0人學(xué)習(xí)過(guò)


作者:佚名   出處:一起PS吧

本教程學(xué)習(xí)如何用Photoshop的圓角矩形工具和圖層樣式打造網(wǎng)站常見(jiàn)的聯(lián)系按鈕,感興趣的同學(xué)可以跟著教程來(lái)學(xué)習(xí)

先看效果圖。

新建文檔1280x1024像素,建新層,填充黑色,添加圖層樣式。

效果如下。

建新層,畫(huà)一個(gè)黑色的圓角矩形。

添加圖層樣式。

效果如下。


 

建新層,畫(huà)一個(gè)黑色正圓,添加和上一步相同的樣式。

暫時(shí)隱藏圓形層,底部建新層,調(diào)出圓形層選區(qū),填充黑色,去掉選區(qū),高斯模糊7像素,調(diào)出大圓角矩形選區(qū),添加蒙版。

顯示圓形層,建新層,畫(huà)一個(gè)白色正圓。

添加圖層樣式。

效果如下。

建新層,前景色白色畫(huà)一個(gè)信封圖案,之后建新層,畫(huà)一個(gè)和信封差不多大的黑色矩形。

選擇黑色矩形層,調(diào)出信封圖層選區(qū),添加蒙版。


 

添加圖層樣式。

效果如下。

輸入白色文字,添加投影樣式,底部建新層為圖標(biāo)添加一個(gè)陰影。

其它效果。




標(biāo)簽(TAG) 按鈕圖標(biāo) 按鈕教程