當(dāng)前位置：軟件學(xué)堂 > 資訊首頁 > 軟件教程 > 圖形圖像 > PS制作網(wǎng)站導(dǎo)航圓角凹邊按鈕實(shí)例教程

PS制作網(wǎng)站導(dǎo)航圓角凹邊按鈕實(shí)例教程

2012/10/3 17:24:40作者：佚名來源：網(wǎng)絡(luò)

移動端

我們常常會看到很多網(wǎng)站導(dǎo)航上會有圓角凹邊的按鈕，這個是怎么制作出來的呢，我們完全可以利用PS制作網(wǎng)站導(dǎo)航圓角凹邊按鈕，今天就來通過這個實(shí)例教程講講整個制作的過程，具體步驟如下：

步驟一、在工具箱中選擇“圓角矩形工具”，畫出一個圓角矩形框，注意是“圓角”，在下拉菜單下，一定要把對齊像素給選上，通過這樣就會畫出的圖形邊緣平滑，然后Ctrl+Enter轉(zhuǎn)換成選區(qū)，再用Alt+Delete填充顏色，設(shè)置顏色橘色（#eb6100），得到如圖所示：

圓角矩形

步驟二、用矩形工具畫一個矩形，填充顏色同樣是橘色（#eb6100），然后用前面的方法畫一個圓角矩形，再把這個矩形做剪切處理，得到如下圖形：

矩形

步驟三、選中，再按快捷鍵（Ctrl+J）復(fù)制一份，然后按Ctrl+T變形，右擊鼠標(biāo)，進(jìn)行水平翻轉(zhuǎn)，如圖所示：

水平翻轉(zhuǎn)按鈕

步驟四、然后把翻轉(zhuǎn)的圖形向左移動，再與前面的那個圓形矩放一起，得到如圖所示：

圓形矩形組合

步驟五、把下面二個圖形向上移動，得到如圖所示：

導(dǎo)航按鈕

步驟六、最后選擇下面的部分，然后刪除掉，得到如圖所示：

導(dǎo)航圓角凹邊按鈕

步驟七、到這里基本完成了，你還可以進(jìn)行一些質(zhì)感處理，具體要怎么做就由你來決定了，最終效果如圖所示：

網(wǎng)站導(dǎo)航圓角凹邊按鈕

好了，以上就是利用PS制作網(wǎng)站導(dǎo)航圓角凹邊按鈕實(shí)例教程的全過程，希望對你有所幫助。

標(biāo)簽： 導(dǎo)航  實(shí)例  按鈕