1.传统切图方式
①利用切片工具,拖选合适的大小。形成一个个切片,然后导出
②利用参考线,在需要切出的上下左右边缘吸附参考线
选择切片工具
选择基于参考线的切片
会自动识别为切片(不需要的切片可以选择删除,删除多余的切片可以合并为一个切片)
2.导出
文件——存储为web所用格式
所切出的切片也会有一部分碎片
3.精准切图(自动化切图,省事省力,精确度好)
文件——脚本——将图层导出到文件(时间长,即一个个图层进行裁剪)
透明区域,交错,裁切图层都要勾选
4.自动切图
编辑——首选项——增效工具——勾选上启用生成器
文件——生成——图像资源(勾选上)
此时在文件夹下会生成文件名-assets文件夹,将需要导出的图层文件夹改名,需要改成png就
或者音响.jpg,此时文字和图片的切片(单独给图层或者文字做切片,只需改名即可)就会出现在文件名-assets文件夹下,包括阴影,很方便,但是新版phoneshop才支持该功能
名字更改后会自动删除该切片
扩展:可以设置后缀为.svg,svg格式图片小,而且拖动时可以自适应。
建议下载phoneshopCC2014以上版本(图层——复制css 可以直接复制简单样式的css样式代码,外部引用智能对象不可以)