在網(wǎng)站中我們經(jīng)常見(jiàn)到導(dǎo)航條，那么ps中想要設(shè)計(jì)一個(gè)網(wǎng)站的導(dǎo)航條，該怎么制作呢?下面由學(xué)習(xí)啦小編為大家整理的ps制作導(dǎo)航欄教程，希望大家喜歡!

　　ps制作導(dǎo)航欄教程

　　1、首先啟動(dòng)photoshop cs5，執(zhí)行文件-新建命令，新建一個(gè)大小分辨率為300，背景顏色為白色，大小為800*600的文檔。

　　2、選擇工具箱里矩形工具，在畫(huà)布上繪制一個(gè)矩形，雙擊該圖層彈出圖層樣式，勾選描邊，設(shè)置大小為1像素，描邊顏色為#c7c7c7，填充顏色為白色，點(diǎn)擊確定按鈕。

　　3、選擇矩形，按住alt鍵拖動(dòng)矩形復(fù)制出六個(gè)矩形，調(diào)整他們位置使其布局更加美觀。

　　4、選擇工具箱里的文本工具，在第一個(gè)矩形中輸入文字，并設(shè)置字體為“微軟雅黑”，字號(hào)為4像素，字體顏色為黑色。

　　5、采用同樣的方法，重復(fù)步驟4依次為其他六個(gè)矩形添加文字內(nèi)容，并依次調(diào)整其相應(yīng)的位置，使布局更加美觀大方。

　　6、執(zhí)行ctrl+r組合鍵調(diào)出參考線(xiàn)，從上面拖拽一條參考線(xiàn)，再次調(diào)整文字和英文的位置。

　　7、再次選擇矩形工具繪制矩形，并填充顏色為#44b07f，移動(dòng)矩形到第一個(gè)矩形上，并且和原來(lái)的矩形重合在一起。

　　8、依次復(fù)制六個(gè)相同的矩形分別覆蓋到相應(yīng)的矩形上，并調(diào)整相應(yīng)的圖層位置，使文字都能顯示出來(lái)。

　　9、選擇工具箱里的矩形工具繪制細(xì)長(zhǎng)矩形，填充顏色為#999999，按住alt鍵依次復(fù)制六個(gè)調(diào)整他們所在的位置，并調(diào)整相應(yīng)圖層的位置。

　　10、接著從桌面上直接拖拽一副事先準(zhǔn)備的logo到畫(huà)布上，調(diào)整其大小和位置，使整個(gè)布局顯得更加協(xié)調(diào)。

　　11、執(zhí)行圖層-拼合圖像命令，將所有的圖層拼成一個(gè)背景圖層，執(zhí)行文件-存儲(chǔ)為命令，將文件進(jìn)行保存即可。