特此申明:
以后的PS前端架构辅助新版不会再在blueidea发了。
PS前端架构辅助v3版 2008-7-23发布,欢迎各位前端架构师下载试用,欢迎反馈使用建议。
快速生成xHTML代码和CSS样式--选中一个选区,按下F2,立即生成DIV+CSS代码并将图片成功导出;
《JS扩展Photoshop新功能:前端架构辅助工具》一文,http://bbs.blueidea.com/thread-2809015-1-4.html。
升级日志:
2008-7-30,主要升级特性:
1.添加导出PNG图片时,生成兼容IE6的CSS-(滤镜)代码;
2008-7-25,主要升级特性:
1.修正 10.0.0.1 类似版本不能使用的BUG;
2008-7-23,主要升级特性:
1.增加导图的更多设置,如GIF格式时,是否透明,颜色数量;JPG格式时,图片质量;
2.全新的用户界面,修正移动界面时被遮盖图片的部分透明化的BUG;
3.修正中文版PS不能自动返回导图历史的BUG;
4.代码完全重构;
2007-12-7,主要升级特性:
1.为每个操作添加快捷键,只需轻松按单个字母键即可启用相应功能——标记有下划线的字母为快捷键;
2.添加标签框,可以输出任意标签的样式;
3.添加前景,背景,文字取色,边框设置信息;
4.抛弃了以前保存文件时选择文件夹的对话框,采用了windows通用的保存文件对话框;
2007-12-6,主要升级特性:
1.去掉了导出图片自动加上尺寸的冗余功能;
2.将导出的图片格式默认选择为jpg更为gif;
3.添加版本低时不能运行的提示;
4.添加自动命名CSS标识名;
2007-11-14,主要升级特性:
1.增加导出背景重复设置;
2.增加了(为减少请求次数)而使用一张图来切割生成各种小图标的CSS(CSS Sprites)快捷方式;
3.增加了是否导出当前边框设置的复选框;
[注]安装或使用过程中遇到了问题,请向我发邮件,我的伊妹儿/MSN/QQ/百度HI都是:www@xiaogezi.cn。
[运行环境]:Windows Vista,Windows XP sp2,Mac Os,
Photoshop cs3+ (注意一定要是这个CS3或更高版本),
IE 6.0+;
最新版下载地址:http://www.nihaoku.cn/temp/down.asp?api=QzoneMusicHelper&file=xExport3&ext=1&from=bi
安装方法:把解压的:xExport v3.0.1.jsx 拷贝到 C:\Program Files\Adobe\Photoshop CS3\Presets\Scripts (注意中文版的路径:~\Adobe\Photoshop CS3\预置\脚本),
设置F2为启动快捷键的方法:(动画演示:http://bbs.blueidea.com/attachment.php?aid=68761)
"窗口"->"动作" -> "新建动作(图标)" -> 输入动作名,选择"F2"为快捷键,按回车确定,开始录制动作.
在动作面板在右上角打开面板菜单,"插入菜单项目",这个插入菜单项目对话框不要理它,去选择 -> "文件"->"脚本"->"xExport v3.0.1",回车确定插入菜单项目对话框 -> "停止动作(图标)".一切OK.关了ps,再开一次.打开一个文档,选择一个选区,按下F2键试下,如果设置正确的话,将会成功启动.
使用方法:使用框选(或其他工具获得一个选区——即有蚁行线的区域)工具,选择要导出图片的部分,按下F2启动本插件,然后设置要保存图片的位置——快捷键是`,再按您的需求轻松设置即可生成符合W3C标准的xHTML代码(DIV+CSS架构),web格式的图片也输出了,一个字,快。
新版本下载以及更多信息:http://www.nihaoku.cn/ff/api.htm