CSS3Ps插件是一款专为ps用户打造的增强插件,这款插件的主要作用是将ps特效转换为css3代码,现在html5和css3技术已经越来越成熟了,像本站的手机版就是采用了html5技术,有了这款插件就可以更加轻松地制作出各种页面效果了,包括内阴影、内发光、阴影、外发光、图片圆角等,需要此款工具的朋友们欢迎前来下载使用。
基本介绍
CSS3PS是一个免费的基于云端的 Photoshop 插件,用来将 PhotoShop 的图层转成用 CSS3 实现的方式,外观完全一致。
您可以选择多个图层和图层组,一键转换。行程转换为CSS边框属性。内阴影,内发光,阴影,外发光转换成CSS的box- shadow属性。
CSS3PS怎么用?
CSS3Ps支持Photoshop CS3-cs6这四个版本,它的使用方法非常的简单,在CS3与CS4中选中你要转换的图层,通过菜单“文件”>“脚本”>“浏览”选中下载好的CSS3Ps插件即可完成转换,在CS5与CS6中使用CSS3Ps要首先在”Adobe 扩展管理“里安装插件,最后在Photoshop的“窗口“>”扩展“中选中”CSS3Ps“,以下是通过CSS3Ps转换出来的代码效果图。
安装教程:
针对photoshop cs5和CS6版本的安装过程(来至官方教程):
1.如果Adobe Photoshop的运行,将其关闭。
2.下载“CSS3Ps.zpx”文件。
3.在Adobe Extension Manager中点击“Accept”按钮。

4.当安装程序完成后,你会看到以下的画面。现在你可以运行Adobe Photoshop。

5.在Adobe Photoshop中选中“窗口”- >“扩展” - >“ CSS3Ps”菜单项。


6.恭喜!现在,您可以选择您的层并转换他们CSS了。
在Photoshop CS3和CS4中使用脚本
1.选择你要转换的层

2.选择“文件” - >“脚本” - >“浏览...” 菜单项

3.选择“CSS3Ps.jsx”文件

4.该脚本将运行并打开一个浏览器窗口的转换结果

|