游客

标题: Photoshop效果转CSS3小插件 - 图层自动转CSS效果 CSS3PS
正文:
近日，用到一些 CSS3 的属性制作其效果。一直用这个网站在线生成css3的按钮（button），http://www.bestcssbuttongenerator.com/又发现了一个PS的插件，如下：Photoshop效果 转CSS3 小插件：个人使用体验：1、生成的效果和PS效果非常接近，也许比自己写的逼真 2、代码较为简洁基本能直接使用 3、图层效果合并越少生成出的效果越好 4、精简版PS也能直接使用使用方法：1、 打开PS（各版本应该都可以），打开需求的PSD文件，选择需要转换的图层（组）2、 选择PS菜单 文件-〉脚本-〉浏览选择 下载 的CSS3Ps.jsx小插件文件（见附件）[CSS3.jsx低版本PS使用的，不过各版本都有效，为避免安装繁琐的adobe插件管 理软件，及原版PS，我建议各版本的PS都直接使用该脚本]3、 这时候PS会自动扫描一遍这个组并打开你的浏览器，稍等片刻，浏览器中就可以看到其转换后的CSS 代码 了,按每个图层分开展示的（单个画的图标是无法转换的，重点是混合效果里的东西还原）。4、 可以看到 转换后的 圆角、阴影、渐变 效果非常逼真官网：http://css3.ps/备注：正常的说 PS 5以上应该使用 adobe manage 并要求原版PS才能使用该插件，不过这里使用的是低版本PS所用的脚本文件，非正版P S也能直接用而且不用装Adobe Extension Manager ,有兴趣的也可以去官网了解一下。有兴趣的还可以看一下PPT介绍：http://www.ued100.com/demos/css3ps_ppt/
[<<][[1]][>>]

查看评论(0)
发表评论



首页