有一個網(wǎng)頁，想把各個部分都單獨切出來，該怎么辦呢?這時候可以用ps對網(wǎng)頁進(jìn)行切圖。下面由學(xué)習(xí)啦小編為大家整理的ps網(wǎng)頁切圖教程，希望大家喜歡!

　　ps網(wǎng)頁切圖教程

　　1、用PS打開網(wǎng)頁效果圖PSD文件，根據(jù)網(wǎng)頁效果圖拉出參考線，同時為了方便切圖可以右鍵點擊把面板的顏色自定成對比鮮明的顏色。

　　2、在PS圖層中找出主背景圖層，如果背景圖是漸變的話可以只切出一兩像素，后面再代碼中設(shè)置填充。

　　3、隱藏其他圖層，把背景圖切出來。如果背景圖很大，可以考慮分段切出，這樣可以加速網(wǎng)頁加載。

　　4、切出背景后，就從上到下，先把LOGO切出。這里同樣要隱藏其他圖層，輸出圖片的時候保存文件類型選擇png，因為這樣可以使得圖片背景透明。

　　5、導(dǎo)出圖片可以選擇文件——存儲為web和設(shè)備所有格式

　　6、在保存切出圖片的時候，選擇保存HTML和圖片，這樣導(dǎo)出來的就會自動生成一個網(wǎng)頁頁面和切圖圖片

　　7、在切像尾部版權(quán)部分的背景時候，發(fā)現(xiàn)這個是漸變圖層，這樣就可以只切出一個像素的長度。然后在代碼中設(shè)置repeat-x橫軸填充