- 11
- 0
- 约1.97千字
- 约 10页
- 2018-07-07 发布于河北
- 举报
Ps的新特性功能.doc
Ps的新特性功能
Photoshop 是视觉设计师最强有力的武器之一,其实 Photoshop 也为前端开发同学带来很多惊喜,特别是从 Photoshop CC 版本开始,它变得越来越有趣,就其中几个新特性给大家介绍一下。
自动切图(含WebP、SVG格式):
前端开发人员经常需要将很多图层切出成独立的图片。有了自动切图功能,无需花更多时间来切图了。只需在图层名后添加相应格式后缀(如.png),即可自动输出所需格式的图片。
请保持菜单“编辑-首选项-增效工具”中的“生成器”为启用状态;
依次点击菜单“文件-生成-图像资源”,确认该菜单项已被勾选;
试着修改某个图层命名(如 iTunes.png),然后检查当前 psd 文件所在目录下的“文件名-assets” 的目录,打开此目录,发现 iTunes.png 已经躺在里面了。
常用技巧:
@2x Retina 图片的输出,在图层前添加 200% 即可,如 200% logo@2x.png ;
开启 WebP、SVG 格式的自动输出: 新建 generator.json 文件,内容如下:
{ generator-assets: { svg-enabled: true, webp-enabled: true }}
将此配置文件拷贝至: Windows: (Wi
原创力文档

文档评论(0)