photoshop如何設(shè)計(jì)黑色導(dǎo)航條教程
2022-12-26 14:43:00
來(lái)源/作者: /
己有:60人學(xué)習(xí)過(guò)
作者佚名 出處:woaicss
最終效果:

1.新建一個(gè)600*150的photoshop文件,背景填充黑色。選擇“圓角矩形工具”畫(huà)一個(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.軟鍵盤(pán)輸入“¬“;完成
最終效果:

1.新建一個(gè)600*150的photoshop文件,背景填充黑色。選擇“圓角矩形工具”畫(huà)一個(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.軟鍵盤(pán)輸入“¬“;完成
標(biāo)簽(TAG) 網(wǎng)頁(yè)圖片 導(dǎo)航條 空來(lái)風(fēng)