基于Photoshop插件的图标管理黎嘉尧.ppt

《基于Photoshop插件的图标管理黎嘉尧.ppt》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

1、基于Photoshop插件的图标管理By黎嘉尧商品展示组--让工具来解放我们的双手3我们现在的做法？基本的都是手工，纯手工--大量的重复的体力劳动！懂得偷懒会使用一些第三方的工具--依赖工具，操作不方便高端大气的工作流的拼图，很方便，也很粗暴--高度依赖工作流4我们需要改变什么？不再是大量的重复劳动用最小工具做最多的事情良好的维护性，降低依赖5我所做的尝试！生成图标基于psd的图标管理拼图的坐标替换PhotoShop插件基于javascript的FlashUI功能模块PhotoShop6Vtools的主要功能：选中图层或

2、者选区生成图片，图层生成支持批量以图片格式导出整个文件，用于拼图的生成图层生成图片选项：记录路径：生成后直接使用最近的目录路径从选区生成：以选区内容为目标生成图片图片的生成格式（JPG质量固定75，png按实际颜色数）导入图标，主要用于新建拼图根据拼图替换文件坐标关闭关闭关闭7说一下VtoolsVtools实现了的功能：生成图标，生成拼图，替换坐标Vtools实际上只是整合了图标相关的一些操作而且，所有这些操作都和我们在PhotoShop上操作的一样但是更准确更快。Vtools不需要封装就可以源代码运行路径：Adobe

3、AdobePhotoshopCS6Plug-insPanels8Vtools是怎样实现的？9具体实现的原理10PhotoShopobjects(theJavaScripttypelibraryforPhotoShop)AppDocument图层对象layers选区对象selection通道对象channel…参考线对象guide文字对象textfontWindowDocumentDOM…PhotoShop:app.activeDocument.artLayers.getByName("mylayer")Browser

4、:window.document.getElementById("myDiv")11图层对象Document.layers(Array)OrLayerSet.layers(Array)ArtLayer(obj)LayerSet(obj)ArtLayers(Array)LayerSets(Array)Document.ArtLayers(Array)OrLayerSet.ArtLayers(Array)Document.LayerSets(Array)OrLayerSet.LayerSets(Array)12其他功能性的操

5、作复制(copy)的行为属于非用户创建的对象app.executeAction方法完成copy的行为PhotoShop提供了一些方法可以访问PhotoShop的底层app.executeAction(eventID[,descriptor][,displayDialogs])变形(transform)属于非用户创建的对象app.executeAction方法完成transform的行为多步骤的行为步骤说明(descriptor)eventID：copy13其他功能性的操作实时输出PhotoShop中所有操作的代码插件：S

6、criptListener.8li代码会记录在：ScriptingListenerJS.log14PhotoShop中特别的对象newFile([path])PhotoShop提供了可以操作文件和目录的js对象newWindow(type[,title,bounds,{creation_properties}]);PhotoShop提供了可以创建UI面板的对象通过File对象可以进行读取，修改，保存UI面板同时也可以对不同的组件绑定不同的时间，例如按钮，输入框$对象主要用于调试和获取一些基本信息，在控制台输出信息,同co

7、nsole.log$.write(text[,text...]...)15最后：工具是用我们熟悉的语言和在我们熟悉的软件上实现的PhotoShop就是开发环境，随时可以开发和使用但是插件还存在版本兼容，使用范围等问题需要解决QQ群：154532253除了图标管理，我们还可以实现更多的功能：图标冗余检查，一键切图，智能排序图标……Thanks！Q&A