PS切片工具講解與網頁切片應用
PS切片工具詳解與網頁切片應用
為什么要學PS切片工具？學來做什么？
Photoshop里面的切片工具有2大作用：
1.將文件尺寸比較大的圖片切片成若干小圖片，主要是應用于網頁設計中。比如，我們在瀏覽網頁時，都會遇到網速不夠、或是圖片遲遲不能讀出的情況。因此，可以通過切片操作，將大圖變小圖，改善網頁顯示速度，給用戶一個好的網頁瀏覽體驗。
2. 切片加超鏈接。JPG圖片沒有辦法做鏈接跳轉，需要做切片處理加超鏈接做跳轉。
第一，PS切片工具在哪里
Photoshop里面切片工具和裁剪工具位于同一個工具組。我們可以使用SHIFT C來切換找到切片工具。
第二，ps切片工具怎么用？
1.首先根據需要在photoshop里面完成內容制作一張所需要的圖片，保存好以備用，例如我已經制作好了一張頂部圖，在PS中打開。如圖：
2. 選擇工具箱中的“切片工具”，在工具選項欄的“樣式”下拉列表中選擇“正常”選項。在您想切片的地方開始占，然后往左拉或者往下拉，就出會現一個四方形的區域塊，這就是您要切片的范圍，直到拉到您覺得合適地方為止，放開鼠標可創建一個用戶切片，用戶以外的部分將生成自動切片。
按照同樣的操作，可以繼續在繼續下一個區域切片操作。
下面是小編切片之后的預覽圖：每一個片塊代表一個區域，上面有藍色數字標識。
如果你的.文件有多個圖層，想根據圖層來自動切片，可以執行命令“圖層——新建基于圖層的切片”。
又如果你文件有參考線，可以執行切片工具上面屬性欄的“基于參考線的切片”。
當選擇了切片工具之后，在圖像上單擊右鍵，還可以選擇“劃分切片”命令，根據需要設定水平和垂直切為多少個小片。
第三，ps切片加鏈接
下面我們舉例說明，比如我們希望鼠標單擊“論壇”，隨后就跳轉到我們論壇的網址，如何實現呢？
1.鼠標右鍵單擊“論壇”這個區域——選擇“編輯切片選項”。
2.“切片選項”對話框中“URL”框里面輸入我們希望超鏈接地址。“目標”框輸入：
ps切片加鏈接說明：
1.URL：打開你自己想要為切片加鏈接的“網絡地址”，復制，然后粘貼到編輯框里面就可以。
2.“目標”一欄中輸入_banck，表示“從新窗口中打開超鏈接頁面” 。如果不需要新窗口打開就不用輸入。
OK，利用相同的辦法，把其它切片也添加相對應的超鏈接。
第四，ps切片怎么保存
通過上面的介紹，我們為切片操作完畢，保存時，執行“文件——存儲為WEB和設備所用格式”，這是一種專門為網頁制作人設置的格式。
打開“存儲為web所用格式”，直接選擇最下面的“存儲”，設置保存路徑和格式等信息。格式我們通常選擇“HTML和圖像”。
PS切片保存好之后，我們來一起看看如何應用。根據之前保存的路徑，找到該文件夾，然后打開就能看到一張張圖片，就是根據我們剛才切片的規格分開存放的。
Photoshop切片對于我們的淘寶賣家也是非常實用的，一定要學好了。切片好之后，就是進行淘寶自定義模塊的制作。首先打開淘寶的圖片空間，上傳images文件夾里面的所有切片圖片。然后打開淘寶裝修的自定義頁面，點擊源碼模式，復制粘貼源碼（源碼的網頁瀏覽器打開剛剛做好圖片存儲成功的HTML文件，然后點擊菜單欄的查看---查看網頁源代碼（或者在網頁單擊右鍵，選擇 “查看源代碼”，復制之間的所有源碼）。
最后還原正常自定義頁面的編輯模式，更換自定義頁面的圖片鏈接，保存--預覽-發布就好了。
熟悉了photoshop的切片工具應用，對于我們一般的淘寶賣家們會更加方便。因為很多賣家對網頁制作軟件并不熟悉，簡單的切片超鏈接不必動用dremaweaver、fireworks專業的網頁設計軟件，就PS就可以搞定切片叫鏈接工作。
……
【PS切片工具講解與網頁切片應用】相關文章：