前端切圖必備技能

1。切圖前ps配置

1。視圖-顯示-智能參考線

2,。視圖-標尺

3 。窗口-圖層,窗口-信息(面板選項中都改成像素,勾文檔尺寸),窗口-字符()

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

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

 

爲了防止下次在次設置,可以窗口-新建工作區-前端切圖(保存)

2. 傳統切圖

切片工具

裁剪

智能對象


2。精準切圖

文件-腳本-將圖層到處到文件-文件類型png24-把其他的都勾上

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

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

文件-生成圖像資源 (會多個文件jia)

文件重命名(如aa.png)  就會到新的文件夾下

 

福利:複製ps的圖片css代碼

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

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章