PS切片工具如何將圖片設計成網頁

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

　　PS切片工具教程

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

　　2、選擇左側工具欄的切片工具

　　3、用標尺畫出需要切片的區域，比如下圖9個格子

　　4、然后在選中標尺狀態下，點擊導航條上面的“基于參考線的切片”

　　5、點擊后，即可發現圖片被裁切成按照標尺分配好的不同大小的圖片

　　6、在需要創建超級鏈接的某切片上鼠標右鍵，選擇“編輯切片選項”，調出編輯窗口，在“URL”中輸入建立鏈接的網址即可

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

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

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