切圖技巧

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

 

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

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

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

 

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

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

 

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

相關文章
相關標籤/搜索