第十一課：photoshop切片工具學習教程

第十一課：photoshop切片工具學習教程（工具箱）把大幅圖片分割成多個小圖片，打開網頁時，多個小圖片會同時下載，這樣就可以明顯提高網頁刷新的速度，整幅圖片會很快出現在網頁上。

本課我們講下如何對大圖進行切片：

原始圖-----圖片過大，請下載文檔。

1.在原圖上右鍵，保存到本地計算機

2.在photoshop中打開這張圖片。（文件/打開）

3.在工具箱中選擇切片工具（快捷鍵 K ）

4.選中「切片工具」後，在圖片上按住左鍵拖拽，就出現一個切片。

5.以此類推，再次選擇「切片工具」在圖片上切出更多切片。

6.如果變換切片的位置和大小，選擇工具欄上的「切片選擇工具」

再點擊某個切片即可選中。用左鍵按住某個已選中的切片，可以隨意挪動切片位置。用左鍵按住切片四周的小黑點，也可隨意伸展或收縮切片大小。如果在某個切片上單擊右鍵，彈出的菜單上可以選擇刪除切片或者編輯切片。

7.劃分好後點擊 文件/存儲為Web所用格式。

8.在彈出的存儲窗口中可以設置保存格式和大小，

9.設置好後點擊存儲：

10.保存完成後，電腦上就會出現一個名叫index.html的文件和一個名叫images的圖片目錄，切分後的圖片就保存在這裡。index.html就是用切分後的小圖片組成的網頁文件。

11.最後把圖片上傳到網上，用記事本打開HTML文件，把裡面的圖片地址換成網路圖片URL。

在把這個文件上傳即可~ （詳細的會在網頁教程進行介紹）

★本課就到這裡，下面布置一個作業，希望大家能夠認真完成！

作業地址：

★.理論教學----切片工具的詳解

photoshop切片工具

photoshop的切片工具內含切片工具和切片選擇工具，切片工具主要是在製作網頁時候對圖片進行「瘦身」所用，它可以在不損失圖像效果的前提下，減小的文件的容量。這個工具的快捷鍵是字母K。

photoshop的切片工具

切片工具屬性欄

photoshop的切片工具的工具屬性欄

樣式：可以改變切片工具的裁切標準。

寬度、高度：輸入尺寸數值。

1、選擇切片選取工具。

2、在所需編輯的薄片上雙擊滑鼠，調出「切片選項」對話框（如上圖）

3、為薄片加互交，使其變為一個熱區。在URL後面輸入一個絕對或相對的URL即可。

4、可以為薄片命名，在名稱：後面輸入新名稱即可。

5、Target:選擇打開瀏覽器的方式。

6、Alt：Alt可使我們得以指定選中切片的Alt標記。

7、在尺寸欄中，顯示這個薄片的信息，如寬度、高度、薄片頂點的位置。這些數值可根據需要進行設定。

排列薄片：

由於在切圖往往造成薄片的重疊，因此我們可以用切片選取工具調整薄片的次序。

1、選擇切片選取工具。

2、單擊所需調整的薄片。

3、在任務欄（如圖）中選擇排列方式即可：

A.置為頂層：把所選薄片調到最前。

B.前移一層：把所選薄片向前移動一個水平層。

C.後移一層：把所選薄片後前移動一個水平層。

D.置為底層：把所選薄片調到最後。

喜歡這篇文章嗎？立刻分享出去讓更多人知道吧！