前端切图必备技能

1。切图前ps配置

1。视图-显示-智能参考线

2,。视图-标尺

3 。窗口-图层，窗口-信息（面板选项中都改成像素，勾文档尺寸），窗口-字符（）

4。编辑-首选项-单位与标尺（改为像素）

找到图层，按ctrl在点击图层，就有图片或者是字体的大小

 

为了防止下次在次设置，可以窗口-新建工作区-前端切图（保存）

2. 传统切图

切片工具

裁剪

智能对象

2。精准切图

文件-脚本-将图层到处到文件-文件类型png24-把其他的都勾上

3。自动切图  自己组合图片也可以（意思就是ui在切图的时候直接加.png或者是.jpg就会自动生成，不需要切图了）

编辑-首选项-增效工具-启用生成器-确定

文件-生成图像资源 （会多个文件jia）

文件重命名（如aa.png）  就会到新的文件夹下

 

福利：复制ps的图片css代码

图层-复制css-在编辑器中粘贴（有的远程不行）