前端切圖的一些小技巧

昨天晚上花了1個小時把慕課網上的PS切圖教程看了一遍，發現以前用的切圖方式有點low，還學習到一些設置技巧，在此記錄。

 

1.新建頁面，背景內容設置爲透明，自動選擇不用打勾，後面的框選圖層，這樣按住ctrl鼠標點擊就能快速找到對應圖層

2.標尺和智能參考線都打上勾

3.歷史記錄，圖層，信息，字符4個面板都打開，面板選項中鼠標座標設置爲像素，文檔尺寸打勾,顏色都選爲RGB

4.新建工做區，存儲

5.按shift能夠智能吸附

6.保存時的jpg品質60剛恰好，畫質好體積又小

7.圖片不是太大的時候，能夠把切片類型選擇爲無圖像，顯示在單元格中的文本輸入幾個空格。，而後保存爲html格式，這時候就有一個框架，再往須要連接的塊中加入href

8.透明效果，要存儲成png-8的格式

9.裁剪：按ctrl並點擊圖層縮略圖，按下enter

10.透明文字或圖層：裁剪完，alt+可見（當前圖層可見）

 

除此以外還找到一個方便批量保存圖層的PS插件cutterman，這個插件只適用於CS6和CC版本，有了這個插件切圖速度簡直是快，不過要到官網去註冊一下才能使用。