有時候大家在使用ps的時候需要把制作的設計圖片轉換為網頁代碼，這就需要用到photoshop網頁切圖功能了，那么ps網頁切圖怎么用，下面小編就給大家帶來photoshop切圖教程。
ps cs6免費中文版：http://www.pirinnaturalssoapandspa.com/soft/71205.html
1、我們要用到的切圖工具有兩個，一個是切片工具，另一個是切片選擇工具。左邊有個小按鈕，你按住它這三個選項就會顯示出來。
2、這是我等下用做示范的圖片。
3、在切圖之前有一點需要說明的是，如果你需要輔助切圖，你可以先添加參考線。在PS上方的菜單欄，你可以在視圖里找到新建參考線選項。如上圖，我已經添加兩條參考線，因為參考線在鼠標靠近的時候有吸附功能，所以切圖不容易切錯位置。
4、好了現在我們開始切圖，我用切圖工具先裁一個框出來，我們可以看到圖片上已經有01的框，但是右邊02顯示為灰色。
5、我繼續用切圖工具裁第二個框，記住01和02的框一定要貼合，否則會出現一個03的框。如果你這次切圖位置沒切對，可能給后面帶來麻煩的是換圖片會比較麻煩。這個時候切圖的框是可以移動的，你可以把鼠標放在邊框上試著移動下，看下效果。你只能移動02，不能移動01。
6、當我發現切圖的位置出現錯誤，開始調整，剛才我把02位置往右挪好，它從02變成了03
7、然后我用切圖選擇工具選擇01，這樣我就能把01的位置調整正確了。
8、切好圖之后就到最重要的步驟了，如下圖所示，選擇文件下面的存儲為WEB和設備所用格式，最好能記住快捷鍵。
9、圖片格式為JPEG，它就是JPG，一樣的。關鍵是品質的設定，我們都知道如果一張圖片越大它在網上打開的速度就越慢，當我們把圖片的品質設的越小，它的大小就越小，但是如果品質太差，圖片會變模糊，所以一般情況下如果是網上使用的圖片，品質可以設置60，既保證圖片較小也不會模糊。這個數值由你自己設置，是大是小，具體看你的要求，試試就知道了。這里有個問題是你只是對其中一個切片設置品質，其他切片又要重新設置，所以存的時候最好檢查一下。
10、前面設置好后點擊存儲會顯示以上界面。格式選項選擇HTML和圖像，默認是圖像的，這樣我們就能得到網頁代碼了。
11、存好后得到一個圖片文件夾和一個網頁，你看到的網頁圖標可能跟我這個不一樣，這個沒有關系，因為我們的瀏覽器不一樣。
12、用DreamWeaver軟件打開這個網頁看到如上界面，如果不懂DreamWeaver的設置，請參考我前篇 做淘寶的也該懂點代碼 那里有講到一點DreamWeaver的使用技巧。我們需要的就是大紅框中《table … 《/table》這段代碼，待會拷貝到淘寶頁面里去的?？截愔耙劝褕D片地址換一下，先把剛才那個images文件夾里的圖片上傳到淘寶圖片空間里去，再復制圖片的網絡地址替換上圖小紅框里的那個地址。替換的原因是，PS存的圖片地址是你電腦上的，在網絡上無法使用，只有你把圖片上傳到網上別人才會看的到。
這就是小編給大家帶來的ps網頁切圖教程了，希望對大家有用。
喜歡 
頂
難過
囧
圍觀
無聊
