ps怎么制作一個(gè)漂亮的導(dǎo)航欄按鈕?
我要評論在網(wǎng)站中我們經(jīng)常見到導(dǎo)航條，其實(shí)利用Photoshop也可以制作導(dǎo)航條，現(xiàn)在就把制作的過程步驟和截圖分享給大家，希望對你有所幫助和啟發(fā)。
1、首先啟動(dòng)photoshop cs5，執(zhí)行文件-新建命令，新建一個(gè)大小分辨率為300，背景顏色為白色，大小為800*600的文檔。
2、選擇工具箱里矩形工具，在畫布上繪制一個(gè)矩形，雙擊該圖層彈出圖層樣式，勾選描邊，設(shè)置大小為1像素，描邊顏色為#c7c7c7，填充顏色為白色，點(diǎn)擊確定按鈕。
3、選擇矩形，按住alt鍵拖動(dòng)矩形復(fù)制出六個(gè)矩形，調(diào)整他們位置使其布局更加美觀。
4、選擇工具箱里的文本工具，在第一個(gè)矩形中輸入文字，并設(shè)置字體為“微軟雅黑”，字號為4像素，字體顏色為黑色。
5、采用同樣的方法，重復(fù)步驟4依次為其他六個(gè)矩形添加文字內(nèi)容，并依次調(diào)整其相應(yīng)的位置，使布局更加美觀大方。
6、執(zhí)行ctrl+r組合鍵調(diào)出參考線，從上面拖拽一條參考線，再次調(diào)整文字和英文的位置。
7、再次選擇矩形工具繪制矩形，并填充顏色為#44b07f，移動(dòng)矩形到第一個(gè)矩形上，并且和原來的矩形重合在一起。
8、依次復(fù)制六個(gè)相同的矩形分別覆蓋到相應(yīng)的矩形上，并調(diào)整相應(yīng)的圖層位置，使文字都能顯示出來。
9、選擇工具箱里的矩形工具繪制細(xì)長矩形，填充顏色為#999999，按住alt鍵依次復(fù)制六個(gè)調(diào)整他們所在的位置，并調(diào)整相應(yīng)圖層的位置。
10、接著從桌面上直接拖拽一副事先準(zhǔn)備的logo到畫布上，調(diào)整其大小和位置，使整個(gè)布局顯得更加協(xié)調(diào)。
11、執(zhí)行圖層-拼合圖像命令，將所有的圖層拼成一個(gè)背景圖層，執(zhí)行文件-存儲為命令，將文件進(jìn)行保存即可。
相關(guān)推薦：
相關(guān)文章
PS怎么制作很有質(zhì)感金屬按鈕？ps中想要設(shè)計(jì)一款金屬按鈕，該怎么設(shè)計(jì)呢？下面我們就來看看制作金屬按鈕的教程，感興趣的朋友可以進(jìn)來參考一下2017-03-08
PS繪制一個(gè)黑色晶體質(zhì)感的網(wǎng)頁應(yīng)用按鈕
這篇教程是向腳本之家的朋友分享PS繪制一個(gè)黑色晶體質(zhì)感的網(wǎng)頁應(yīng)用按鈕方法，教程制作出來的按鈕非常漂亮，教程介紹地也很詳細(xì)，推薦過來，一起來學(xué)習(xí)吧2017-03-05
PS怎么制作一個(gè)紋理按鈕？PS中想要制作一個(gè)大氣的按鈕，該怎么制作呢？下面我們就來看看詳細(xì)的制作方法，需要的朋友可以參考下2017-03-03
這篇教程是向腳本之家的朋友分享PS圖層樣式和圖層疊加繪制Q版游戲水晶按鈕方法，教程主要是使用圖層樣式和圖層疊加來實(shí)現(xiàn)的，方法并不是很難，但很值得學(xué)習(xí)，希望大家喜歡2017-03-01
PS怎么制作網(wǎng)站首頁的立體按鈕？設(shè)計(jì)網(wǎng)站的時(shí)候，需要使用立體按鈕，該怎么設(shè)計(jì)呢？下面我們就來看看使用ps給網(wǎng)頁做一個(gè)立體按鈕的教程，需要的朋友可以參考下2017-03-01
這篇教程是向腳本之家的朋友分享PS繪制漂亮的發(fā)光球體循環(huán)播放按鈕方法，教程繪制出來的按鈕非常漂亮，而且非常簡單，適合新手來學(xué)習(xí)，推薦到腳本之家，喜歡的朋友可以參考2017-02-22
這篇教程是向腳本之家的朋友分享PS制作一個(gè)漂亮的水晶按鈕方法，制作出來的按鈕非常漂亮，難度不是很大，主要是利用混合模式、浮雕效果來實(shí)現(xiàn)，來看看吧2017-01-26
這篇教程是向腳本之家的朋友分享PS利用橢圓工具制作一個(gè)電源按鈕方法，教程主要是利用橢圓工具來實(shí)現(xiàn)的，方法很簡單的，推薦到腳本之家，一起來學(xué)習(xí)吧2017-01-23
這篇教程是向腳本之家的朋友分享用ps簡單繪制一個(gè)圓形按鈕方法，教程繪制出來的按鈕非常漂亮，方法很簡單，適合新手來學(xué)習(xí)，推薦過來，希望大家喜歡2016-12-16
這篇教程是向腳本之家的朋友分享ps圖層樣式制作漂亮的水晶按鈕方法，教程制作出來的水晶按鈕非常漂亮，主要是通過圖層樣式來實(shí)現(xiàn)的，好了，下面我們一起來學(xué)習(xí)吧2016-12-09
