前端切圖必備技能

蟻族的奮鬥1發表於2020-04-10

1。切圖前ps配置

1。檢視-顯示-智慧參考線

2,。檢視-標尺

3 。視窗-圖層,視窗-資訊(皮膚選項中都改成畫素,勾文件尺寸),視窗-字元()

4。編輯-首選項-單位與標尺(改為畫素)

找到圖層,按ctrl在點選圖層,就有圖片或者是字型的大小

 

為了防止下次在次設定,可以視窗-新建工作區-前端切圖(儲存)

2. 傳統切圖

切片工具

裁剪

智慧物件


2。精準切圖

檔案-指令碼-將圖層到處到檔案-檔案型別png24-把其他的都勾上

3。自動切圖  自己組合圖片也可以(意思就是ui在切圖的時候直接加.png或者是.jpg就會自動生成,不需要切圖了)

編輯-首選項-增效工具-啟用生成器-確定

檔案-生成影像資源 (會多個檔案jia)

檔案重新命名(如aa.png)  就會到新的資料夾下

 

福利:複製ps的圖片css程式碼

圖層-複製css-在編輯器中貼上(有的遠端不行)

 

相關文章