對(duì)于做網(wǎng)站的朋友來說,在設(shè)計(jì)網(wǎng)頁時(shí)網(wǎng)站的導(dǎo)航條是非常重要的,能夠決定整個(gè)網(wǎng)站的視覺效果,那么到底怎么用PS制作漂亮的網(wǎng)站導(dǎo)航條呢?和做其他設(shè)計(jì)一樣,首先我們需要在大腦中構(gòu)思想要的效果,再把構(gòu)思出的效果圖分層,最終找到用PS制作漂亮的網(wǎng)站導(dǎo)航條的方法。 最終效果: 1.新建一個(gè)600*150的文件,背景填充黑色。選擇“圓角矩形工具”畫一個(gè)同樣填充黑色的圓角矩形, 選擇“添加圖層樣式—斜面浮雕—描邊”: 得到如下效果: 2.制作高光區(qū)。新建圖層,選擇鋼筆工具,繪出一個(gè)方框如下: 右鍵單擊鋼筆路徑轉(zhuǎn)換成選取并填充白色。 黑色的圓角矩形框載入選區(qū)--ctrl+左擊圖層,選擇白色圖層,反選—?jiǎng)h除,刪除多余的部分。 添加由(#4a4a49)到(#d5d5d5)的漸變疊加: 得到如下效果: 3.輸入導(dǎo)航文字顏色分別為:#ffffff & #d9ff3f; 4.輸入“-----”旋轉(zhuǎn)90°作分割線,添加白色正方形小方框; 5.軟鍵盤輸入“?“;完成。 相信今天的教程能夠幫助很多想要往網(wǎng)站設(shè)計(jì)方向發(fā)展的朋友,也希望大家可以把自己在學(xué)習(xí)PS過程中的心得分享出來,讓更多的朋友受益!
|
|