国产成人v爽在线免播放观看,日韩欧美色,久久99国产精品久久99软件,亚洲综合色网站,国产欧美日韩中文久久,色99在线,亚洲伦理一区二区

學(xué)習(xí)啦 > 學(xué)習(xí)電腦 > 工具軟件 > 圖像處理教程 > PS教程 > PS實(shí)用技巧 > photoshop如何對網(wǎng)頁進(jìn)行切圖

photoshop如何對網(wǎng)頁進(jìn)行切圖

時(shí)間: 國柱790 分享

photoshop如何對網(wǎng)頁進(jìn)行切圖

  切圖也是為了方便前端人員開發(fā),所以我們可以使用photoshop進(jìn)行切圖。那么大家知道photoshop如何對網(wǎng)頁進(jìn)行切圖嗎?下面是學(xué)習(xí)啦小編整理的photoshop如何對網(wǎng)頁進(jìn)行切圖的方法,希望能幫到大家!

  photoshop對網(wǎng)頁進(jìn)行切圖的方法

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

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

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

  第四步 切出背景后,就從上到下,先把LOGO切出。這里同樣要隱藏其他圖層,輸出圖片的時(shí)候保存文件類型選擇png,因?yàn)檫@樣可以使得圖片背景透明。

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

  第六步 在保存切出圖片的時(shí)候,選擇保存HTML和圖片,這樣導(dǎo)出來的就會(huì)自動(dòng)生成一個(gè)網(wǎng)頁頁面和切圖圖片

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

  
看了“photoshop如何對網(wǎng)頁進(jìn)行切圖”的人還看了:

1.photoshop如何進(jìn)行切圖

2.Photoshop怎么頁面切圖

3.photoshop怎樣進(jìn)行切圖

4.photoshop切片工具怎樣使用

5.photoshop如何進(jìn)行切圖操作

2612808