PS切片工具如何將圖片設(shè)計成網(wǎng)頁

　　手里有一張圖片，想要將這個圖片變成可以使用的導(dǎo)航條背景圖，該怎么設(shè)計呢?下面由學(xué)習(xí)啦小編為大家整理的PS切片工具教程，希望大家喜歡!

　　PS切片工具教程

　　1、打開一張圖片，然后新建一個空白圖層，用裁剪工具將畫布拉大，然后在空白圖層填寫文字，可作為導(dǎo)航條使用，如下圖

　　2、選擇左側(cè)工具欄的切片工具

　　3、用標(biāo)尺畫出需要切片的區(qū)域，比如下圖9個格子

　　4、然后在選中標(biāo)尺狀態(tài)下，點擊導(dǎo)航條上面的“基于參考線的切片”

　　5、點擊后，即可發(fā)現(xiàn)圖片被裁切成按照標(biāo)尺分配好的不同大小的圖片

　　6、在需要創(chuàng)建超級鏈接的某切片上鼠標(biāo)右鍵，選擇“編輯切片選項”，調(diào)出編輯窗口，在“URL”中輸入建立鏈接的網(wǎng)址即可

　　7、然后保存，選擇“文檔”-“存儲為web所用格式”

　　8、在跳出的對話框右側(cè)文件格式選擇“JPG”格式，點保存

　　9、然后在跳出的對話框里選擇文件格式為“html和圖像”，即完成