ps簡單切圖

一、咱們要用到的切圖工具備兩個，一個是切片工具，另外一個是切片選擇工具。左邊有個小按鈕，你按住它這三個選項就會顯示出來。

 

二、這是我等下用作示範的圖片。

 

1. 三、在切圖以前有一點須要說明的是，若是你須要輔助切圖，你能夠先添加參考線。在PS上方的菜單欄，你能夠在視圖裏找到新建參考線選項。如上圖，我已經添加兩條參考線，由於參考線在鼠標靠近的時候有吸附功能，因此切圖不容易切錯位置。
2.  

   四、好了如今咱們開始切圖，我用切圖工具先裁一個框出來，咱們能夠看到圖片上已經有01的框，可是右邊02顯示爲灰色。
3.  

   五、我繼續用切圖工具裁第二個框，記住01和02的框必定要貼合，不然會出現一個03的框。若是你此次切圖位置沒切對，可能給後面帶來麻煩的是換圖片會比較麻煩。這個時候切圖的框是能夠移動的，你能夠把鼠標放在邊框上試着移動下，看下效果。你只能移動02，不能移動01。
4.  

   六、當我發現切圖的位置出現錯誤，開始調整，剛纔我把02位置往右挪好，它從02變成了03。
5.  

   七、而後我用切圖選擇工具選擇01，這樣我就能把01的位置調整正確了。
6.  

   八、切好圖以後就到最重要的步驟了，以下圖所示，選擇文件下面的存儲爲WEB和設備所用格式，最好能記住快捷鍵。
7.  

   九、圖片格式爲JPEG，它就是JPG，同樣的。關鍵是品質的設定，咱們都知道若是一張圖片越大它在網上打開的速度就越慢，當咱們把圖片的品質設的越小，它的大小就越小，可是若是品質太差，圖片會變模糊，因此通常狀況下若是是網上使用的圖片，品質能夠設置60，既保證圖片較小也不會模糊。這個數值由你本身設置，是大是小，具體看你的要求，試試就知道了。這裏有個問題是你只是對其中一個切片設置品質，其餘切片又要從新設置，因此存的時候最好檢查一下。
8.  

   十、前面設置好後點擊存儲會顯示以上界面。格式選項選擇HTML和圖像，默認是圖像的，這樣咱們就能獲得網頁代碼了。
9.  

   十一、存好後獲得一個圖片文件夾和一個網頁，你看到的網頁圖標可能跟我這個不同，這個沒有關係，由於咱們的瀏覽器不同。
10.  

    十二、

    用DreamWeaver軟件打開這個網頁看到如上界面，若是不懂DreamWeaver的設置，請參考我前篇 作淘寶的也該懂點代碼 那裏有講到一點DreamWeaver的使用技巧。咱們須要的就是大紅框中《table … 《/table》這段代碼，待會拷貝到淘寶頁面裏去的。拷貝以前要先把圖片地址換一下，先把剛纔那個images文件夾裏的圖片上傳到淘寶圖片空間裏去，再複製圖片的網絡地址替換上圖小紅框裏的那個地址。替換的緣由是，PS存的圖片地址是你電腦上的，在網絡上沒法使用，只有你把圖片上傳到網上別人纔會看的到。

    至此，大功告成。但願這個教程會對生手有所幫助。