前端切圖必備技能
1。切圖前ps配置
1。檢視-顯示-智慧參考線
2,。檢視-標尺
3 。視窗-圖層,視窗-資訊(皮膚選項中都改成畫素,勾文件尺寸),視窗-字元()
4。編輯-首選項-單位與標尺(改為畫素)
找到圖層,按ctrl在點選圖層,就有圖片或者是字型的大小
為了防止下次在次設定,可以視窗-新建工作區-前端切圖(儲存)
2. 傳統切圖
切片工具
裁剪
智慧物件
2。精準切圖
檔案-指令碼-將圖層到處到檔案-檔案型別png24-把其他的都勾上
3。自動切圖 自己組合圖片也可以(意思就是ui在切圖的時候直接加.png或者是.jpg就會自動生成,不需要切圖了)
編輯-首選項-增效工具-啟用生成器-確定
檔案-生成影像資源 (會多個檔案jia)
檔案重新命名(如aa.png) 就會到新的資料夾下
福利:複製ps的圖片css程式碼
圖層-複製css-在編輯器中貼上(有的遠端不行)
相關文章
- web前端工程師必備技能Web前端工程師
- 前端必備 PS三種切圖方法 Cutterman最好用的切圖工具前端
- Hacker必備技能
- Web前端職責是什麼?Web前端必備技能有哪些?Web前端
- 程式設計師必備畫圖技能之——時序圖程式設計師時序圖
- JavaScript ES 模組:現代化前端程式設計必備技能JavaScript前端程式設計
- 2019前端工程師必備前端開發資源必備前端工程師
- 中軟卓越:Web前端初學者月薪過萬的必備技能Web前端
- Java程式設計師必備技能Java程式設計師
- C#必備技能—專案打包C#
- 開發網站的必備技能網站
- 架構必備技能第一談架構
- 2017.3.14java方向必備技能掌握Java
- 想學Web前端,你需要了解這些職責和必備技能Web前端
- 前端必備效率工具前端
- 前端必備 Nginx 配置前端Nginx
- 前端必備框架/工具前端框架
- 大資料系統管理必備技能大資料
- 資料分析師必備技能都有哪些?
- ps-前端切圖前端
- Mysql系列第三講 管理員必備技能(必須掌握)MySql
- 前端必備-less 的使用前端
- 掌握運維必備技能--問題故障定位運維
- React開發者必備的技能清單React
- Java架構師必備技能:docker使用大全Java架構Docker
- 新手程式設計師必備10大技能程式設計師
- 聊聊資料人的職場必備技能
- 一線遊戲大廠招聘需要具備哪些必備技能?遊戲
- 前端工程師必備資源前端工程師
- 前端必備知識點—SVG前端SVG
- AI工程師必備技能 - 凸優化介紹AI工程師優化
- 程式設計師必備技能-科學砍需求程式設計師
- Git算不算程式設計師的必備技能?Git程式設計師
- 打造個人貼身助理-小白必備AI技能AI
- Python為什麼成為了必備的技能?Python
- 域名查詢:域名管理者的必備技能
- 前端工程師必備:前端的模組化前端工程師
- PS·web前端切圖(詳細)Web前端