切圖技巧

咱們在製做網站的時候如何把作好的效果圖轉成網頁格式呢？這裏就有不少方法，若是是比較複雜的網頁就須要用手動來切圖。若是不是很複雜的能夠直接用PS自帶的切片工具來切割。教程中介紹的是規則切圖，實際應用中須要用手動來劃分區塊的大小。最終效果

 

1、打開要分割的圖片，點工具欄的切片工具。

詳解PS切片工具的切圖使用技巧

詳解PS切片工具的切圖使用技巧

 

2、將劃分切片的水平劃分爲4，垂直劃分爲3，點好後出現12個等分的圖片。

詳解PS切片工具的切圖使用技巧

 

3、將圖片劃分好後，咱們點工具欄最下面的鍵計入IR狀態下編輯圖片。

詳解PS切片工具的切圖使用技巧

 

 

4、直接點文件，將優化結果儲存爲HTML格式。

詳解PS切片工具的切圖使用技巧

 

5、保存在電腦桌面或其它文件夾，會出現一個HTML格式的網頁，咱們打開另外一個文件名爲Images的文件包，裏面就是咱們剛纔分割好的小圖片。

詳解PS切片工具的切圖使用技巧

 

6、咱們打開這些小圖時會返現默認爲索引顏色，這時選擇菜單：圖像 > 模式 > RGB顏色就能夠對這些小圖片進行處理了。

詳解PS切片工具的切圖使用技巧

 

咱們在作網頁的時候，使用分割好的小圖片有利於網頁的瀏覽速度。

詳解PS切片工具的切圖使用技巧

轉載時請保留本教程來源於：PS學習網（www.ps-xxw.cn），詳文參考：http://www.ps-xxw.cn/shiyongjiqiao/2538.html