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、  脚本将会运行，并在打开的浏览器窗口显示转化的结果