在好多網(wǎng)站上都看到過這種按鈕,比較流行!今天教大家如何利用Photoshop簡單制作一個(gè)紅色按鈕。

先看下面紅色的提交按鈕:

Photoshop制作網(wǎng)頁提交按鈕

第一步:使用圓角矩形制作一個(gè)紅色的矩形。

Photoshop制作網(wǎng)頁提交按鈕

第二步:然后我們給該矩形形狀添加下面圖層樣式

陰影:

Photoshop制作網(wǎng)頁提交按鈕

內(nèi)發(fā)光

Photoshop制作網(wǎng)頁提交按鈕

漸變疊加:

Photoshop制作網(wǎng)頁提交按鈕

描邊:

Photoshop制作網(wǎng)頁提交按鈕

效果如下:

Photoshop制作網(wǎng)頁提交按鈕

第三步:按住Ctrl單擊按鈕層選擇,使用使用矩形選框工具設(shè)置如下。

Photoshop制作網(wǎng)頁提交按鈕

第四步:使用矩形選框工具把選區(qū)移動(dòng)到左部,如下圖所示。

Photoshop制作網(wǎng)頁提交按鈕

第五步:創(chuàng)建一個(gè)新層,然后填充#E1CA57。

Photoshop制作網(wǎng)頁提交按鈕

第六步:在新建的層中添加圖層樣式。

內(nèi)發(fā)光

Photoshop制作網(wǎng)頁提交按鈕

漸變疊加

Photoshop制作網(wǎng)頁提交按鈕

第七步:創(chuàng)建新層,然后放大到1600%,然后使用鉛筆工具創(chuàng)建下面圖形,很簡單的!

Photoshop制作網(wǎng)頁提交按鈕

現(xiàn)在我們的按鈕出現(xiàn)下面的形狀了。

Photoshop制作網(wǎng)頁提交按鈕

第八步:加上文字,在這里我設(shè)置的Trebuchet MS英文字體、加粗、大小14pt、白色。當(dāng)然你也可以在字上添加一些你認(rèn)為好的效果。

Photoshop制作網(wǎng)頁提交按鈕

標(biāo)簽:提交按鈕

相關(guān)文章

隨機(jī)推薦