作者佚名　出處:woaicss

最終效果：



1.新建一個(gè)600*150的photoshop文件，背景填充黑色。選擇“圓角矩形工具”畫一個(gè)同樣填充黑色的圓角矩形，選擇“添加圖層樣式—斜面浮雕—描邊”：




圖片1



圖片2

得到如下效果



2.制作高光區(qū)。新建圖層，選擇鋼筆工具，繪出一個(gè)方框如下：



右鍵單擊鋼筆路徑轉(zhuǎn)換成選取并填充白色



黑色的圓角矩形框載入選區(qū)--ctrl+左擊圖層，選擇白色圖層，反選—?jiǎng)h除，刪除多余的部分。



添加由（#4a4a49）到（#d5d5d5）的漸變疊加：



得到如下效果



3.輸入導(dǎo)航文字顏色分別為：#ffffff & #d9ff3f



4.輸入“-----”旋轉(zhuǎn)90°作分割線，添加白色正方形小方框



5.軟鍵盤輸入“¬“；完成