前端必备技能之ps切图

1.传统切图方式

①利用切片工具，拖选合适的大小。形成一个个切片，然后导出
②利用参考线，在需要切出的上下左右边缘吸附参考线

选择切片工具

选择基于参考线的切片

会自动识别为切片（不需要的切片可以选择删除，删除多余的切片可以合并为一个切片）

2.导出
文件——存储为web所用格式
所切出的切片也会有一部分碎片

3.精准切图（自动化切图，省事省力，精确度好）
文件——脚本——将图层导出到文件（时间长，即一个个图层进行裁剪）
透明区域，交错，裁切图层都要勾选

4.自动切图
编辑——首选项——增效工具——勾选上启用生成器
文件——生成——图像资源（勾选上）
此时在文件夹下会生成文件名-assets文件夹，将需要导出的图层文件夹改名，需要改成png就

或者音响.jpg,此时文字和图片的切片（单独给图层或者文字做切片，只需改名即可）就会出现在文件名-assets文件夹下，包括阴影，很方便，但是新版phoneshop才支持该功能
名字更改后会自动删除该切片
扩展：可以设置后缀为.svg，svg格式图片小，而且拖动时可以自适应。

建议下载phoneshopCC2014以上版本（图层——复制css 可以直接复制简单样式的css样式代码，外部引用智能对象不可以）