跳过导航链接
技术文档
·网站建设
·软件使用
·图形设计
·程序开发
·网络应用
·电脑技巧
 
公司介绍
·全景旅行者说明
·全景旅行者概念海报
·公司简介
·索仕SRCOS网络应用平台
·索仕网站管理系统
·影视广告制作
·联系我们
 
 

JS扩展Photoshop新功能

2007/11/20 1:55:54

PS前端架构辅助v2.0.1版2007-11-14发布,欢迎各位前端架构师下载试用,欢迎反馈使用建议。

推出目的,可以快速生成HTML代码和CSS样式--选中一个选区,按下F2,代码立即生成图片也立即保存好了

相信Photoshop是“凡是称得上电脑高手”的人都会的图片处理软件,鸽子也特别喜欢画画(设计),这个软件也用得特溜,闭着眼都可以玩了。呵,于是也就想到为Photoshop增加新功能。记得去年工作的时候扩展了CorelDraw,发现功能还真实用。

升级日志

升级时间2007-11-14,主要升级特性:

增加导出背景重复设置;

  • 增加了(为减少请求次数)而使用一张图来切割生成各种小图标的CSS快捷方式;
  • 增加了是否导出当前边框设置的复选框;
  • 优化了UI界面;

 注:安装或使用过程中遇到了问题,请向我发邮件,我的伊妹儿/MSN/QQ都是:www[at]xiaogezi.cn。

运行环境

  • Windows Vista,Windows XP sp2,Mac Os,
  • Photoshop cs3+ (注意一定要是这个版本的,低于这个版本的运行报错),
  • IE 6.0+;

效果如图:

JS扩展Photoshop新功能

最新版下载地址:xExportv2.0.1.rar

安装方法

把解压的:xExportv2.0.1.jsx 拷贝到 C:\Program Files\Adobe\Photoshop CS3\Presets\Scripts, 打开Photoshop CS3,“窗口”-> “动作”-> 打开“动作面板”,新建动作,设置快捷键为F2。在面板选项里选择“选择菜单项” -> “文件” -> “脚本” -> “xExportv2.0.1.jsx” (如果脚本列表里面没有,请选择“浏览”来选择)。

使用方法

使用框选工具,选择要导出图片的部分,设置要保存图片的位置(默认是D:\),按下F2,轻松设置即可生成符合W3C标准的HTML代码,图片也保存好了。

操作案例
http://www.esieo.com/demo/ 这个网页的HTML文档的代码就是精彩案例。

#target photoshop
app.bringToFront();
$.localize = true;
/*
      程式名:扩展Photoshop之导出选区到图片并生成DIV+CSS(xhtml)代码;
  Code By Linr Chen,My website
http://www.nihaoku.cn/  http://www.xiaogezi.cn/
      JavaScript File Name:xExport.jsx
*/
if (app.documents.length == 0)
{
  var docRef = app.documents.add();
}
else
{
  var docRef = app.activeDocument;
  var obj = docRef.selection;
}
var okBtn = "确定";
var cleBtn = "取消";
var strTitle=" 图片到源代码 Image to HTML - Linr Studio";
var strButtonBrowse = localize("$$$/JavaScripts/ExportLayersToFiles/Browse=&Browse...");
var dlg;
/* 创建Win form 窗体 */
function createDlg(css,htm)
{
dlg = new Window("dialog",strTitle,[200,250,630,560],undefined);
dlg.orientation = ''''column'''';
dlg.alignChildren = ''''left'''';
dlg.toHTMLIDlbl = dlg.add( ''''statictext'''', [10,12,55,30], ''''DIV ID:'''', '''''''');
dlg.toHTMLID = dlg.add( ''''edittext'''', [56,10,220,30], '''''''', {multiline:false, readonly:false} );
dlg.toHTMLbtn = dlg.add("button",[222,8,320,32],"生成DHTML...");
....

代码过长故省略,可以通过下载附件来查看

本文附件:
xExportv2.0.1.rar
作者:vickeychen 来源:蓝色理想
 
 
 
昆明索仕科技开发有限公司 版权所有 Copyright© 2002-2010 Kunming Source Technology Exploitive Co.,LTD. All Rights Reserved.
电话:0871-5627877 业务QQ:163871  滇ICP备05000592号
本站基于:索仕网站信息管理系统建设 版本 2.0.4325