21款强大高效的Photoshop扩展插件(一)
——CSS3PS
CSS3PS可以方便的把带图标样式的图层、形状导出为CSS3、SCSS、格式。比如一些带渐变、圆角、内发光、内阴影样式的图形或文字都可以导出来。这个比一些CSS3生成功能还方便呢。
接下来我就简单介绍一下如何安装这个小工具。
第一步,下载安装包
对于Adobe Photoshop CC 2014的用户,下载地址为http://css3ps.com/CSS3Ps-2.0.0-CC2014.zxp
对于Adobe Photoshop CS5,CS6 and CC的用户,下载地址为http://css3ps.com/PhotoshopCC/CSS3Ps.zxp
对于Adobe Photoshop CS3,CS4的用户,下载地址为http://css3ps.com/CSS3Ps.jsx
以上只是用于微软用户,苹果用户之后会有下载渠道
第二步,安装
1、如果你的photoshop正在运行,请先关闭它
2、打开下载的“CSS3Ps.zpx”文件
3、在Adobe扩展管理下点击“accept接受”按钮
4、,当安装进程完成后,你能看到以下的屏幕,然后你就可以运行photoshop了
5、在Adobe photoshop下检查“窗口à扩展功能àCSS3Ps”菜单条目
6、恭喜!现在你能挑选你的图层并把他们转化成CSS格式了
第三步,在photoshop中使用插件
1、选择你想要转化的图层
2、 选择“文件à脚本à浏览”菜单条目
3、 在你下载的文件夹选择“CSS3Ps.jsx“文件
4、 脚本将会运行,并在打开的浏览器窗口显示转化的结果