第六步:保存剪下的圖片時，選擇保存HTML和圖片，這樣導出的會自動生成一個網頁和切圖picture,3.然后選擇工具欄中的-切圖工具，根據自己的喜好切圖進行操作,首先，你需要用photoshop打開psd源文件，查看源文件的整體布局,第三步隱藏其他圖層，剪切掉背景圖片,切圖使用切片工具:1,切圖可沿參考線切割,withps切圖技術。

1。首先打開電腦上的PS軟件，雙擊打開，進入操作頁面。2.然后打開或拖動要剪切的圖片。3.然后選擇工具欄中的-切圖工具，根據自己的喜好切圖進行操作。4.剪切后，同時按ctrl shift alt s。保存切圖彈出窗口在左上角“預置”。5.點按“打開”以選取您想要的格式。6.之后就可以直接保存了，下面的格式都變成了預置格式。

withps切圖技術。切圖使用切片工具:1。首先，你需要用photoshop打開psd源文件，查看源文件的整體布局。源文件是分層的，便于切圖的分層。2.切圖的工具稱為“切片”，可以在左側面板中看到。右鍵單擊以查看切片工具和切片選擇工具按鈕。3.用放大鏡放大圖片要裁剪的部分，大小可以通過參考線來確定。切圖可沿參考線切割。4.切換到切片工具，沿參考線繪制切片。右鍵單擊以查看編輯切片的選項，并設置切片的像素大小。5.剪切后，可以點擊菜單欄中的“文件”，選擇“保存為web格式”選項。6.選擇要保存的切片，然后可以在右上角設置圖片的格式和質量。設置完成后，可以點擊保存。7.保存要保存的切片，只需選擇路徑，點擊保存即可完成。打開保存的圖片。

第一步用PS打開網頁效果圖的PSD文件，根據網頁效果圖拉出參考線。同時，為了方便起見切圖，可以右擊將面板顏色自定義為對比色，第二步，找出PS層中的主要背景層。如果背景圖像是漸變的，可以只剪去一兩個像素，然后在代碼中設置填充，第三步隱藏其他圖層，剪切掉背景圖片。如果背景圖片很大，可以考慮分段裁剪，這樣可以加快網頁加載速度，第四步剪出背景后，從上到下剪出LOGO。此外，其他層應該隱藏在這里，輸出圖片時，保存文件類型，選擇png，因為這樣可以使圖片背景透明。第五步:你可以選擇導出圖片的文件-將它們存儲在所有格式的網絡和設備中，第六步:保存剪下的圖片時，選擇保存HTML和圖片，這樣導出的會自動生成一個網頁和切圖 picture。第五步:在剪切圖片末尾版權部分的背景時，你發現這是一個漸變圖層，這樣你只能剪切出一個像素的長度。