photoshop怎樣繪制導(dǎo)航條
photoshop怎樣繪制導(dǎo)航條
一個(gè)好的導(dǎo)航條肯定需要許多元素,并且信息也要準(zhǔn)確。但是很多同學(xué)還不太清楚。那么接下來下面是學(xué)習(xí)啦小編整理的一些關(guān)于photoshop怎樣繪制導(dǎo)航條,供您參閱。
photoshop繪制導(dǎo)航條的方法
打開PS,像制作普通圖片一樣制作一個(gè)導(dǎo)航條圖片。
圖片做好后,在PS中選擇切片工具。
用鼠標(biāo)均勻地拉出各個(gè)切片部分(我這里是八等份)。
這時(shí),切換到“切片選擇工具”。
在一個(gè)切片上雙擊。在彈出的窗口中,分別填寫好名稱、URL、信息文本、Alt標(biāo)記。
各部分功能解釋如下:
名稱:隨意,方便自己識(shí)別。
URL:當(dāng)鼠標(biāo)點(diǎn)擊此切片時(shí),要轉(zhuǎn)到的位置(不僅可以是本地電腦上的位置,也可以是網(wǎng)絡(luò)位置)。
信息文本:當(dāng)鼠標(biāo)移動(dòng)到此切片時(shí),在瀏覽器底部狀態(tài)欄顯示的提示文字。
Alt標(biāo)記:Alt 標(biāo)記。
在這里,介紹下獲得URL的方法。比如我想獲得圖片這個(gè)切片的URL,就在自己電腦上打開圖片所在的文件夾,然后復(fù)制標(biāo)題欄的路徑過去即可。
按同樣的方法,填寫好各個(gè)切片的信息。
全部完成后,點(diǎn)擊菜單“文件”-“存儲(chǔ)為Web所用格式”。
在”存儲(chǔ)為Web所用格式“窗口中,將圖片格式改為 JPEG,品質(zhì)改為 60(當(dāng)然你也可以把品質(zhì)改為 100,這樣圖片效果就更好了,不過圖片會(huì)稍微大一些)。這樣做的目的是為了做出來的導(dǎo)航條比較美觀。
在保存對(duì)話框中,選擇一個(gè)不含中文的文件名(可以是數(shù)字或字母),然后在格式中選擇“HTML和圖像”,最后單擊保存。
這時(shí),有可能會(huì)彈出一個(gè)提示框,單擊“取消”忽略即可。
保存成功后,會(huì)新增一個(gè)images文件夾和一個(gè)html文件。
看了“photoshop怎樣繪制導(dǎo)航條”的人還看了: