前端切圖必備技能
1。切圖前ps配置
1。檢視-顯示-智慧參考線
2,。檢視-標尺
3 。視窗-圖層，視窗-資訊（皮膚選項中都改成畫素，勾文件尺寸），視窗-字元（）
4。編輯-首選項-單位與標尺（改為畫素）
找到圖層，按ctrl在點選圖層，就有圖片或者是字型的大小
為了防止下次在次設定，可以視窗-新建工作區-前端切圖（儲存）
2. 傳統切圖
切片工具
裁剪
智慧物件
2。精準切圖
檔案-指令碼-將圖層到處到檔案-檔案型別png24-把其他的都勾上
3。自動切圖 自己組合圖片也可以（意思就是ui在切圖的時候直接加.png或者是.jpg就會自動生成，不需要切圖了）
編輯-首選項-增效工具-啟用生成器-確定
檔案-生成影像資源 （會多個檔案jia）
檔案重新命名（如aa.png） 就會到新的資料夾下
福利：複製ps的圖片css程式碼
圖層-複製css-在編輯器中貼上（有的遠端不行）
相關文章
- 前端必備 PS三種切圖方法 Cutterman最好用的切圖工具前端
- web前端工程師必備技能Web前端工程師
- 前端工程師必備技能彙總前端工程師
- 2016年，前端學習必備技能前端
- Web前端職責是什麼？Web前端必備技能有哪些？Web前端
- 程式設計師必備畫圖技能之——時序圖程式設計師時序圖
- JavaScript ES 模組：現代化前端程式設計必備技能JavaScript前端程式設計
- 中軟卓越：Web前端初學者月薪過萬的必備技能Web前端
- React開發者必備的技能清單React
- Java程式設計師必備技能Java程式設計師
- 架構必備技能第一談架構
- ORACLE DBA必備技能詳解(pdf)Oracle
- 12個前端初學者必會技能前端
- 想學Web前端，你需要了解這些職責和必備技能Web前端
- 前端必備框架/工具前端框架
- 前端必備 Nginx 配置前端Nginx
- 前端必備效率工具前端
- 前端工程師技能之photoshop巧用系列第三篇——切圖篇前端工程師
- 大資料系統管理必備技能大資料
- 聊聊資料人的職場必備技能
- 高效能人士面試必備技能面試
- 程式設計師應該具備哪些必備技能程式設計師
- ps-前端切圖前端
- Mysql系列第三講 管理員必備技能(必須掌握)MySql
- 前端開發人員必須瞭解的七大技能圖譜前端
- 前端必備-less 的使用前端
- 前端開發者必備思維前端
- 2019前端工程師必備前端開發資源必備前端工程師
- 資料分析師必備技能都有哪些？
- 新手程式設計師必備10大技能程式設計師
- 掌握運維必備技能--問題故障定位運維
- Java架構師必備技能：docker使用大全Java架構Docker
- 微信小程式開發必備技能清單微信小程式
- WEB開發者應該有哪些必備的技能？Web
- 一線遊戲大廠招聘需要具備哪些必備技能？遊戲
- 前端技巧之如何切圖前端
- HTTP 火鍋【高階前端必備】HTTP前端
- 前端必備知識點—SVG前端SVG